npm - @fundamental-ngx/core - Versions diffs - 0.43.0-rc.2 → 0.43.0-rc.21 - Mend

@fundamental-ngx/core 0.43.0-rc.2 → 0.43.0-rc.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (824) hide show

package/esm2020/tile/tile.component.mjs CHANGED Viewed

@@ -50,15 +50,15 @@ export class TileComponent {
         return this.ref;
     }
 }
-TileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TileComponent, selector: "fd-tile", inputs: { class: "class", size: "size", double: "double", type: "type", action: "action", clickable: "clickable" }, outputs: { tileClick: "tileClick" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-tile\"\n    #container\n    [attr.tabindex]=\"clickable ? 0 : -1\"\n    (click)=\"clickable && tileClick.emit()\"\n    (keyup.enter)=\"clickable && tileClick.emit()\"\n    (keydown.space)=\"clickable && $event.preventDefault()\"\n    (keyup.space)=\"clickable && tileClick.emit()\"\n>\n    <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n    <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n    <ng-content select=\"[fd-badge]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n    <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background:var(--sapTile_Background);border:0;border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding:.9375rem;position:relative;width:11rem}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{-webkit-box-shadow:none;background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile.is-focus,.fd-tile:focus{outline:none;z-index:5}.fd-tile.is-focus:before,.fd-tile:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--sapElement_BorderCornerRadius);content:\"\";display:block;inset:0;position:absolute;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{-webkit-box-pack:justify;-ms-flex-pack:justify;display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;margin-bottom:.25rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content{height:3.875rem;margin-bottom:.25rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;margin-bottom:.25rem;max-height:7.75rem;min-height:7.75rem}.fd-tile__header-content .fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.fd-tile__footer{display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sapTile_TitleTextColor);display:-webkit-box;font-size:var(--sapFontHeader5Size);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:var(--sapFontSize);justify-content:center;line-height:1;line-height:normal;margin-right:.5rem;min-width:.875rem;text-align:center}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-tile__profile-img{-webkit-box-sizing:border-box;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3.5rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{align-items:flex-end;display:flex}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{align-items:center;display:flex}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-box-flex:1;-ms-flex:1;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-end;margin-right:.25rem;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-left:0;padding-right:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.063rem;margin:0;max-width:100%;padding:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{align-items:flex-end;display:flex;padding:0}.fd-tile--slide .fd-tile__background-img{-webkit-box-sizing:border-box;background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";display:flex;font-family:SAP-icons;font-size:1rem;height:2rem;justify-content:center;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow);width:2rem}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);border:0;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:6.125rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:6.125rem;max-width:100%;min-height:6.125rem;opacity:var(--fdSlide_Tile_Background_Opacity);padding:.25rem .9375rem 0;width:100%;z-index:2}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:.375rem 0 .125rem;max-height:.5rem;min-height:.5rem;padding:0}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:0;border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing);max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity);padding:0;width:var(--fdSlide_Tile_Indicator_Dot_Size)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing);margin-right:0}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;padding-left:.4375rem;padding-right:.4375rem;padding-top:.1875rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{-webkit-box-sizing:border-box;background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:.7;padding:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;height:auto;justify-content:flex-end;max-height:none;max-width:none;min-height:auto;min-width:auto;padding:0;position:absolute;right:-.375rem;top:-.375rem;width:auto;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{-webkit-box-sizing:border-box;background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;margin-bottom:.25rem;margin-right:.25rem;position:absolute;right:0;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;margin-left:.25rem;margin-right:auto;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:1rem;justify-content:center;line-height:1}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{background-color:var(--sapGroup_ContentBackground);flex-direction:column}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-left:0;margin-right:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex:1;flex-wrap:wrap}.fd-tile--line{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:transparent;display:flex;height:100%;justify-content:space-between;margin-bottom:.125rem;margin-right:1.25rem;margin-top:.125rem;max-height:2.25rem;max-width:100%;min-height:2.25rem;min-width:2rem;padding:0 .5rem;width:auto}.fd-tile--line,.fd-tile--line.is-active,.fd-tile--line.is-hover,.fd-tile--line:active,.fd-tile--line:hover{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-left:1.25rem;margin-right:0}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{align-items:center;display:flex;margin:0}.fd-tile--line .fd-tile__title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);max-width:100%;padding:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TextColor);font-size:var(--sapFontSize);line-height:1.625rem;min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__title{-webkit-line-clamp:none;color:var(--sapButton_TextColor);display:inline;margin-right:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-left:.625rem;margin-right:0}.fd-tile--line.fd-tile--compact{max-height:1.625rem;min-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-left:.5rem;margin-right:0}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1.625rem;justify-content:center;inset:0;max-height:1.625rem;min-height:1.625rem;padding:0 .25rem;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{inset:0;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{outline:none;z-index:5}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:0;position:absolute}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--line .fd-badge{-ms-flex-negative:0;flex-shrink:0;inset:0;margin-right:.375rem;position:relative}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;margin-left:.375rem;margin-right:0;right:0}.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TileComponent, selector: "fd-tile", inputs: { class: "class", size: "size", double: "double", type: "type", action: "action", clickable: "clickable" }, outputs: { tileClick: "tileClick" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-tile\"\n    #container\n    [attr.tabindex]=\"clickable ? 0 : -1\"\n    (click)=\"clickable && tileClick.emit()\"\n    (keyup.enter)=\"clickable && tileClick.emit()\"\n    (keydown.space)=\"clickable && $event.preventDefault()\"\n    (keyup.space)=\"clickable && tileClick.emit()\"\n>\n    <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n    <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n    <ng-content select=\"[fd-badge]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n    <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background:var(--sapTile_Background);border:0;border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding:.9375rem;position:relative;width:11rem}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{-webkit-box-shadow:none;background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile.is-focus,.fd-tile:focus{outline:none;z-index:5}.fd-tile.is-focus:before,.fd-tile:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--sapElement_BorderCornerRadius);content:\"\";display:block;inset:0;position:absolute;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{-webkit-box-pack:justify;-ms-flex-pack:justify;display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;margin-bottom:.25rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content{height:3.875rem;margin-bottom:.25rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;margin-bottom:.25rem;max-height:7.75rem;min-height:7.75rem}.fd-tile__header-content .fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.fd-tile__footer{display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sapTile_TitleTextColor);display:-webkit-box;font-size:var(--sapFontHeader5Size);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:var(--sapFontSize);justify-content:center;line-height:1;line-height:normal;margin-right:.5rem;min-width:.875rem;text-align:center}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-tile__profile-img{-webkit-box-sizing:border-box;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3.5rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{align-items:flex-end;display:flex}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{align-items:center;display:flex}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-box-flex:1;-ms-flex:1;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-end;margin-right:.25rem;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-left:0;padding-right:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.063rem;margin:0;max-width:100%;padding:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{align-items:flex-end;display:flex;padding:0}.fd-tile--slide .fd-tile__background-img{-webkit-box-sizing:border-box;background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";display:flex;font-family:SAP-icons;font-size:1rem;height:2rem;justify-content:center;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow);width:2rem}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);border:0;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:6.125rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:6.125rem;max-width:100%;min-height:6.125rem;opacity:var(--fdSlide_Tile_Background_Opacity);padding:.25rem .9375rem 0;width:100%;z-index:2}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:.375rem 0 .125rem;max-height:.5rem;min-height:.5rem;padding:0}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:0;border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing);max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity);padding:0;width:var(--fdSlide_Tile_Indicator_Dot_Size)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing);margin-right:0}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;padding-left:.4375rem;padding-right:.4375rem;padding-top:.1875rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{-webkit-box-sizing:border-box;background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:.7;padding:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;height:auto;justify-content:flex-end;max-height:none;max-width:none;min-height:auto;min-width:auto;padding:0;position:absolute;right:-.375rem;top:-.375rem;width:auto;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{-webkit-box-sizing:border-box;background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;margin-bottom:.25rem;margin-right:.25rem;position:absolute;right:0;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;margin-left:.25rem;margin-right:auto;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:1rem;justify-content:center;line-height:1}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{background-color:var(--sapGroup_ContentBackground);flex-direction:column}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-left:0;margin-right:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex:1;flex-wrap:wrap}.fd-tile--line{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:transparent;display:flex;height:100%;justify-content:space-between;margin-bottom:.125rem;margin-right:1.25rem;margin-top:.125rem;max-height:2.25rem;max-width:100%;min-height:2.25rem;min-width:2rem;padding:0 .5rem;width:auto}.fd-tile--line,.fd-tile--line.is-active,.fd-tile--line.is-hover,.fd-tile--line:active,.fd-tile--line:hover{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-left:1.25rem;margin-right:0}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{align-items:center;display:flex;margin:0}.fd-tile--line .fd-tile__title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);max-width:100%;padding:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TextColor);font-size:var(--sapFontSize);line-height:1.625rem;min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__title{-webkit-line-clamp:none;color:var(--sapButton_TextColor);display:inline;margin-right:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-left:.625rem;margin-right:0}.fd-tile--line.fd-tile--compact{max-height:1.625rem;min-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-left:.5rem;margin-right:0}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1.625rem;justify-content:center;inset:0;max-height:1.625rem;min-height:1.625rem;padding:0 .25rem;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{inset:0;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{outline:none;z-index:5}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:0;position:absolute}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--line .fd-badge{-ms-flex-negative:0;flex-shrink:0;inset:0;margin-right:.375rem;position:relative}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;margin-left:.375rem;margin-right:0;right:0}.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], TileComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-tile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-tile\"\n    #container\n    [attr.tabindex]=\"clickable ? 0 : -1\"\n    (click)=\"clickable && tileClick.emit()\"\n    (keyup.enter)=\"clickable && tileClick.emit()\"\n    (keydown.space)=\"clickable && $event.preventDefault()\"\n    (keyup.space)=\"clickable && tileClick.emit()\"\n>\n    <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n    <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n    <ng-content select=\"[fd-badge]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n    <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n    <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background:var(--sapTile_Background);border:0;border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding:.9375rem;position:relative;width:11rem}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{-webkit-box-shadow:none;background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile.is-focus,.fd-tile:focus{outline:none;z-index:5}.fd-tile.is-focus:before,.fd-tile:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--sapElement_BorderCornerRadius);content:\"\";display:block;inset:0;position:absolute;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{-webkit-box-pack:justify;-ms-flex-pack:justify;display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;margin-bottom:.25rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content{height:3.875rem;margin-bottom:.25rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;margin-bottom:.25rem;max-height:7.75rem;min-height:7.75rem}.fd-tile__header-content .fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.fd-tile__footer{display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sapTile_TitleTextColor);display:-webkit-box;font-size:var(--sapFontHeader5Size);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:var(--sapFontSize);justify-content:center;line-height:1;line-height:normal;margin-right:.5rem;min-width:.875rem;text-align:center}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-tile__profile-img{-webkit-box-sizing:border-box;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3.5rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{align-items:flex-end;display:flex}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{align-items:center;display:flex}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-box-flex:1;-ms-flex:1;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-end;margin-right:.25rem;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-left:0;padding-right:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.063rem;margin:0;max-width:100%;padding:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{align-items:flex-end;display:flex;padding:0}.fd-tile--slide .fd-tile__background-img{-webkit-box-sizing:border-box;background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{-webkit-box-sizing:border-box;background:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";display:flex;font-family:SAP-icons;font-size:1rem;height:2rem;justify-content:center;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow);width:2rem}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);border:0;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:6.125rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:6.125rem;max-width:100%;min-height:6.125rem;opacity:var(--fdSlide_Tile_Background_Opacity);padding:.25rem .9375rem 0;width:100%;z-index:2}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:.375rem 0 .125rem;max-height:.5rem;min-height:.5rem;padding:0}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:0;border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing);max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity);padding:0;width:var(--fdSlide_Tile_Indicator_Dot_Size)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing);margin-right:0}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;padding-left:.4375rem;padding-right:.4375rem;padding-top:.1875rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{-webkit-box-sizing:border-box;background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:.7;padding:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;height:auto;justify-content:flex-end;max-height:none;max-width:none;min-height:auto;min-width:auto;padding:0;position:absolute;right:-.375rem;top:-.375rem;width:auto;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{-webkit-box-sizing:border-box;background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;margin-bottom:.25rem;margin-right:.25rem;position:absolute;right:0;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;margin-left:.25rem;margin-right:auto;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapButton_IconColor);display:flex;font-size:inherit;font-size:1rem;justify-content:center;line-height:1}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{background-color:var(--sapGroup_ContentBackground);flex-direction:column}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-left:0;margin-right:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex:1;flex-wrap:wrap}.fd-tile--line{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background:transparent;display:flex;height:100%;justify-content:space-between;margin-bottom:.125rem;margin-right:1.25rem;margin-top:.125rem;max-height:2.25rem;max-width:100%;min-height:2.25rem;min-width:2rem;padding:0 .5rem;width:auto}.fd-tile--line,.fd-tile--line.is-active,.fd-tile--line.is-hover,.fd-tile--line:active,.fd-tile--line:hover{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-left:1.25rem;margin-right:0}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{align-items:center;display:flex;margin:0}.fd-tile--line .fd-tile__title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);max-width:100%;padding:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TextColor);font-size:var(--sapFontSize);line-height:1.625rem;min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__title{-webkit-line-clamp:none;color:var(--sapButton_TextColor);display:inline;margin-right:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-left:.625rem;margin-right:0}.fd-tile--line.fd-tile--compact{max-height:1.625rem;min-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-left:.5rem;margin-right:0}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1.625rem;justify-content:center;inset:0;max-height:1.625rem;min-height:1.625rem;padding:0 .25rem;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{inset:0;position:relative}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{outline:none;z-index:5}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));content:\"\";display:block;inset:0;position:absolute}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.is-selected:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-button--toggled:after,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--line .fd-badge{-ms-flex-negative:0;flex-shrink:0;inset:0;margin-right:.375rem;position:relative}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;margin-left:.375rem;margin-right:0;right:0}.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.25rem;padding-top:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"] }]
         }], propDecorators: { class: [{

package/esm2020/tile/tile.module.mjs CHANGED Viewed

@@ -6,8 +6,8 @@ import { NumericContentDirective, NumericContentKpiContainerDirective, NumericCo
 import * as i0 from "@angular/core";
 export class TileModule {
 }
-TileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: TileModule, declarations: [TileComponent,
+TileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TileModule, declarations: [TileComponent,
         TileHeaderDirective,
         TileContentDirective,
         TileFooterDirective,
@@ -72,8 +72,8 @@ TileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15
         NumericContentScaleContainerDirective,
         NumericContentScaleDirective,
         NumericContentScaleTextDirective] });
-TileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TileModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TileModule, decorators: [{
+TileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TileModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2020/time/deprecated-time-content-density.directive.mjs CHANGED Viewed

@@ -7,14 +7,14 @@ export class DeprecatedTimeContentDensityDirective extends DeprecatedCompactDire
         super('fd-time-column[compact], fd-time');
     }
 }
-DeprecatedTimeContentDensityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedTimeContentDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedTimeContentDensityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DeprecatedTimeContentDensityDirective, selector: "fd-time-column[compact], fd-time[compact]", providers: [
+DeprecatedTimeContentDensityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedTimeContentDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedTimeContentDensityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedTimeContentDensityDirective, selector: "fd-time-column[compact], fd-time[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedTimeContentDensityDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedTimeContentDensityDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedTimeContentDensityDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/time/i18n/time-i18n.mjs CHANGED Viewed

@@ -43,9 +43,9 @@ export class TimeI18n {
         }
     }
 }
-TimeI18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TimeI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeI18n });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeI18n, decorators: [{
+TimeI18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TimeI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeI18n });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeI18n, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1pMThuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdGltZS9pMThuL3RpbWUtaTE4bi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFdEQ7OztHQUdHO0FBRUgsTUFBTSxPQUFPLFFBQVE7SUFDakIsY0FBYztJQUNkO1FBTUEsc0NBQXNDO1FBQ3RDLHNCQUFpQixHQUFHLGFBQWEsQ0FBQztRQUVsQyxpREFBaUQ7UUFDakQsdUJBQWtCLEdBQUcsZ0JBQWdCLENBQUM7UUFFdEMsbUNBQW1DO1FBQ25DLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsaURBQWlEO1FBQ2pELHVCQUFrQixHQUFHLGdCQUFnQixDQUFDO1FBRXRDLG1EQUFtRDtRQUNuRCx5QkFBb0IsR0FBRyxrQkFBa0IsQ0FBQztRQUUxQyxxQ0FBcUM7UUFDckMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsbURBQW1EO1FBQ25ELHlCQUFvQixHQUFHLGtCQUFrQixDQUFDO1FBRTFDLG1EQUFtRDtRQUNuRCx5QkFBb0IsR0FBRyxrQkFBa0IsQ0FBQztRQUUxQyxxQ0FBcUM7UUFDckMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsbURBQW1EO1FBQ25ELHlCQUFvQixHQUFHLGtCQUFrQixDQUFDO1FBRTFDLGtEQUFrRDtRQUNsRCx3QkFBbUIsR0FBRyxpQkFBaUIsQ0FBQztRQUV4QyxvQ0FBb0M7UUFDcEMsZ0JBQVcsR0FBRyxRQUFRLENBQUM7UUFFdkIsa0RBQWtEO1FBQ2xELHdCQUFtQixHQUFHLGlCQUFpQixDQUFDO1FBRXhDOzs7V0FHRztRQUNILDBCQUFxQixHQUNqQiwrSEFBK0gsQ0FBQztRQWpEaEksSUFBSSxTQUFTLEVBQUUsRUFBRTtZQUNiLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0ZBQXNGLENBQUMsQ0FBQztTQUN4RztJQUNMLENBQUM7O3FHQU5RLFFBQVE7eUdBQVIsUUFBUTsyRkFBUixRQUFRO2tCQURwQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgaXNEZXZNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgdXNlIGkxOG4gY2FwYWJpbGl0aWVzIGluc3RlYWRcbiAqIFByb3ZpZGVzIGkxOG4gc3VwcG9ydCBmb3IgbGFiZWxzIGFuZCBtZXJpZGlhbiBuYW1pbmcgaW5zaWRlIHRoZSB0aW1lIGNvbXBvbmVudC5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFRpbWVJMThuIHtcbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgICAgIGNvbnNvbGUud2FybignVGltZUkxOG4gaXMgZGVwcmVjYXRlZCBhbmQgd2lsbCBmdXJ0aGVybHkgYmUgcmVtb3ZlZC4gVXNlIGkxOG4gY2FwYWJpbGl0aWVzIGluc3RlYWQuJyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgZW50aXJlIGNvbXBvbmVudCAqL1xuICAgIGNvbXBvbmVudEFyaWFOYW1lID0gJ1RpbWUgcGlja2VyJztcblxuICAgIC8qKiBBcmlhIGxhYmVsIGZvciB0aGUgJ2luY3JlYXNlIGhvdXJzJyBidXR0b24gKi9cbiAgICBpbmNyZWFzZUhvdXJzTGFiZWwgPSAnSW5jcmVhc2UgaG91cnMnO1xuXG4gICAgLyoqIGxhYmVsIGZvciB0aGUgJ2hvdXJzJyBjb2x1bW4gKi9cbiAgICBob3Vyc0xhYmVsID0gJ0hycyc7XG5cbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlICdkZWNyZWFzZSBob3VycycgYnV0dG9uICovXG4gICAgZGVjcmVhc2VIb3Vyc0xhYmVsID0gJ0RlY3JlYXNlIGhvdXJzJztcblxuICAgIC8qKiBBcmlhIGxhYmVsIGZvciB0aGUgJ2luY3JlYXNlIG1pbnV0ZXMnIGJ1dHRvbiAqL1xuICAgIGluY3JlYXNlTWludXRlc0xhYmVsID0gJ0luY3JlYXNlIG1pbnV0ZXMnO1xuXG4gICAgLyoqIGxhYmVsIGZvciB0aGUgJ21pbnV0ZXMnIGNvbHVtbiAqL1xuICAgIG1pbnV0ZXNMYWJlbCA9ICdNaW4nO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgZm9yIHRoZSAnZGVjcmVhc2UgbWludXRlcycgYnV0dG9uICovXG4gICAgZGVjcmVhc2VNaW51dGVzTGFiZWwgPSAnRGVjcmVhc2UgbWludXRlcyc7XG5cbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlICdpbmNyZWFzZSBzZWNvbmRzJyBidXR0b24gKi9cbiAgICBpbmNyZWFzZVNlY29uZHNMYWJlbCA9ICdJbmNyZWFzZSBzZWNvbmRzJztcblxuICAgIC8qKiBsYWJlbCBmb3IgdGhlICdzZWNvbmRzJyBjb2x1bW4gKi9cbiAgICBzZWNvbmRzTGFiZWwgPSAnU2VjJztcblxuICAgIC8qKiBBcmlhIGxhYmVsIGZvciB0aGUgJ2RlY3JlYXNlIHNlY29uZHMnIGJ1dHRvbiAqL1xuICAgIGRlY3JlYXNlU2Vjb25kc0xhYmVsID0gJ0RlY3JlYXNlIHNlY29uZHMnO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgZm9yIHRoZSAnaW5jcmVhc2UgcGVyaW9kJyBidXR0b24gKi9cbiAgICBpbmNyZWFzZVBlcmlvZExhYmVsID0gJ0luY3JlYXNlIHBlcmlvZCc7XG5cbiAgICAvKiogbGFiZWwgZm9yIHRoZSAncGVyaW9kJyBjb2x1bW4gKi9cbiAgICBwZXJpb2RMYWJlbCA9ICdQZXJpb2QnO1xuXG4gICAgLyoqIEFyaWEgbGFiZWwgZm9yIHRoZSAnZGVjcmVhc2UgcGVyaW9kJyBidXR0b24gKi9cbiAgICBkZWNyZWFzZVBlcmlvZExhYmVsID0gJ0RlY3JlYXNlIHBlcmlvZCc7XG5cbiAgICAvKipcbiAgICAgKiBJbnN0cnVjdGlvbiBob3cgdG8gbmF2aWdhdGUgYmV0d2VlbiBvcHRpb25zXG4gICAgICogaW4gdGhlIHRpbWUgY29sdW1uIGxpc3QgYW5kIHRvIHN3aXRjaCBiZXR3ZWVuIHRpbWUgY29sdW1uc1xuICAgICAqL1xuICAgIG5hdmlnYXRpb25JbnN0cnVjdGlvbiA9XG4gICAgICAgICdUbyBtb3ZlIGJldHdlZW4gaXRlbXMgaW4gdGhpcyBsaXN0LCBwcmVzcyB0b3AgYXJyb3cgb3IgYm90dG9tIGFycm93LiBUbyBzd2l0Y2ggYmV0d2VlbiBsaXN0cyBwcmVzcyBsZWZ0IGFycm93IG9yIHJpZ2h0IGFycm93Lic7XG59XG4iXX0=

