@fundamental-ngx/core 0.63.2-rc.7 → 0.63.3
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/README.md +1 -1
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +26 -27
- package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +22 -25
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +31 -35
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +43 -52
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +43 -67
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +41 -50
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +14 -18
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +23 -34
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +37 -56
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +62 -87
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +188 -264
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +26 -35
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-combobox.mjs +18 -19
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-content-density.mjs +36 -46
- package/fesm2022/fundamental-ngx-core-content-density.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +14 -15
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +31 -32
- package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +89 -116
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +77 -100
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-facets.mjs +20 -24
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +17 -18
- package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +24 -24
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +15 -17
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-form.mjs +74 -74
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs +12 -17
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +13 -19
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +51 -56
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +20 -33
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +31 -42
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +9 -11
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +18 -29
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-inline-help.mjs +25 -35
- package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +21 -21
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +27 -40
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +37 -41
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-link.mjs +19 -24
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +91 -100
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +101 -125
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +38 -39
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +55 -79
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +17 -17
- package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +20 -21
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +66 -98
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +21 -27
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +43 -46
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +132 -178
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +17 -24
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +24 -41
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-number.mjs +21 -33
- package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +26 -41
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +32 -33
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-panel.mjs +35 -51
- package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +164 -267
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +32 -46
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +44 -47
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-radio.mjs +8 -8
- package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +39 -61
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +11 -12
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +12 -17
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs +12 -14
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +8 -9
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +21 -22
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +60 -70
- package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +63 -77
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +16 -24
- package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +13 -15
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +35 -62
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +9 -11
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +8 -8
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +50 -51
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +55 -56
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +19 -29
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-tile.mjs +136 -171
- package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +8 -9
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +14 -17
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
- package/fesm2022/fundamental-ngx-core-title.mjs +10 -12
- package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +25 -34
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +32 -35
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +36 -41
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +57 -43
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +84 -108
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +17 -20
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +32 -41
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core.mjs +4 -4
- package/package.json +10 -11
- package/schematics/add-styles/index.js +3 -3
- package/schematics/add-styles/index.js.map +1 -1
- package/schematics/add-theming/index.js +1 -1
- package/schematics/add-theming/index.js.map +1 -1
- package/schematics/tsconfig.json +6 -12
- package/schematics/tsconfig.spec.json +0 -2
- package/schematics/utils/calls-providers-function.js +1 -34
- package/schematics/utils/calls-providers-function.js.map +1 -1
- package/schematics/utils/ng-module-utils.js +1 -34
- package/schematics/utils/ng-module-utils.js.map +1 -1
- package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +0 -1
- package/types/fundamental-ngx-core-carousel.d.ts +0 -2
- package/types/fundamental-ngx-core-list.d.ts +2 -2
- package/types/fundamental-ngx-core-menu.d.ts +4 -4
- package/types/fundamental-ngx-core-notification.d.ts +2 -0
- package/types/fundamental-ngx-core-popover.d.ts +6 -8
- package/types/fundamental-ngx-core-product-switch.d.ts +3 -6
- package/types/fundamental-ngx-core-upload-collection.d.ts +2 -0
- package/types/fundamental-ngx-core-wizard.d.ts +1 -4
- package/schematics/package.json +0 -7
|
@@ -17,28 +17,25 @@ class BarComponent {
|
|
|
17
17
|
/** Whether the Bar component is used as a header, subheader, header-with-subheader,
|
|
18
18
|
* footer or floating-footer.
|
|
19
19
|
* Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */
|
|
20
|
-
this.barDesign = input(
|
|
21
|
-
...(ngDevMode ? [undefined, { debugName: "barDesign" }] : /* istanbul ignore next */ []));
|
|
20
|
+
this.barDesign = input(...(ngDevMode ? [undefined, { debugName: "barDesign" }] : []));
|
|
22
21
|
/** Whether the Bar component is used in Page Layout. */
|
|
23
|
-
this.inPage = input(false, { ...(ngDevMode ? { debugName: "inPage" } :
|
|
22
|
+
this.inPage = input(false, { ...(ngDevMode ? { debugName: "inPage" } : {}), transform: booleanAttribute });
|
|
24
23
|
/** Whether the Bar component is used in Home Page Layout. */
|
|
25
|
-
this.inHomePage = input(false, { ...(ngDevMode ? { debugName: "inHomePage" } :
|
|
24
|
+
this.inHomePage = input(false, { ...(ngDevMode ? { debugName: "inHomePage" } : {}), transform: booleanAttribute });
|
|
26
25
|
/** Whether the Bar component should remove the box-shadow on the bottom. */
|
|
27
|
-
this.clear = input(false, { ...(ngDevMode ? { debugName: "clear" } :
|
|
26
|
+
this.clear = input(false, { ...(ngDevMode ? { debugName: "clear" } : {}), transform: booleanAttribute });
|
|
28
27
|
/** The size of the Page in Page responsive design.
|
|
29
28
|
* Available sizes: 's' | 'm_l' | 'xl'
|
|
30
29
|
*/
|
|
31
|
-
this.size = input('',
|
|
32
|
-
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
30
|
+
this.size = input('', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
33
31
|
/** Whether this bar is to be used for the search results initial suggestion title. */
|
|
34
|
-
this.initialSuggestionTitle = input(false, { ...(ngDevMode ? { debugName: "initialSuggestionTitle" } :
|
|
32
|
+
this.initialSuggestionTitle = input(false, { ...(ngDevMode ? { debugName: "initialSuggestionTitle" } : {}), transform: booleanAttribute });
|
|
35
33
|
/** Whether this bar is to be used for the search results initial suggestion subline. */
|
|
36
|
-
this.initialSuggestionSubline = input(false, { ...(ngDevMode ? { debugName: "initialSuggestionSubline" } :
|
|
34
|
+
this.initialSuggestionSubline = input(false, { ...(ngDevMode ? { debugName: "initialSuggestionSubline" } : {}), transform: booleanAttribute });
|
|
37
35
|
/** Aria role for the Bar
|
|
38
36
|
* default is toolbar
|
|
39
37
|
*/
|
|
40
|
-
this.role = input('toolbar',
|
|
41
|
-
...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
38
|
+
this.role = input('toolbar', ...(ngDevMode ? [{ debugName: "role" }] : []));
|
|
42
39
|
/** @hidden */
|
|
43
40
|
this.cssClass = computed(() => {
|
|
44
41
|
const barDesign = this.barDesign();
|
|
@@ -59,18 +56,17 @@ class BarComponent {
|
|
|
59
56
|
]
|
|
60
57
|
.filter(Boolean)
|
|
61
58
|
.join(' ');
|
|
62
|
-
},
|
|
63
|
-
...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
59
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
64
60
|
this._contentDensityObserver.subscribe();
|
|
65
61
|
}
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: BarComponent, isStandalone: true, selector: "[fd-bar]", inputs: { barDesign: { classPropertyName: "barDesign", publicName: "barDesign", isSignal: true, isRequired: false, transformFunction: null }, inPage: { classPropertyName: "inPage", publicName: "inPage", isSignal: true, isRequired: false, transformFunction: null }, inHomePage: { classPropertyName: "inHomePage", publicName: "inHomePage", isSignal: true, isRequired: false, transformFunction: null }, clear: { classPropertyName: "clear", publicName: "clear", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, initialSuggestionTitle: { classPropertyName: "initialSuggestionTitle", publicName: "initialSuggestionTitle", isSignal: true, isRequired: false, transformFunction: null }, initialSuggestionSubline: { classPropertyName: "initialSuggestionSubline", publicName: "initialSuggestionSubline", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "class": "cssClass()" } }, providers: [
|
|
68
64
|
contentDensityObserverProviders({
|
|
69
65
|
defaultContentDensity: ContentDensityMode.COMPACT
|
|
70
66
|
})
|
|
71
67
|
], 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: [".fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:.5rem;--fdBar_Floating_Footer_Offset_Y:.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);justify-content:space-between;min-height:var(--fdBar_Height);padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__left--stack-contents-vertically,.fd-bar__middle--stack-contents-vertically,.fd-bar__right--stack-contents-vertically{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-bar__left:has(button,input),.fd-bar__middle:has(button,input),.fd-bar__right:has(button,input){min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-bar__left:has(h1,h2,h3,h4,h5,h6),.fd-bar__middle:has(h1,h2,h3,h4,h5,h6),.fd-bar__right:has(h1,h2,h3,h4,h5,h6){-ms-flex-negative:1;flex-shrink:1;min-width:0}.fd-bar__left:only-child,.fd-bar__middle:only-child,.fd-bar__right:only-child{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;width:100%}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%;text-wrap:auto}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media(width<=599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar--initial-suggestion-subline,.fd-bar--initial-suggestion-title{height:auto}.fd-bar--initial-suggestion-title{-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-bar--initial-suggestion-subline{--fdBar_Padding_Bottom:.5rem;-webkit-padding-before:.25rem;padding-block-start:.25rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}.fd-bar__left:has(.fd-bar__element>*:is(:empty,[style*=\"display: none\"])){gap:0}.fd-bar--clear{--fdBar_Shadow: none}\n/*! Bundled license information:\n\nfundamental-styles/dist/bar.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
68
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarComponent, decorators: [{
|
|
74
70
|
type: Component,
|
|
75
71
|
args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
76
72
|
contentDensityObserverProviders({
|
|
@@ -89,28 +85,23 @@ class ButtonBarComponent extends BaseButton {
|
|
|
89
85
|
constructor() {
|
|
90
86
|
super(...arguments);
|
|
91
87
|
/** Whether the element should take the whole width of the container. */
|
|
92
|
-
this.fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } :
|
|
88
|
+
this.fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : {}), transform: booleanAttribute });
|
|
93
89
|
/** The type of the button. Types include:
|
|
94
90
|
* 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.
|
|
95
91
|
* Default value is set to 'transparent'
|
|
96
92
|
*/
|
|
97
|
-
this.fdType = input('transparent',
|
|
98
|
-
...(ngDevMode ? [{ debugName: "fdType" }] : /* istanbul ignore next */ []));
|
|
93
|
+
this.fdType = input('transparent', ...(ngDevMode ? [{ debugName: "fdType" }] : []));
|
|
99
94
|
/** adding title to the button */
|
|
100
|
-
this.title = input(
|
|
101
|
-
...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
|
|
95
|
+
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
102
96
|
/** the aria-labelledby ids to be associated with this element */
|
|
103
|
-
this.ariaLabelledby = input(
|
|
104
|
-
...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
|
|
97
|
+
this.ariaLabelledby = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : []));
|
|
105
98
|
/** id for this element */
|
|
106
|
-
this.id = input(`fd-button-bar-id-${randomButtonBarId++}`,
|
|
107
|
-
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
99
|
+
this.id = input(`fd-button-bar-id-${randomButtonBarId++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
108
100
|
/** @hidden */
|
|
109
|
-
this.buttonComponent = viewChild(ButtonComponent,
|
|
110
|
-
...(ngDevMode ? [{ debugName: "buttonComponent" }] : /* istanbul ignore next */ []));
|
|
101
|
+
this.buttonComponent = viewChild(ButtonComponent, ...(ngDevMode ? [{ debugName: "buttonComponent" }] : []));
|
|
111
102
|
}
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: ButtonBarComponent, isStandalone: true, selector: "fd-button-bar", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fdType: { classPropertyName: "fdType", publicName: "fdType", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-bar__element--full-width": "fullWidth()", "style.pointer-events": "disabled() ? \"none\" : \"auto\"" }, classAttribute: "fd-bar__element" }, providers: [
|
|
114
105
|
{
|
|
115
106
|
provide: FD_BUTTON_BAR_COMPONENT,
|
|
116
107
|
useExisting: ButtonBarComponent
|
|
@@ -133,7 +124,7 @@ class ButtonBarComponent extends BaseButton {
|
|
|
133
124
|
</button>
|
|
134
125
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
135
126
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonBarComponent, decorators: [{
|
|
137
128
|
type: Component,
|
|
138
129
|
args: [{
|
|
139
130
|
selector: 'fd-button-bar',
|
|
@@ -176,12 +167,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
176
167
|
class BarElementDirective {
|
|
177
168
|
constructor() {
|
|
178
169
|
/** Whether the element should take the whole width of the container. */
|
|
179
|
-
this.fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } :
|
|
170
|
+
this.fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : {}), transform: booleanAttribute });
|
|
180
171
|
}
|
|
181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
182
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
173
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: BarElementDirective, isStandalone: true, selector: "fd-bar-element", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-bar__element--full-width": "fullWidth()" }, classAttribute: "fd-bar__element" }, ngImport: i0 }); }
|
|
183
174
|
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarElementDirective, decorators: [{
|
|
185
176
|
type: Directive,
|
|
186
177
|
args: [{
|
|
187
178
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -199,12 +190,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
199
190
|
class BarLeftDirective {
|
|
200
191
|
constructor() {
|
|
201
192
|
/** Whether to stack the contents of this portion of the bar vertically. */
|
|
202
|
-
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } :
|
|
193
|
+
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } : {}), transform: booleanAttribute });
|
|
203
194
|
}
|
|
204
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
205
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
196
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: BarLeftDirective, isStandalone: true, selector: "[fd-bar-left]", inputs: { stackContentsVertically: { classPropertyName: "stackContentsVertically", publicName: "stackContentsVertically", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-bar__left--stack-contents-vertically": "stackContentsVertically()" }, classAttribute: "fd-bar__left" }, ngImport: i0 }); }
|
|
206
197
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarLeftDirective, decorators: [{
|
|
208
199
|
type: Directive,
|
|
209
200
|
args: [{
|
|
210
201
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -223,12 +214,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
223
214
|
class BarMiddleDirective {
|
|
224
215
|
constructor() {
|
|
225
216
|
/** Whether to stack the contents of this portion of the bar vertically. */
|
|
226
|
-
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } :
|
|
217
|
+
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } : {}), transform: booleanAttribute });
|
|
227
218
|
}
|
|
228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
229
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarMiddleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
220
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: BarMiddleDirective, isStandalone: true, selector: "[fd-bar-middle]", inputs: { stackContentsVertically: { classPropertyName: "stackContentsVertically", publicName: "stackContentsVertically", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-bar__middle--stack-contents-vertically": "stackContentsVertically()" }, classAttribute: "fd-bar__middle" }, ngImport: i0 }); }
|
|
230
221
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarMiddleDirective, decorators: [{
|
|
232
223
|
type: Directive,
|
|
233
224
|
args: [{
|
|
234
225
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -247,12 +238,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
247
238
|
class BarRightDirective {
|
|
248
239
|
constructor() {
|
|
249
240
|
/** Whether to stack the contents of this portion of the bar vertically. */
|
|
250
|
-
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } :
|
|
241
|
+
this.stackContentsVertically = input(false, { ...(ngDevMode ? { debugName: "stackContentsVertically" } : {}), transform: booleanAttribute });
|
|
251
242
|
}
|
|
252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
253
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
244
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: BarRightDirective, isStandalone: true, selector: "[fd-bar-right]", inputs: { stackContentsVertically: { classPropertyName: "stackContentsVertically", publicName: "stackContentsVertically", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-bar__right--stack-contents-vertically": "stackContentsVertically()" }, classAttribute: "fd-bar__right" }, ngImport: i0 }); }
|
|
254
245
|
}
|
|
255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarRightDirective, decorators: [{
|
|
256
247
|
type: Directive,
|
|
257
248
|
args: [{
|
|
258
249
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -278,8 +269,8 @@ const components = [
|
|
|
278
269
|
* Use direct imports of components and directives.
|
|
279
270
|
*/
|
|
280
271
|
class BarModule {
|
|
281
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
282
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
273
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: BarModule, imports: [BarComponent,
|
|
283
274
|
BarLeftDirective,
|
|
284
275
|
BarMiddleDirective,
|
|
285
276
|
BarRightDirective,
|
|
@@ -290,9 +281,9 @@ class BarModule {
|
|
|
290
281
|
BarRightDirective,
|
|
291
282
|
BarElementDirective,
|
|
292
283
|
ButtonBarComponent] }); }
|
|
293
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
284
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarModule, imports: [ButtonBarComponent] }); }
|
|
294
285
|
}
|
|
295
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BarModule, decorators: [{
|
|
296
287
|
type: NgModule,
|
|
297
288
|
args: [{
|
|
298
289
|
imports: [...components],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../libs/core/bar/bar.component.ts","../../../../libs/core/bar/bar.component.html","../../../../libs/core/bar/tokens.ts","../../../../libs/core/bar/button-bar/button-bar.component.ts","../../../../libs/core/bar/directives/bar-element.directive.ts","../../../../libs/core/bar/directives/bar-left.directive.ts","../../../../libs/core/bar/directives/bar-middle.directive.ts","../../../../libs/core/bar/directives/bar-right.directive.ts","../../../../libs/core/bar/bar.module.ts","../../../../libs/core/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n input,\n ViewEncapsulation\n} from '@angular/core';\nimport {\n ContentDensityMode,\n ContentDensityObserver,\n contentDensityObserverProviders\n} from '@fundamental-ngx/core/content-density';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrl: './bar.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n contentDensityObserverProviders({\n defaultContentDensity: ContentDensityMode.COMPACT\n })\n ],\n host: {\n '[attr.role]': 'role()',\n '[class]': 'cssClass()'\n }\n})\nexport class BarComponent {\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n readonly barDesign = input<BarDesignType>();\n\n /** Whether the Bar component is used in Page Layout. */\n readonly inPage = input(false, { transform: booleanAttribute });\n\n /** Whether the Bar component is used in Home Page Layout. */\n readonly inHomePage = input(false, { transform: booleanAttribute });\n\n /** Whether the Bar component should remove the box-shadow on the bottom. */\n readonly clear = input(false, { transform: booleanAttribute });\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n readonly size = input<SizeType>('');\n\n /** Whether this bar is to be used for the search results initial suggestion title. */\n readonly initialSuggestionTitle = input(false, { transform: booleanAttribute });\n\n /** Whether this bar is to be used for the search results initial suggestion subline. */\n readonly initialSuggestionSubline = input(false, { transform: booleanAttribute });\n\n /** Aria role for the Bar\n * default is toolbar\n */\n readonly role = input('toolbar');\n\n /** @hidden */\n protected readonly cssClass = computed(() => {\n const barDesign = this.barDesign();\n const inPage = this.inPage();\n const inHomePage = this.inHomePage();\n const size = this.size();\n\n return [\n 'fd-bar',\n this._contentDensityObserver.isCompactSignal() || this._contentDensityObserver.isCondensedSignal()\n ? ''\n : 'fd-bar--cozy', // TODO: fix in styles\n barDesign && `fd-bar--${barDesign}`,\n inPage && `fd-bar--page${size ? `-${size}` : ''}`,\n inHomePage && `fd-bar--home-page${size ? `-${size}` : ''}`,\n this.clear() && 'fd-bar--clear',\n this.initialSuggestionTitle() && 'fd-bar--initial-suggestion-title',\n this.initialSuggestionSubline() && 'fd-bar--initial-suggestion-subline'\n ]\n .filter(Boolean)\n .join(' ');\n });\n\n /** @hidden */\n constructor(\n public readonly elementRef: ElementRef,\n private _contentDensityObserver: ContentDensityObserver\n ) {\n this._contentDensityObserver.subscribe();\n }\n}\n","<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","import { InjectionToken } from '@angular/core';\n\nexport const FD_BUTTON_BAR_COMPONENT = new InjectionToken('FdButtonBarComponent');\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, viewChild } from '@angular/core';\nimport { BaseButton, ButtonComponent, ButtonType } from '@fundamental-ngx/core/button';\nimport { FD_BUTTON_BAR_COMPONENT } from '../tokens';\n\nlet randomButtonBarId = 0;\n\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id()\"\n [type]=\"type()\"\n [glyphPosition]=\"glyphPosition()\"\n [glyph]=\"glyph()\"\n [fdType]=\"fdType()\"\n [label]=\"label()\"\n [attr.title]=\"title()\"\n [ariaLabel]=\"ariaLabel()\"\n [fdMenu]=\"fdMenu()\"\n [disabled]=\"disabled()\"\n >\n <ng-content></ng-content>\n </button>\n `,\n providers: [\n {\n provide: FD_BUTTON_BAR_COMPONENT,\n useExisting: ButtonBarComponent\n }\n ],\n imports: [ButtonComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-bar__element',\n '[class.fd-bar__element--full-width]': 'fullWidth()',\n '[style.pointer-events]': 'disabled() ? \"none\" : \"auto\"'\n }\n})\nexport class ButtonBarComponent extends BaseButton {\n /** Whether the element should take the whole width of the container. */\n readonly fullWidth = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n readonly fdType = input<ButtonType>('transparent');\n\n /** adding title to the button */\n readonly title = input<string | undefined>();\n\n /** the aria-labelledby ids to be associated with this element */\n readonly ariaLabelledby = input<string | undefined>();\n\n /** id for this element */\n readonly id = input(`fd-button-bar-id-${randomButtonBarId++}`);\n\n /** @hidden */\n readonly buttonComponent = viewChild(ButtonComponent);\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element',\n host: {\n class: 'fd-bar__element',\n '[class.fd-bar__element--full-width]': 'fullWidth()'\n }\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n readonly fullWidth = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left',\n '[class.fd-bar__left--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarLeftDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle',\n '[class.fd-bar__middle--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarMiddleDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right',\n '[class.fd-bar__right--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarRightDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { NgModule } from '@angular/core';\n\nimport { BarComponent } from './bar.component';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\n\nconst components = [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../libs/core/bar/bar.component.ts","../../../../libs/core/bar/bar.component.html","../../../../libs/core/bar/tokens.ts","../../../../libs/core/bar/button-bar/button-bar.component.ts","../../../../libs/core/bar/directives/bar-element.directive.ts","../../../../libs/core/bar/directives/bar-left.directive.ts","../../../../libs/core/bar/directives/bar-middle.directive.ts","../../../../libs/core/bar/directives/bar-right.directive.ts","../../../../libs/core/bar/bar.module.ts","../../../../libs/core/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n input,\n ViewEncapsulation\n} from '@angular/core';\nimport {\n ContentDensityMode,\n ContentDensityObserver,\n contentDensityObserverProviders\n} from '@fundamental-ngx/core/content-density';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrl: './bar.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n contentDensityObserverProviders({\n defaultContentDensity: ContentDensityMode.COMPACT\n })\n ],\n host: {\n '[attr.role]': 'role()',\n '[class]': 'cssClass()'\n }\n})\nexport class BarComponent {\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n readonly barDesign = input<BarDesignType>();\n\n /** Whether the Bar component is used in Page Layout. */\n readonly inPage = input(false, { transform: booleanAttribute });\n\n /** Whether the Bar component is used in Home Page Layout. */\n readonly inHomePage = input(false, { transform: booleanAttribute });\n\n /** Whether the Bar component should remove the box-shadow on the bottom. */\n readonly clear = input(false, { transform: booleanAttribute });\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n readonly size = input<SizeType>('');\n\n /** Whether this bar is to be used for the search results initial suggestion title. */\n readonly initialSuggestionTitle = input(false, { transform: booleanAttribute });\n\n /** Whether this bar is to be used for the search results initial suggestion subline. */\n readonly initialSuggestionSubline = input(false, { transform: booleanAttribute });\n\n /** Aria role for the Bar\n * default is toolbar\n */\n readonly role = input('toolbar');\n\n /** @hidden */\n protected readonly cssClass = computed(() => {\n const barDesign = this.barDesign();\n const inPage = this.inPage();\n const inHomePage = this.inHomePage();\n const size = this.size();\n\n return [\n 'fd-bar',\n this._contentDensityObserver.isCompactSignal() || this._contentDensityObserver.isCondensedSignal()\n ? ''\n : 'fd-bar--cozy', // TODO: fix in styles\n barDesign && `fd-bar--${barDesign}`,\n inPage && `fd-bar--page${size ? `-${size}` : ''}`,\n inHomePage && `fd-bar--home-page${size ? `-${size}` : ''}`,\n this.clear() && 'fd-bar--clear',\n this.initialSuggestionTitle() && 'fd-bar--initial-suggestion-title',\n this.initialSuggestionSubline() && 'fd-bar--initial-suggestion-subline'\n ]\n .filter(Boolean)\n .join(' ');\n });\n\n /** @hidden */\n constructor(\n public readonly elementRef: ElementRef,\n private _contentDensityObserver: ContentDensityObserver\n ) {\n this._contentDensityObserver.subscribe();\n }\n}\n","<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","import { InjectionToken } from '@angular/core';\n\nexport const FD_BUTTON_BAR_COMPONENT = new InjectionToken('FdButtonBarComponent');\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, viewChild } from '@angular/core';\nimport { BaseButton, ButtonComponent, ButtonType } from '@fundamental-ngx/core/button';\nimport { FD_BUTTON_BAR_COMPONENT } from '../tokens';\n\nlet randomButtonBarId = 0;\n\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id()\"\n [type]=\"type()\"\n [glyphPosition]=\"glyphPosition()\"\n [glyph]=\"glyph()\"\n [fdType]=\"fdType()\"\n [label]=\"label()\"\n [attr.title]=\"title()\"\n [ariaLabel]=\"ariaLabel()\"\n [fdMenu]=\"fdMenu()\"\n [disabled]=\"disabled()\"\n >\n <ng-content></ng-content>\n </button>\n `,\n providers: [\n {\n provide: FD_BUTTON_BAR_COMPONENT,\n useExisting: ButtonBarComponent\n }\n ],\n imports: [ButtonComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-bar__element',\n '[class.fd-bar__element--full-width]': 'fullWidth()',\n '[style.pointer-events]': 'disabled() ? \"none\" : \"auto\"'\n }\n})\nexport class ButtonBarComponent extends BaseButton {\n /** Whether the element should take the whole width of the container. */\n readonly fullWidth = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n readonly fdType = input<ButtonType>('transparent');\n\n /** adding title to the button */\n readonly title = input<string | undefined>();\n\n /** the aria-labelledby ids to be associated with this element */\n readonly ariaLabelledby = input<string | undefined>();\n\n /** id for this element */\n readonly id = input(`fd-button-bar-id-${randomButtonBarId++}`);\n\n /** @hidden */\n readonly buttonComponent = viewChild(ButtonComponent);\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element',\n host: {\n class: 'fd-bar__element',\n '[class.fd-bar__element--full-width]': 'fullWidth()'\n }\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n readonly fullWidth = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left',\n '[class.fd-bar__left--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarLeftDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle',\n '[class.fd-bar__middle--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarMiddleDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right',\n '[class.fd-bar__right--stack-contents-vertically]': 'stackContentsVertically()'\n },\n standalone: true\n})\nexport class BarRightDirective {\n /** Whether to stack the contents of this portion of the bar vertically. */\n readonly stackContentsVertically = input(false, { transform: booleanAttribute });\n}\n","import { NgModule } from '@angular/core';\n\nimport { BarComponent } from './bar.component';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\n\nconst components = [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -67,15 +67,15 @@ class BreadcrumbItemComponent {
|
|
|
67
67
|
this.breadcrumbItemPortal = new DomPortal(this.elementRef.nativeElement.firstElementChild);
|
|
68
68
|
this._attached = true;
|
|
69
69
|
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: BreadcrumbItemComponent, isStandalone: true, selector: "fd-breadcrumb-item", host: { classAttribute: "fd-breadcrumb__item" }, providers: [
|
|
72
72
|
{
|
|
73
73
|
provide: FD_BREADCRUMB_ITEM_COMPONENT,
|
|
74
74
|
useExisting: BreadcrumbItemComponent
|
|
75
75
|
}
|
|
76
76
|
], queries: [{ propertyName: "breadcrumbLink", first: true, predicate: FD_LINK_COMPONENT, descendants: true }], ngImport: i0, template: `<ng-content></ng-content> <span class="fd-breadcrumb__separator" aria-hidden="true"></span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{
|
|
81
81
|
selector: 'fd-breadcrumb-item',
|
|
@@ -128,19 +128,16 @@ class BreadcrumbComponent {
|
|
|
128
128
|
* Can be 'backslash' | 'double-slash' | 'double-backslash' | 'greater-than' | 'double-greater-than'
|
|
129
129
|
* Omit for default (slash)
|
|
130
130
|
*/
|
|
131
|
-
this.separatorStyle = input('',
|
|
132
|
-
...(ngDevMode ? [{ debugName: "separatorStyle" }] : /* istanbul ignore next */ []));
|
|
131
|
+
this.separatorStyle = input('', ...(ngDevMode ? [{ debugName: "separatorStyle" }] : []));
|
|
133
132
|
/**
|
|
134
133
|
* @hidden
|
|
135
134
|
* Array of breadcrumb items.
|
|
136
135
|
*/
|
|
137
|
-
this._items$ = signal([],
|
|
138
|
-
...(ngDevMode ? [{ debugName: "_items$" }] : /* istanbul ignore next */ []));
|
|
136
|
+
this._items$ = signal([], ...(ngDevMode ? [{ debugName: "_items$" }] : []));
|
|
139
137
|
/** @hidden */
|
|
140
138
|
this.elementRef = inject(ElementRef);
|
|
141
139
|
/** @hidden */
|
|
142
|
-
this.placement = computed(() => (this._rtlService?.rtl() ? 'bottom-end' : 'bottom-start'),
|
|
143
|
-
...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
140
|
+
this.placement = computed(() => (this._rtlService?.rtl() ? 'bottom-end' : 'bottom-start'), ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
144
141
|
/** @hidden */
|
|
145
142
|
this._cssClass = computed(() => {
|
|
146
143
|
const classes = ['fd-breadcrumb'];
|
|
@@ -149,8 +146,7 @@ class BreadcrumbComponent {
|
|
|
149
146
|
classes.push(`fd-breadcrumb--${style}`);
|
|
150
147
|
}
|
|
151
148
|
return classes.join(' ');
|
|
152
|
-
},
|
|
153
|
-
...(ngDevMode ? [{ debugName: "_cssClass" }] : /* istanbul ignore next */ []));
|
|
149
|
+
}, ...(ngDevMode ? [{ debugName: "_cssClass" }] : []));
|
|
154
150
|
/** @hidden */
|
|
155
151
|
this._rtlService = inject(RtlService, {
|
|
156
152
|
optional: true
|
|
@@ -322,15 +318,15 @@ class BreadcrumbComponent {
|
|
|
322
318
|
}
|
|
323
319
|
});
|
|
324
320
|
}
|
|
325
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
326
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
321
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
322
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: BreadcrumbComponent, isStandalone: true, selector: "fd-breadcrumb", inputs: { reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, separatorStyle: { classPropertyName: "separatorStyle", publicName: "separatorStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleItemsCount: "visibleItemsCount", hiddenItemsCount: "hiddenItemsCount" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "_cssClass()", "attr.aria-label": "_ariaLabel" } }, providers: [
|
|
327
323
|
{
|
|
328
324
|
provide: FD_BREADCRUMB_COMPONENT,
|
|
329
325
|
useExisting: BreadcrumbComponent
|
|
330
326
|
}
|
|
331
327
|
], queries: [{ propertyName: "_contentItems", predicate: FD_BREADCRUMB_ITEM_COMPONENT }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n ariaRole=\"list\"\n>\n @for (breadcrumb of _items$(); track breadcrumb) {\n <div\n *fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n }\n <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items$()\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"placement()\">\n @for (breadcrumbItem of breadcrumbs; track breadcrumbItem) {\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled() : false\n \"\n >\n <a fd-menu-interactive (click)=\"itemClicked(breadcrumbItem.item, $event)\">\n @if (breadcrumbItem?.item.breadcrumbLink) {\n @if (breadcrumbItem.item.breadcrumbLink.prefixIconName()) {\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink.prefixIconName()\"\n ></fd-menu-addon>\n }\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n @if (breadcrumbItem.item.breadcrumbLink.postfixIconName()) {\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink.postfixIconName()\"\n ></fd-menu-addon>\n }\n } @else {\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n }\n </a>\n </li>\n }\n </fd-menu>\n @if (breadcrumbs.length > 0) {\n <span class=\"fd-breadcrumb__item\" [fdMenuTrigger]=\"menu\" #menuTriggerSpan>\n <a\n fd-link\n [attr.aria-label]=\"('coreBreadcrumb.overflowTitleMore' | fdTranslate)()\"\n aria-haspopup=\"menu\"\n tabindex=\"-1\"\n class=\"fd-breadcrumb__collapsed\"\n (keyup.enter)=\"openOverflowMenu($event)\"\n (keyup.space)=\"openOverflowMenu($event)\"\n (keydown.enter)=\"$event.preventDefault()\"\n (keydown.space)=\"$event.preventDefault()\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"('coreBreadcrumb.overflowTitleMore' | fdTranslate)()\"\n [ariaLabel]=\"('coreBreadcrumb.overflowTitleMore' | fdTranslate)()\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n <span class=\"fd-breadcrumb__separator\" aria-hidden=\"true\"></span>\n </span>\n }\n </ng-container>\n</fd-overflow-layout>\n<ng-content></ng-content>\n", styles: [".fd-breadcrumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;--fdLink_Line_Height:1.5rem;list-style:none;-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-breadcrumb:after,.fd-breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);padding-block:.0625rem}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:last-child:not(:has(a)){--fdBreadcrumb_Separator:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-breadcrumb__separator:after,.fd-breadcrumb__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__separator:after{color:var(--sapTextColor);content:var(--fdBreadcrumb_Separator,\"/\");margin-inline:.25rem}.fd-breadcrumb--backslash{--fdBreadcrumb_Separator:\"\\\\\"}.fd-breadcrumb--double-slash{--fdBreadcrumb_Separator:\"//\"}.fd-breadcrumb--double-backslash{--fdBreadcrumb_Separator:\"\\\\\\\\\"}.fd-breadcrumb--greater-than{--fdBreadcrumb_Separator:\">\"}.fd-breadcrumb--double-greater-than{--fdBreadcrumb_Separator:\">>\"}.fd-breadcrumb .fd-overflow-layout{justify-content:flex-start}.fd-breadcrumb .fd-breadcrumb__item,.fd-breadcrumb .fd-link{white-space:nowrap;text-wrap:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/breadcrumb.css:\n (*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "renderShowMoreButton", "reverseHiddenItems", "enableKeyboardNavigation", "ariaRole", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount", "hiddenItemsChange"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "component", type: MenuComponent, selector: "fd-menu", inputs: ["openOnHoverTime", "ariaLabel", "ariaLabelledby", "id", "config", "mobile", "mobileConfig", "placement", "closeOnEscapeKey", "focusAutoCapture", "disabled", "disableScrollbar", "triggers", "fillControlMode", "closeOnOutsideClick", "noArrow", "focusTrapped", "additionalBodyClass", "closeOnNavigation", "restoreFocusOnClose", "appendTo", "fixedPosition", "scrollStrategy", "isOpen"], outputs: ["isOpenChange", "activePath", "beforeOpen"] }, { kind: "component", type: MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "component", type: MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: MenuTitleDirective, selector: "[fd-menu-title]", inputs: ["truncate"] }, { kind: "directive", type: MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["emphasized", "disabled", "inverted", "subtle", "undecorated", "touchTarget"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
332
328
|
}
|
|
333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
334
330
|
type: Component,
|
|
335
331
|
args: [{ selector: 'fd-breadcrumb', host: {
|
|
336
332
|
role: 'navigation',
|
|
@@ -384,11 +380,11 @@ const components = [BreadcrumbComponent, BreadcrumbItemComponent, LinkComponent,
|
|
|
384
380
|
* Use direct imports of components and directives.
|
|
385
381
|
*/
|
|
386
382
|
class BreadcrumbModule {
|
|
387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
388
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
389
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
383
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
384
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbModule, imports: [BreadcrumbComponent, BreadcrumbItemComponent, LinkComponent, ContentDensityModule], exports: [BreadcrumbComponent, BreadcrumbItemComponent, LinkComponent, ContentDensityModule] }); }
|
|
385
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbModule, imports: [BreadcrumbComponent, LinkComponent, ContentDensityModule, ContentDensityModule] }); }
|
|
390
386
|
}
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
392
388
|
type: NgModule,
|
|
393
389
|
args: [{
|
|
394
390
|
imports: [...components],
|