@fundamental-ngx/core 0.35.1 → 0.35.2-rc.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-bar/package.json +1 -1
- package/action-sheet/package.json +1 -1
- package/alert/package.json +1 -1
- package/avatar/package.json +1 -1
- package/avatar-group/directives/avatar-group-overflow-button.directive.d.ts +4 -2
- package/avatar-group/esm2020/directives/avatar-group-overflow-button.directive.mjs +5 -1
- package/avatar-group/fesm2015/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/avatar-group/fesm2015/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/avatar-group/fesm2020/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/avatar-group/fesm2020/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/avatar-group/package.json +1 -1
- package/bar/esm2020/bar.component.mjs +2 -2
- package/bar/fesm2015/fundamental-ngx-core-bar.mjs +2 -2
- package/bar/fesm2020/fundamental-ngx-core-bar.mjs +2 -2
- package/bar/package.json +1 -1
- package/breadcrumb/package.json +1 -1
- package/busy-indicator/package.json +1 -1
- package/button/package.json +1 -1
- package/calendar/package.json +1 -1
- package/card/package.json +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/combobox/package.json +1 -1
- package/date-picker/package.json +1 -1
- package/datetime/package.json +1 -1
- package/datetime-picker/package.json +1 -1
- package/dialog/package.json +1 -1
- package/dynamic-page/package.json +1 -1
- package/dynamic-side-content/package.json +1 -1
- package/esm2020/avatar-group/directives/avatar-group-overflow-button.directive.mjs +5 -1
- package/esm2020/bar/bar.component.mjs +2 -2
- package/esm2020/fixed-card-layout/fixed-card-layout.component.mjs +17 -26
- package/esm2020/fundamental-ngx.module.mjs +8 -4
- package/esm2020/info-label/info-label.component.mjs +12 -4
- package/esm2020/info-label/info-label.module.mjs +5 -4
- package/esm2020/input-group/input-group.component.mjs +3 -3
- package/esm2020/overflow-layout/directives/overflow-expand.directive.mjs +36 -0
- package/esm2020/overflow-layout/directives/overflow-item-container-ref.directive.mjs +46 -0
- package/esm2020/overflow-layout/directives/overflow-item-ref.directive.mjs +57 -0
- package/esm2020/overflow-layout/directives/overflow-layout-item-container.directive.mjs +26 -0
- package/esm2020/overflow-layout/directives/overflow-layout-item.directive.mjs +100 -0
- package/esm2020/overflow-layout/directives/overflow-layout-popover-content.directive.mjs +68 -0
- package/esm2020/overflow-layout/fundamental-ngx-core-overflow-layout.mjs +5 -0
- package/esm2020/overflow-layout/index.mjs +15 -0
- package/esm2020/overflow-layout/interfaces/overflow-container.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-expand.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-item-ref.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-item.interface.mjs +2 -0
- package/esm2020/overflow-layout/interfaces/overflow-popover-content.interface.mjs +2 -0
- package/esm2020/overflow-layout/overflow-layout.component.mjs +300 -0
- package/esm2020/overflow-layout/overflow-layout.module.mjs +52 -0
- package/esm2020/overflow-layout/tokens/overflow-container.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-expand.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-item-ref.token.mjs +3 -0
- package/esm2020/overflow-layout/tokens/overflow-item.token.mjs +3 -0
- package/esm2020/public_api.mjs +2 -1
- package/esm2020/select/select.component.mjs +1 -2
- package/esm2020/tabs/tab-panel/tab-panel.component.mjs +8 -3
- package/esm2020/theming/theming.service.mjs +1 -1
- package/esm2020/wizard/wizard.component.mjs +4 -3
- package/esm2020/wizard/wizard.module.mjs +5 -4
- package/facets/package.json +1 -1
- package/feed-input/package.json +1 -1
- package/feed-list-item/package.json +1 -1
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-info-label.mjs +15 -6
- package/fesm2015/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs +672 -0
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/fesm2015/fundamental-ngx-core-select.mjs +0 -1
- package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-tabs.mjs +7 -2
- package/fesm2015/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-theming.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-wizard.mjs +7 -5
- package/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core.mjs +8 -3
- package/fesm2015/fundamental-ngx-core.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs +4 -0
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-info-label.mjs +15 -6
- package/fesm2020/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs +660 -0
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/fesm2020/fundamental-ngx-core-select.mjs +0 -1
- package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-tabs.mjs +7 -2
- package/fesm2020/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-theming.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
- package/fesm2020/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core.mjs +8 -3
- package/fesm2020/fundamental-ngx-core.mjs.map +1 -1
- package/file-uploader/package.json +1 -1
- package/fixed-card-layout/esm2020/fixed-card-layout.component.mjs +17 -26
- package/fixed-card-layout/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fixed-card-layout/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fixed-card-layout/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs +16 -25
- package/fixed-card-layout/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fixed-card-layout/fixed-card-layout.component.d.ts +4 -6
- package/fixed-card-layout/package.json +1 -1
- package/flexible-column-layout/package.json +1 -1
- package/form/package.json +1 -1
- package/formatted-text/package.json +1 -1
- package/fundamental-ngx.module.d.ts +2 -1
- package/grid-list/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustrated-message/package.json +1 -1
- package/infinite-scroll/package.json +1 -1
- package/info-label/esm2020/info-label.component.mjs +12 -4
- package/info-label/esm2020/info-label.module.mjs +5 -4
- package/info-label/fesm2015/fundamental-ngx-core-info-label.mjs +15 -6
- package/info-label/fesm2015/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/info-label/fesm2020/fundamental-ngx-core-info-label.mjs +15 -6
- package/info-label/fesm2020/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/info-label/info-label.component.d.ts +11 -3
- package/info-label/info-label.module.d.ts +2 -1
- package/info-label/package.json +1 -1
- package/inline-help/package.json +1 -1
- package/input-group/esm2020/input-group.component.mjs +3 -3
- package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
- package/input-group/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
- package/input-group/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/input-group/package.json +1 -1
- package/layout-grid/package.json +1 -1
- package/layout-panel/package.json +1 -1
- package/link/package.json +1 -1
- package/list/package.json +1 -1
- package/menu/package.json +1 -1
- package/message-box/package.json +1 -1
- package/message-strip/package.json +1 -1
- package/message-toast/package.json +1 -1
- package/micro-process-flow/package.json +1 -1
- package/mobile-mode/package.json +1 -1
- package/multi-input/package.json +1 -1
- package/nested-list/package.json +1 -1
- package/notification/package.json +1 -1
- package/object-identifier/package.json +1 -1
- package/object-marker/package.json +1 -1
- package/object-number/package.json +1 -1
- package/object-status/package.json +1 -1
- package/overflow-layout/README.md +7 -0
- package/overflow-layout/directives/overflow-expand.directive.d.ts +15 -0
- package/overflow-layout/directives/overflow-item-container-ref.directive.d.ts +25 -0
- package/overflow-layout/directives/overflow-item-ref.directive.d.ts +42 -0
- package/overflow-layout/directives/overflow-layout-item-container.directive.d.ts +16 -0
- package/overflow-layout/directives/overflow-layout-item.directive.d.ts +38 -0
- package/overflow-layout/directives/overflow-layout-popover-content.directive.d.ts +31 -0
- package/overflow-layout/esm2020/directives/overflow-expand.directive.mjs +36 -0
- package/overflow-layout/esm2020/directives/overflow-item-container-ref.directive.mjs +46 -0
- package/overflow-layout/esm2020/directives/overflow-item-ref.directive.mjs +57 -0
- package/overflow-layout/esm2020/directives/overflow-layout-item-container.directive.mjs +26 -0
- package/overflow-layout/esm2020/directives/overflow-layout-item.directive.mjs +100 -0
- package/overflow-layout/esm2020/directives/overflow-layout-popover-content.directive.mjs +68 -0
- package/overflow-layout/esm2020/fundamental-ngx-core-overflow-layout.mjs +5 -0
- package/overflow-layout/esm2020/index.mjs +15 -0
- package/overflow-layout/esm2020/interfaces/overflow-container.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-expand.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-item-ref.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-item.interface.mjs +2 -0
- package/overflow-layout/esm2020/interfaces/overflow-popover-content.interface.mjs +2 -0
- package/overflow-layout/esm2020/overflow-layout.component.mjs +300 -0
- package/overflow-layout/esm2020/overflow-layout.module.mjs +52 -0
- package/overflow-layout/esm2020/tokens/overflow-container.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-expand.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-item-ref.token.mjs +3 -0
- package/overflow-layout/esm2020/tokens/overflow-item.token.mjs +3 -0
- package/overflow-layout/fesm2015/fundamental-ngx-core-overflow-layout.mjs +672 -0
- package/overflow-layout/fesm2015/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/overflow-layout/fesm2020/fundamental-ngx-core-overflow-layout.mjs +660 -0
- package/overflow-layout/fesm2020/fundamental-ngx-core-overflow-layout.mjs.map +1 -0
- package/overflow-layout/fundamental-ngx-core-overflow-layout.d.ts +5 -0
- package/overflow-layout/index.d.ts +14 -0
- package/overflow-layout/interfaces/overflow-container.interface.d.ts +4 -0
- package/overflow-layout/interfaces/overflow-expand.interface.d.ts +11 -0
- package/overflow-layout/interfaces/overflow-item-ref.interface.d.ts +38 -0
- package/overflow-layout/interfaces/overflow-item.interface.d.ts +20 -0
- package/overflow-layout/interfaces/overflow-popover-content.interface.d.ts +11 -0
- package/overflow-layout/overflow-layout.component.d.ts +131 -0
- package/overflow-layout/overflow-layout.module.d.ts +16 -0
- package/overflow-layout/package.json +53 -0
- package/overflow-layout/tokens/overflow-container.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-expand.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-item-ref.token.d.ts +3 -0
- package/overflow-layout/tokens/overflow-item.token.d.ts +3 -0
- package/package.json +9 -1
- package/pagination/package.json +1 -1
- package/panel/package.json +1 -1
- package/popover/package.json +1 -1
- package/product-switch/package.json +1 -1
- package/progress-indicator/package.json +1 -1
- package/public_api.d.ts +1 -0
- package/quick-view/package.json +1 -1
- package/radio/package.json +1 -1
- package/rating-indicator/package.json +1 -1
- package/resizable-card-layout/package.json +1 -1
- package/scroll-spy/package.json +1 -1
- package/scrollbar/package.json +1 -1
- package/segmented-button/package.json +1 -1
- package/select/esm2020/select.component.mjs +1 -2
- package/select/fesm2015/fundamental-ngx-core-select.mjs +0 -1
- package/select/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/select/fesm2020/fundamental-ngx-core-select.mjs +0 -1
- package/select/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/select/package.json +1 -1
- package/shared/package.json +1 -1
- package/shellbar/package.json +1 -1
- package/side-navigation/package.json +1 -1
- package/slider/package.json +1 -1
- package/split-button/package.json +1 -1
- package/splitter/package.json +1 -1
- package/status-indicator/package.json +1 -1
- package/step-input/package.json +1 -1
- package/switch/package.json +1 -1
- package/table/package.json +1 -1
- package/tabs/esm2020/tab-panel/tab-panel.component.mjs +8 -3
- package/tabs/fesm2015/fundamental-ngx-core-tabs.mjs +7 -2
- package/tabs/fesm2015/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/tabs/fesm2020/fundamental-ngx-core-tabs.mjs +7 -2
- package/tabs/fesm2020/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/tabs/package.json +1 -1
- package/text/package.json +1 -1
- package/theming/esm2020/theming.service.mjs +1 -1
- package/theming/fesm2015/fundamental-ngx-core-theming.mjs.map +1 -1
- package/theming/fesm2020/fundamental-ngx-core-theming.mjs.map +1 -1
- package/theming/package.json +1 -1
- package/tile/package.json +1 -1
- package/time/package.json +1 -1
- package/time-picker/package.json +1 -1
- package/timeline/package.json +1 -1
- package/title/package.json +1 -1
- package/token/package.json +1 -1
- package/toolbar/package.json +1 -1
- package/tree/package.json +1 -1
- package/upload-collection/package.json +1 -1
- package/utils/package.json +1 -1
- package/vertical-navigation/package.json +1 -1
- package/wizard/esm2020/wizard.component.mjs +4 -3
- package/wizard/esm2020/wizard.module.mjs +5 -4
- package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +7 -5
- package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +7 -5
- package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/wizard/package.json +1 -1
- package/wizard/wizard.module.d.ts +2 -1
|
@@ -64,7 +64,7 @@ class BarComponent {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
BarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}
|
|
67
|
+
BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
68
68
|
__decorate([
|
|
69
69
|
applyCssClass,
|
|
70
70
|
__metadata("design:type", Function),
|
|
@@ -73,7 +73,7 @@ __decorate([
|
|
|
73
73
|
], BarComponent.prototype, "buildComponentCssClass", null);
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
|
-
args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}
|
|
76
|
+
args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"] }]
|
|
77
77
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityService, decorators: [{
|
|
78
78
|
type: Optional
|
|
79
79
|
}] }]; }, propDecorators: { class: [{
|
package/bar/package.json
CHANGED
package/breadcrumb/package.json
CHANGED
package/button/package.json
CHANGED
package/calendar/package.json
CHANGED
package/card/package.json
CHANGED
package/carousel/package.json
CHANGED
package/checkbox/package.json
CHANGED
package/combobox/package.json
CHANGED
package/date-picker/package.json
CHANGED
package/datetime/package.json
CHANGED
package/dialog/package.json
CHANGED
|
@@ -16,6 +16,10 @@ export class AvatarGroupOverflowButtonDirective {
|
|
|
16
16
|
this.color = 'neutral';
|
|
17
17
|
}
|
|
18
18
|
/** @hidden */
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.buildComponentCssClass();
|
|
21
|
+
}
|
|
22
|
+
/** @hidden */
|
|
19
23
|
ngOnChanges() {
|
|
20
24
|
this.buildComponentCssClass();
|
|
21
25
|
}
|
|
@@ -65,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
65
69
|
}], color: [{
|
|
66
70
|
type: Input
|
|
67
71
|
}], buildComponentCssClass: [] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLW92ZXJmbG93LWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9hdmF0YXItZ3JvdXAvZGlyZWN0aXZlcy9hdmF0YXItZ3JvdXAtb3ZlcmZsb3ctYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUdoRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBU25FLE1BQU0sT0FBTyxrQ0FBa0M7SUFnQjNDLGNBQWM7SUFDZCxZQUE2QixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQVpwRDs7MkVBRW1FO1FBRW5FLFNBQUksR0FBUyxHQUFHLENBQUM7UUFFakI7MkhBQ21IO1FBRW5ILFVBQUssR0FBbUMsU0FBUyxDQUFDO0lBR0ssQ0FBQztJQUV4RCxjQUFjO0lBQ2QsUUFBUTtRQUNKLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBRWQsc0JBQXNCO1FBQ2xCLE9BQU87WUFDSCxXQUFXO1lBQ1gsOEJBQThCO1lBQzlCLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQyxJQUFJLEVBQUU7WUFDeEQsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUNBQWlDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM3RCxJQUFJLENBQUMsS0FBSztTQUNiLENBQUM7SUFDTixDQUFDO0lBRUQsY0FBYztJQUNkLFVBQVU7UUFDTixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWM7SUFDTiwyQkFBMkI7UUFDL0IsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtZQUN6QixPQUFPLDhDQUE4QyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7U0FDakY7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFO1lBQ25ELE9BQU8sOENBQThDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNyRTtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7OytIQXhEUSxrQ0FBa0M7bUhBQWxDLGtDQUFrQztBQStCM0M7SUFEQyxhQUFhOzs7O2dGQVNiOzJGQXZDUSxrQ0FBa0M7a0JBSjlDLFNBQVM7bUJBQUM7b0JBQ1AsOERBQThEO29CQUM5RCxRQUFRLEVBQUUsbUNBQW1DO2lCQUNoRDtpR0FJRyxLQUFLO3NCQURKLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxLQUFLO2dCQU1OLEtBQUs7c0JBREosS0FBSztnQkFrQk4sc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5pbXBvcnQgeyBhcHBseUNzc0NsYXNzIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IGdldFJhbmRvbUNvbG9yQWNjZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IENzc0NsYXNzQnVpbGRlciB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5cbmltcG9ydCB7IEF2YXRhckdyb3VwT3ZlcmZsb3dCdXR0b25Db2xvciB9IGZyb20gJy4uL2F2YXRhci1ncm91cC5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnW2ZkLWF2YXRhci1ncm91cC1vdmVyZmxvdy1idXR0b25dJ1xufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJHcm91cE92ZXJmbG93QnV0dG9uRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIENzc0NsYXNzQnVpbGRlciB7XG4gICAgLyoqIFVzZXIncyBjdXN0b20gY2xhc3Nlcy4gKi9cbiAgICBASW5wdXQoKVxuICAgIGNsYXNzOiBzdHJpbmc7XG5cbiAgICAvKiogVGhlIHNpemUgb2YgdGhlIG92ZXJmbG93IGJ1dHRvbi5cbiAgICAgKiBTaG91bGQgYmUgdGhlIHNhbWUgYXMgdGhlIEF2YXRhciBHcm91cCBhbmQgQXZhdGFyIHNpemUuXG4gICAgICogT3B0aW9ucyBpbmNsdWRlOiAqeHMqLCAqcyosICptKiwgKmwqIGFuZCAqeGwqIChkZWZhdWx0OiAqcyopLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZTogU2l6ZSA9ICdzJztcblxuICAgIC8qKiBBIG51bWJlciBmcm9tIDEgdG8gMTAgcmVwcmVzZW50aW5nIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBBdmF0YXIgR3JvdXAncyBvdmVyZmxvdyBidXR0b24uXG4gICAgICogT3B0aW9ucyBpbmNsdWRlOiAqbmV1dHJhbCosICpyYW5kb20qLCAqMSosICoyKiwgKjMqLCAqNCosICo1KiwgKjYqLCAqNyosICo4KiwgKjkqLCAqMTAqIChkZWZhdWx0OiAqbmV1dHJhbCopLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgY29sb3I6IEF2YXRhckdyb3VwT3ZlcmZsb3dCdXR0b25Db2xvciA9ICduZXV0cmFsJztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdmZC1idXR0b24nLFxuICAgICAgICAgICAgJ2ZkLWF2YXRhci1ncm91cF9fbW9yZS1idXR0b24nLFxuICAgICAgICAgICAgKHRoaXMuY29sb3IgJiYgdGhpcy5fZ2V0TW9yZUJ1dHRvbkNvbG9yQ3NzQ2xhc3MoKSkgfHwgJycsXG4gICAgICAgICAgICB0aGlzLnNpemUgPyBgZmQtYXZhdGFyLWdyb3VwX19tb3JlLWJ1dHRvbi0tJHt0aGlzLnNpemV9YCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5jbGFzc1xuICAgICAgICBdO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgZWxlbWVudFJlZigpOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbGVtZW50UmVmO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfZ2V0TW9yZUJ1dHRvbkNvbG9yQ3NzQ2xhc3MoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgICAgIGlmICh0aGlzLmNvbG9yID09PSAncmFuZG9tJykge1xuICAgICAgICAgICAgcmV0dXJuIGBmZC1hdmF0YXItZ3JvdXBfX21vcmUtYnV0dG9uLS1hY2NlbnQtY29sb3ItJHtnZXRSYW5kb21Db2xvckFjY2VudCgpfWA7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoIU51bWJlci5pc05hTihwYXJzZUludCh0aGlzLmNvbG9yIGFzIHN0cmluZywgMTApKSkge1xuICAgICAgICAgICAgcmV0dXJuIGBmZC1hdmF0YXItZ3JvdXBfX21vcmUtYnV0dG9uLS1hY2NlbnQtY29sb3ItJHt0aGlzLmNvbG9yfWA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxufVxuIl19
|
|
@@ -61,7 +61,7 @@ export class BarComponent {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
BarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}
|
|
64
|
+
BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
65
65
|
__decorate([
|
|
66
66
|
applyCssClass,
|
|
67
67
|
__metadata("design:type", Function),
|
|
@@ -70,7 +70,7 @@ __decorate([
|
|
|
70
70
|
], BarComponent.prototype, "buildComponentCssClass", null);
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}
|
|
73
|
+
args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"] }]
|
|
74
74
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityService, decorators: [{
|
|
75
75
|
type: Optional
|
|
76
76
|
}] }]; }, propDecorators: { class: [{
|