package/esm2020/time/time-column/time-column.component.mjs CHANGED Viewed

@@ -427,9 +427,9 @@ export class TimeColumnComponent {
         this._changeDetRef.markForCheck();
     }
 }
-TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", columnTranslationsPreset: "columnTranslationsPreset", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)", "wheel": "mouseScrollHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{\n    timeConfig?.label || (internalTranslationConfig && (internalTranslationConfig.label | fdTranslate))\n}}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"\n        timeConfig?.decreaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.decreaseLabel | fdTranslate))\n    \"\n    [ariaLabel]=\"\n        timeConfig?.decreaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.decreaseLabel | fdTranslate))\n    \"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"\n            timeConfig?.navigationInstruction ||\n            (internalTranslationConfig && (internalTranslationConfig.navigationInstruction | fdTranslate))\n        \"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }}\n            {{ timeConfig?.label || (internalTranslationConfig && (internalTranslationConfig.label | fdTranslate)) }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"\n        timeConfig?.increaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.increaseLabel | fdTranslate))\n    \"\n    [ariaLabel]=\"\n        timeConfig?.increaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.increaseLabel | fdTranslate))\n    \"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }, { kind: "directive", type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeColumnComponent, decorators: [{
+TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", columnTranslationsPreset: "columnTranslationsPreset", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)", "wheel": "mouseScrollHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{\n    timeConfig?.label || (internalTranslationConfig && (internalTranslationConfig.label | fdTranslate))\n}}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"\n        timeConfig?.decreaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.decreaseLabel | fdTranslate))\n    \"\n    [ariaLabel]=\"\n        timeConfig?.decreaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.decreaseLabel | fdTranslate))\n    \"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"\n            timeConfig?.navigationInstruction ||\n            (internalTranslationConfig && (internalTranslationConfig.navigationInstruction | fdTranslate))\n        \"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }}\n            {{ timeConfig?.label || (internalTranslationConfig && (internalTranslationConfig.label | fdTranslate)) }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"\n        timeConfig?.increaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.increaseLabel | fdTranslate))\n    \"\n    [ariaLabel]=\"\n        timeConfig?.increaseLabel ||\n        (internalTranslationConfig && (internalTranslationConfig.increaseLabel | fdTranslate))\n    \"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }, { kind: "directive", type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-time-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-time__col'

package/esm2020/time/time.component.mjs CHANGED Viewed

@@ -432,8 +432,8 @@ export class TimeComponent {
         return this._dateTimeAdapter.today();
     }
 }
-TimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatetimeAdapter, optional: true }, { token: i2.ContentDensityObserver }, { token: i3.RtlService, optional: true }, { token: i4.TimeI18n, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TimeComponent, selector: "fd-time", inputs: { meridian: "meridian", validate: "validate", keepTwoDigits: "keepTwoDigits", disabled: "disabled", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", tablet: "tablet", elementsAtOnce: "elementsAtOnce", time: "time", spinnerButtons: "spinnerButtons" }, host: { listeners: { "focusout": "_focusOut($event)", "blur": "onTouched()" } }, providers: [
+TimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatetimeAdapter, optional: true }, { token: i2.ContentDensityObserver }, { token: i3.RtlService, optional: true }, { token: i4.TimeI18n, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TimeComponent, selector: "fd-time", inputs: { meridian: "meridian", validate: "validate", keepTwoDigits: "keepTwoDigits", disabled: "disabled", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", tablet: "tablet", elementsAtOnce: "elementsAtOnce", time: "time", spinnerButtons: "spinnerButtons" }, host: { listeners: { "focusout": "_focusOut($event)", "blur": "onTouched()" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TimeComponent),
@@ -441,7 +441,7 @@ TimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
         },
         contentDensityObserverProviders()
     ], viewQueries: [{ propertyName: "columns", predicate: TimeColumnComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-time\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    (keydown)=\"handleKeyDownEvent($event)\"\n    [class.fd-time--tablet]=\"tablet\"\n    [attr.aria-label]=\"_componentAriaLabel || ('coreTime.componentAriaName' | fdTranslate)\"\n>\n    <fd-time-column\n        [active]=\"isActive('hour')\"\n        [rows]=\"hourViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeHourViewItem\"\n        [timeConfig]=\"getHoursConfig()\"\n        columnTranslationsPreset=\"hours\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleHourChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('hour')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displayMinutes\"\n        [active]=\"isActive('minute')\"\n        [rows]=\"minuteViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeMinuteViewItem\"\n        [timeConfig]=\"getMinutesConfig()\"\n        columnTranslationsPreset=\"minutes\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMinuteChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('minute')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displaySeconds\"\n        [active]=\"isActive('second')\"\n        [rows]=\"secondViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeSecondViewItem\"\n        [timeConfig]=\"getSecondsConfig()\"\n        columnTranslationsPreset=\"seconds\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleSecondChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('second')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"meridian\"\n        [active]=\"isActive('meridian')\"\n        [rows]=\"meridianViewItems\"\n        [activeValue]=\"activeMeridianViewItem\"\n        [offset]=\"0\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [timeConfig]=\"getPeriodConfig()\"\n        columnTranslationsPreset=\"period\"\n        [meridian]=\"true\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMeridianChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('meridian')\"\n    ></fd-time-column>\n</div>\n", styles: [".fd-input{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle, var(--sapField_BackgroundStyle));background-color:var(--sapField_Background, var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.25rem;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdInput_Field_Margin, .25rem 0);min-height:2.25rem;min-width:var(2.75rem, 2.75rem);outline:none;overflow:hidden;padding:0;padding:var(--fdInput_Field_Padding, 0 .625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{box-sizing:inherit;font-size:inherit}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle, var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background, var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background, var(--sapField_Focus_Background));box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){box-sizing:border-box;height:1.625rem;margin:var(--fdInput_Field_Compact_Margin, .1875rem 0);min-height:1.625rem;min-width:var(--fdInput_Field_Compact_Min_Width, 2rem);padding:var(--fdInput_Field_Compact_Padding, 0 .5rem)}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-input.right-align{text-align:right}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{box-shadow:none}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{box-shadow:none}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{box-shadow:none}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{box-shadow:none}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{box-shadow:none}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius)}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);z-index:5}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-time{-webkit-box-sizing:border-box;--fdTime_Item_Height:2.875rem;--fdTime_Dropdown_Padding:1rem;--fdTime_Wrapper_Height:20.125rem;--fdTime_Unit_Line_Height:2.75rem;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdTime_Dropdown_Padding)}.fd-time:after,.fd-time:before{box-sizing:inherit;font-size:inherit}.fd-time__col{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0}.fd-time__col:after,.fd-time__col:before{box-sizing:inherit;font-size:inherit}.fd-time__col:last-child{margin-right:0}.fd-time__current-indicator{-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);border:0;border:.0625rem solid var(--sapList_SelectionBorderColor);border-radius:var(--sapButton_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdTime_Item_Height);left:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:3rem}.fd-time__current-indicator:after,.fd-time__current-indicator:before{box-sizing:inherit;font-size:inherit}.fd-time__wrapper{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;width:3rem}.fd-time__wrapper:after,.fd-time__wrapper:before{box-sizing:inherit;font-size:inherit}.fd-time__wrapper--active{-webkit-box-pack:initial;-ms-flex-pack:initial;height:var(--fdTime_Wrapper_Height);justify-content:normal;max-height:var(--fdTime_Wrapper_Height)}.fd-time__wrapper--meridian .fd-time__item:first-child{margin-top:calc(var(--fdTime_Item_Height) * 3)}.fd-time__wrapper--meridian .fd-time__item:last-child{margin-bottom:calc(var(--fdTime_Item_Height) * 3)}.fd-time__wrapper--meridian .fd-time__list{height:var(--fdTime_Wrapper_Height)}.fd-time__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapLegend_WorkingBackground);border:0;border:.0625rem solid var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);cursor:default;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdTime_Item_Height);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdTime_Item_Height);padding:0;text-shadow:var(--fdTime_Text_Shadow);width:3rem}.fd-time__item:after,.fd-time__item:before{box-sizing:inherit;font-size:inherit}.fd-time__item:hover{background-color:var(--sapList_Hover_Background)}.fd-time__item:active{background-color:var(--sapContent_Selected_Background);border-color:transparent;color:var(--sapContent_Selected_TextColor)}.fd-time__item--current{background-color:var(--sapList_Background);border-color:var(--sapList_SelectionBorderColor)}.fd-time__item--current:hover{background-color:var(--sapList_Hover_Background)}.fd-time__item--collapsed,.fd-time__item--current:active{background-color:var(--sapContent_Selected_Background);border-color:transparent;color:var(--sapContent_Selected_TextColor)}.fd-time__item--collapsed:hover{background-color:var(--sapContent_Selected_Hover_Background)}.fd-time__item--hidden{visibility:hidden}.fd-time__unit{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);line-height:var(--fdTime_Unit_Line_Height);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:2}.fd-time__unit:after,.fd-time__unit:before{box-sizing:inherit;font-size:inherit}.fd-time__list{-webkit-box-sizing:border-box;-ms-overflow-style:none;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;scrollbar-width:none}.fd-time__list:after,.fd-time__list:before{box-sizing:inherit;font-size:inherit}.fd-time__list::-webkit-scrollbar{display:none}.fd-time__slider-label{-webkit-box-sizing:border-box;align-self:flex-start;align-self:auto;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;max-width:100%;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-time__slider-label:after,.fd-time__slider-label:before{box-sizing:inherit;font-size:inherit}.fd-time__slider-label[dir=rtl],[dir=rtl] .fd-time__slider-label{margin:0;margin-left:.5rem;margin-right:0;padding:0}.fd-time__control{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-time__control:after,.fd-time__control:before{box-sizing:inherit;font-size:inherit}.fd-time--tablet{--fdTime_Dropdown_Padding:.5rem;--fdTime_Item_Height:2.875rem}.fd-time[class*=-compact],.fd-time[class*=-condensed],[class*=-compact] .fd-time:not([class*=-cozy]),[class*=-condensed] .fd-time:not([class*=-cozy]){--fdTime_Dropdown_Padding:.5rem;--fdTime_Item_Height:2rem;--fdTime_Wrapper_Height:14rem;--fdTime_Unit_Line_Height:1.875rem}.fd-time--scrollable .fd-time__list{overflow:auto}.fd-time[dir=rtl] .fd-time__col,[dir=rtl] .fd-time .fd-time__col{margin-left:.5rem;margin-right:0}.fd-time[dir=rtl] .fd-time__col:last-child,[dir=rtl] .fd-time .fd-time__col:last-child{margin-left:0}.fd-time__list{touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.TimeColumnComponent, selector: "fd-time-column", inputs: ["rows", "spinners", "activeValue", "active", "meridian", "id", "timeConfig", "columnTranslationsPreset", "offset", "elementsAtOnce"], outputs: ["activeValueChange", "activeStateChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-time', host: {
                         '(focusout)': '_focusOut($event)',

package/esm2020/time/time.module.mjs CHANGED Viewed

@@ -13,8 +13,8 @@ import { I18nModule } from '@fundamental-ngx/i18n';
 import * as i0 from "@angular/core";
 export class TimeModule {
 }
-TimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: TimeModule, declarations: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective], imports: [CommonModule,
+TimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TimeModule, declarations: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective], imports: [CommonModule,
         FormsModule,
         FormModule,
         ButtonModule,
@@ -22,7 +22,7 @@ TimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15
         CarouselModule,
         ContentDensityModule,
         I18nModule], exports: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective, ContentDensityModule] });
-TimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeModule, imports: [CommonModule,
+TimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeModule, imports: [CommonModule,
         FormsModule,
         FormModule,
         ButtonModule,
@@ -30,7 +30,7 @@ TimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15
         CarouselModule,
         ContentDensityModule,
         I18nModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective],

package/esm2020/time-picker/deprecated-timepicker-compact.directive.mjs CHANGED Viewed

@@ -7,14 +7,14 @@ export class DeprecatedTimepickerCompactDirective extends DeprecatedCompactDirec
         super('fd-time-picker');
     }
 }
-DeprecatedTimepickerCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedTimepickerCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedTimepickerCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DeprecatedTimepickerCompactDirective, selector: "fd-time-picker[compact]", providers: [
+DeprecatedTimepickerCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedTimepickerCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedTimepickerCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedTimepickerCompactDirective, selector: "fd-time-picker[compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedTimepickerCompactDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedTimepickerCompactDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedTimepickerCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/time-picker/time-picker.component.mjs CHANGED Viewed

@@ -384,8 +384,8 @@ export class TimePickerComponent {
         this._popoverFormMessage.messageType = this._state ?? 'default';
     }
 }
-TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatetimeAdapter, optional: true }, { token: DATE_TIME_FORMATS, optional: true }, { token: i2.PopoverFormMessageService }, { token: i3.ValueStateAriaMessageService }], target: i0.ɵɵFactoryTarget.Component });
-TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TimePickerComponent, selector: "fd-time-picker", inputs: { time: "time", inputId: "inputId", disabled: "disabled", required: "required", spinnerButtons: "spinnerButtons", meridian: "meridian", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", placeholder: "placeholder", timePickerInputLabel: "timePickerInputLabel", timePickerButtonLabel: "timePickerButtonLabel", ariaLabelledBy: "ariaLabelledBy", allowNull: "allowNull", tablet: "tablet", message: "message", messageType: "messageType", messageTriggers: "messageTriggers", placement: "placement", useValidation: "useValidation", state: "state", buttonFocusable: "buttonFocusable", keepTwoDigitsTime: "keepTwoDigitsTime", displayFormat: "displayFormat", parseFormat: "parseFormat", valueStateSuccessMessage: "valueStateSuccessMessage", valueStateInformationMessage: "valueStateInformationMessage", valueStateWarningMessage: "valueStateWarningMessage", valueStateErrorMessage: "valueStateErrorMessage" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "focusout": "_focusOut($event)", "blur": "onTouched()" }, classAttribute: "fd-time-picker fd-timepicker-custom" }, providers: [
+TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatetimeAdapter, optional: true }, { token: DATE_TIME_FORMATS, optional: true }, { token: i2.PopoverFormMessageService }, { token: i3.ValueStateAriaMessageService }], target: i0.ɵɵFactoryTarget.Component });
+TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TimePickerComponent, selector: "fd-time-picker", inputs: { time: "time", inputId: "inputId", disabled: "disabled", required: "required", spinnerButtons: "spinnerButtons", meridian: "meridian", displaySeconds: "displaySeconds", displayMinutes: "displayMinutes", displayHours: "displayHours", placeholder: "placeholder", timePickerInputLabel: "timePickerInputLabel", timePickerButtonLabel: "timePickerButtonLabel", ariaLabelledBy: "ariaLabelledBy", allowNull: "allowNull", tablet: "tablet", message: "message", messageType: "messageType", messageTriggers: "messageTriggers", placement: "placement", useValidation: "useValidation", state: "state", buttonFocusable: "buttonFocusable", keepTwoDigitsTime: "keepTwoDigitsTime", displayFormat: "displayFormat", parseFormat: "parseFormat", valueStateSuccessMessage: "valueStateSuccessMessage", valueStateInformationMessage: "valueStateInformationMessage", valueStateWarningMessage: "valueStateWarningMessage", valueStateErrorMessage: "valueStateErrorMessage" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "focusout": "_focusOut($event)", "blur": "onTouched()" }, classAttribute: "fd-time-picker fd-timepicker-custom" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TimePickerComponent),
@@ -400,7 +400,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         PopoverService,
         registerFormItemControl(TimePickerComponent)
     ], viewQueries: [{ propertyName: "child", first: true, predicate: TimeComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<fd-popover\n    [(isOpen)]=\"isOpen\"\n    (isOpenChange)=\"_onOpenStateChanged($event)\"\n    [triggers]=\"[]\"\n    [disabled]=\"disabled\"\n    [placement]=\"placement\"\n    [closeOnEscapeKey]=\"true\"\n    [focusAutoCapture]=\"false\"\n    [focusTrapped]=\"true\"\n>\n    <fd-popover-control>\n        <fd-input-group\n            #inputGroupComponent\n            (addOnButtonClicked)=\"_addOnButtonClicked()\"\n            [button]=\"true\"\n            [state]=\"state\"\n            [disabled]=\"disabled\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [isControl]=\"true\"\n            [isExpanded]=\"isOpen\"\n            [glyphAriaLabel]=\"timePickerButtonLabel || ('coreTimePicker.timePickerButtonLabel' | fdTranslate)\"\n            glyph=\"fob-watch\"\n        >\n            <input\n                type=\"text\"\n                class=\"fd-input\"\n                fd-input-group-input\n                [value]=\"_inputTimeValue\"\n                (focusout)=\"_timeInputChanged($any($event.currentTarget).value)\"\n                (keyup.enter)=\"_timeInputChanged($any($event.currentTarget).value)\"\n                [disabled]=\"disabled\"\n                [attr.id]=\"inputId\"\n                [placeholder]=\"_placeholder\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-label]=\"timePickerInputLabel || ('coreTimePicker.timePickerInputLabel' | fdTranslate)\"\n                [attr.aria-describedby]=\"_formValueStateMessageId\"\n                [attr.aria-required]=\"required\"\n            />\n        </fd-input-group>\n    </fd-popover-control>\n    <fd-popover-body>\n        <fd-form-message [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n            {{ _message }}\n        </fd-form-message>\n        <ng-content></ng-content>\n        <fd-time\n            *ngIf=\"isOpen\"\n            [tablet]=\"tablet\"\n            [disabled]=\"disabled\"\n            [keepTwoDigits]=\"keepTwoDigitsTime\"\n            [ngModel]=\"time\"\n            (ngModelChange)=\"_timeComponentValueChanged($event)\"\n            [meridian]=\"_meridian\"\n            [displayHours]=\"_displayHours\"\n            [displayMinutes]=\"_displayMinutes\"\n            [displaySeconds]=\"_displaySeconds\"\n            [spinnerButtons]=\"spinnerButtons\"\n        ></fd-time>\n    </fd-popover-body>\n</fd-popover>\n\n<div style=\"display: none\" aria-hidden=\"true\">\n    <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n        <ng-container [ngSwitch]=\"state\">\n            <ng-container *ngSwitchCase=\"'success'\">{{ valueStateSuccessMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'information'\">{{ valueStateInformationMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'warning'\">{{ valueStateWarningMessage }}</ng-container>\n            <ng-container *ngSwitchCase=\"'error'\">{{ valueStateErrorMessage }}</ng-container>\n        </ng-container>\n        {{ _message }}\n    </div>\n</div>\n", styles: [".fd-timepicker-custom{display:inline-block}.fd-timepicker-custom fd-popover{display:block}.fd-timepicker-custom fd-time{width:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i6.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i6.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i7.InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i8.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { kind: "component", type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-time-picker', host: {
                         '(focusout)': '_focusOut($event)',