@fundamental-ngx/core 0.65.0 → 0.65.1-rc.0
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/fesm2022/fundamental-ngx-core-action-bar.mjs +25 -25
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +28 -28
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +34 -34
- package/fesm2022/fundamental-ngx-core-avatar.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-bar.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-button.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-calendar.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-card.mjs +109 -109
- package/fesm2022/fundamental-ngx-core-carousel.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-combobox.mjs +18 -18
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-content-density.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +30 -30
- package/fesm2022/fundamental-ngx-core-dialog.mjs +58 -58
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-facets.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-form.mjs +70 -70
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +46 -46
- package/fesm2022/fundamental-ngx-core-icon.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-info-label.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-inline-help.mjs +7 -7
- 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 +13 -13
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-link.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-list.mjs +67 -67
- package/fesm2022/fundamental-ngx-core-menu.mjs +61 -61
- package/fesm2022/fundamental-ngx-core-message-box.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +27 -26
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +24 -24
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +40 -40
- package/fesm2022/fundamental-ngx-core-notification.mjs +76 -76
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-number.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-status.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-panel.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-popover.mjs +41 -41
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-radio.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-select.mjs +20 -20
- package/fesm2022/fundamental-ngx-core-settings.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-slider.mjs +12 -12
- 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 +7 -7
- package/fesm2022/fundamental-ngx-core-step-input.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-switch.mjs +9 -9
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-tabs.mjs +52 -52
- package/fesm2022/fundamental-ngx-core-text.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-tile.mjs +94 -94
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +9 -9
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
- package/fesm2022/fundamental-ngx-core-title.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-token.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +28 -28
- package/fesm2022/fundamental-ngx-core-tree.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +46 -46
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-wizard.mjs +28 -28
- package/fesm2022/fundamental-ngx-core.mjs +4 -4
- package/package.json +3 -3
- package/schematics/package.json +1 -1
- package/types/fundamental-ngx-core-calendar.d.ts +2 -2
- package/types/fundamental-ngx-core-carousel.d.ts +1 -1
- package/types/fundamental-ngx-core-content-density.d.ts +2 -2
- package/types/fundamental-ngx-core-datetime.d.ts +1 -1
- package/types/fundamental-ngx-core-dialog.d.ts +5 -5
- package/types/fundamental-ngx-core-dynamic-page.d.ts +2 -2
- package/types/fundamental-ngx-core-file-uploader.d.ts +1 -1
- package/types/fundamental-ngx-core-form.d.ts +1 -1
- package/types/fundamental-ngx-core-menu.d.ts +2 -2
- package/types/fundamental-ngx-core-message-box.d.ts +3 -3
- package/types/fundamental-ngx-core-message-strip.d.ts +1 -1
- package/types/fundamental-ngx-core-message-toast.d.ts +2 -2
- package/types/fundamental-ngx-core-multi-combobox.d.ts +1 -1
- package/types/fundamental-ngx-core-nested-list.d.ts +2 -2
- package/types/fundamental-ngx-core-notification.d.ts +1 -1
- package/types/fundamental-ngx-core-overflow-layout.d.ts +1 -1
- package/types/fundamental-ngx-core-pagination.d.ts +1 -1
- package/types/fundamental-ngx-core-popover.d.ts +1 -1
- package/types/fundamental-ngx-core-select.d.ts +1 -1
- package/types/fundamental-ngx-core-shared.d.ts +1 -1
- package/types/fundamental-ngx-core-theming.d.ts +1 -1
- package/types/fundamental-ngx-core-timeline.d.ts +1 -1
- package/types/fundamental-ngx-core-tree.d.ts +1 -1
- package/types/fundamental-ngx-core-wizard.d.ts +1 -1
|
@@ -13,10 +13,10 @@ import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
|
|
|
13
13
|
import { Router, NavigationStart } from '@angular/router';
|
|
14
14
|
|
|
15
15
|
class NotificationFooterContentDirective {
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
17
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
17
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationFooterContentDirective, isStandalone: true, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]", host: { classAttribute: "fd-notification__footer-content" }, ngImport: i0 }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationFooterContentDirective, decorators: [{
|
|
20
20
|
type: Directive,
|
|
21
21
|
args: [{
|
|
22
22
|
selector: '[fdNotificationFooterContent], [fd-notification-footer-content]',
|
|
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
28
28
|
}] });
|
|
29
29
|
|
|
30
30
|
class NotificationGroupGrowingItemTitleDirective {
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
32
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationGroupGrowingItemTitleDirective, isStandalone: true, selector: "[fdNotificationGroupGrowingItemTitle], [fd-notification-group-growing-item-title]", host: { classAttribute: "fd-notification-group__growing-item-title" }, ngImport: i0 }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: '[fdNotificationGroupGrowingItemTitle], [fd-notification-group-growing-item-title]',
|
|
@@ -67,15 +67,15 @@ class NotificationGroupHeaderTitleDirective {
|
|
|
67
67
|
this.id = input('fd-notification-group-header-title-' + ++notificationGroupHeaderTitleCounter, /* @ts-ignore */
|
|
68
68
|
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
69
69
|
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
71
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
71
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NotificationGroupHeaderTitleDirective, isStandalone: true, selector: "[fdNotificationGroupHeaderTitle], [fd-notification-group-header-title]", inputs: { ariaLevel: { classPropertyName: "ariaLevel", publicName: "ariaLevel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "ariaLevel()", "attr.id": "id()" }, classAttribute: "fd-notification-group__header-title" }, providers: [
|
|
72
72
|
{
|
|
73
73
|
provide: FD_NOTIFICATION_GROUP_HEADER_TITLE,
|
|
74
74
|
useExisting: NotificationGroupHeaderTitleDirective
|
|
75
75
|
}
|
|
76
76
|
], ngImport: i0 }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupHeaderTitleDirective, decorators: [{
|
|
79
79
|
type: Directive,
|
|
80
80
|
args: [{
|
|
81
81
|
selector: '[fdNotificationGroupHeaderTitle], [fd-notification-group-header-title]',
|
|
@@ -104,10 +104,10 @@ class NotificationListDirective {
|
|
|
104
104
|
this.ariaLabel = input('Notifications', /* @ts-ignore */
|
|
105
105
|
...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
106
106
|
}
|
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
108
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
108
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NotificationListDirective, isStandalone: true, selector: "[fdNotificationList], [fd-notification-list]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "fd-notification-list" }, ngImport: i0 }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationListDirective, decorators: [{
|
|
111
111
|
type: Directive,
|
|
112
112
|
args: [{
|
|
113
113
|
selector: '[fdNotificationList], [fd-notification-list]',
|
|
@@ -121,10 +121,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
121
121
|
}], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
122
122
|
|
|
123
123
|
class NotificationMessageStripContainerDirective {
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
125
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationMessageStripContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
125
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationMessageStripContainerDirective, isStandalone: true, selector: "[fdNotificationMessageStripContainer], [fd-notification-message-strip-container]", host: { classAttribute: "fd-notification__message-strip-container" }, ngImport: i0 }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationMessageStripContainerDirective, decorators: [{
|
|
128
128
|
type: Directive,
|
|
129
129
|
args: [{
|
|
130
130
|
selector: '[fdNotificationMessageStripContainer], [fd-notification-message-strip-container]',
|
|
@@ -136,10 +136,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
136
136
|
}] });
|
|
137
137
|
|
|
138
138
|
class NotificationMessageStripDirective {
|
|
139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
140
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
140
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationMessageStripDirective, isStandalone: true, selector: "[fdNotificationMessageStrip], [fd-notification-message-strip]", host: { classAttribute: "fd-notification-message-strip" }, ngImport: i0 }); }
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationMessageStripDirective, decorators: [{
|
|
143
143
|
type: Directive,
|
|
144
144
|
args: [{
|
|
145
145
|
selector: '[fdNotificationMessageStrip], [fd-notification-message-strip]',
|
|
@@ -162,15 +162,15 @@ class NotificationParagraphDirective {
|
|
|
162
162
|
/** @hidden */
|
|
163
163
|
this.elementRef = inject(ElementRef);
|
|
164
164
|
}
|
|
165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
166
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationParagraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
166
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NotificationParagraphDirective, isStandalone: true, selector: "[fdNotificationParagraph], [fd-notification-paragraph]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-notification__paragraph" }, providers: [
|
|
167
167
|
{
|
|
168
168
|
provide: FD_NOTIFICATION_PARAGRAPH,
|
|
169
169
|
useExisting: NotificationParagraphDirective
|
|
170
170
|
}
|
|
171
171
|
], ngImport: i0 }); }
|
|
172
172
|
}
|
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationParagraphDirective, decorators: [{
|
|
174
174
|
type: Directive,
|
|
175
175
|
args: [{
|
|
176
176
|
selector: '[fdNotificationParagraph], [fd-notification-paragraph]',
|
|
@@ -189,10 +189,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
189
189
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
190
190
|
|
|
191
191
|
class NotificationPopoverDirective {
|
|
192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
193
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
193
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationPopoverDirective, isStandalone: true, selector: "[fdNotificationPopover], [fd-notification-popover]", host: { attributes: { "role": "dialog" }, classAttribute: "fd-notification-popover" }, ngImport: i0 }); }
|
|
194
194
|
}
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationPopoverDirective, decorators: [{
|
|
196
196
|
type: Directive,
|
|
197
197
|
args: [{
|
|
198
198
|
selector: '[fdNotificationPopover], [fd-notification-popover]',
|
|
@@ -205,10 +205,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
205
205
|
}] });
|
|
206
206
|
|
|
207
207
|
class NotificationSeparatorDirective {
|
|
208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
209
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
209
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NotificationSeparatorDirective, isStandalone: true, selector: "[fdNotificationSeparator], [fd-notification-separator]", host: { classAttribute: "fd-notification__separator" }, ngImport: i0 }); }
|
|
210
210
|
}
|
|
211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationSeparatorDirective, decorators: [{
|
|
212
212
|
type: Directive,
|
|
213
213
|
args: [{
|
|
214
214
|
selector: '[fdNotificationSeparator], [fd-notification-separator]',
|
|
@@ -237,15 +237,15 @@ class NotificationTitleDirective {
|
|
|
237
237
|
/** @hidden */
|
|
238
238
|
this.elementRef = inject(ElementRef);
|
|
239
239
|
}
|
|
240
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
241
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
240
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
241
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NotificationTitleDirective, isStandalone: true, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: { unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-notification__title--unread": "unread()", "attr.id": "id()" }, classAttribute: "fd-notification__title" }, providers: [
|
|
242
242
|
{
|
|
243
243
|
provide: FD_NOTIFICATION_TITLE,
|
|
244
244
|
useExisting: NotificationTitleDirective
|
|
245
245
|
}
|
|
246
246
|
], ngImport: i0 }); }
|
|
247
247
|
}
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationTitleDirective, decorators: [{
|
|
249
249
|
type: Directive,
|
|
250
250
|
args: [{
|
|
251
251
|
selector: '[fdNotificationTitle], [fd-notification-title]',
|
|
@@ -265,10 +265,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
265
265
|
}], propDecorators: { unread: [{ type: i0.Input, args: [{ isSignal: true, alias: "unread", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
266
266
|
|
|
267
267
|
class NotificationActionsComponent {
|
|
268
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
269
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
269
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationActionsComponent, isStandalone: true, selector: "fd-notification-actions", host: { classAttribute: "fd-notification__actions" }, queries: [{ propertyName: "buttons", predicate: FD_BUTTON_COMPONENT }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
270
270
|
}
|
|
271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationActionsComponent, decorators: [{
|
|
272
272
|
type: Component,
|
|
273
273
|
args: [{
|
|
274
274
|
selector: 'fd-notification-actions',
|
|
@@ -295,11 +295,11 @@ class NotificationHeaderComponent {
|
|
|
295
295
|
this.uniqueId = input('fd-notification-header-' + ++notificationHeaderCounter, /* @ts-ignore */
|
|
296
296
|
...(ngDevMode ? [{ debugName: "uniqueId" }] : /* istanbul ignore next */ []));
|
|
297
297
|
}
|
|
298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
298
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
299
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NotificationHeaderComponent, isStandalone: true, selector: "fd-notification-header", inputs: { uniqueId: { classPropertyName: "uniqueId", publicName: "uniqueId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "uniqueId()" }, classAttribute: "fd-notification__header" }, ngImport: i0, template: `<ng-content select="fd-icon"></ng-content>
|
|
300
300
|
<ng-content select="[fd-notification-title]"></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
301
301
|
}
|
|
302
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationHeaderComponent, decorators: [{
|
|
303
303
|
type: Component,
|
|
304
304
|
args: [{
|
|
305
305
|
selector: 'fd-notification-header',
|
|
@@ -396,18 +396,18 @@ class NotificationGroupBaseDirective {
|
|
|
396
396
|
.forEach((b) => this._renderer.setAttribute(b, 'aria-describedby', headerId));
|
|
397
397
|
});
|
|
398
398
|
}
|
|
399
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
400
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.
|
|
399
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
400
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.2.1", type: NotificationGroupBaseDirective, isStandalone: true, queries: [{ propertyName: "notificationHeader", predicate: NotificationHeaderComponent, descendants: true, isSignal: true }, { propertyName: "notificationActions", predicate: NotificationActionsComponent, isSignal: true }], ngImport: i0 }); }
|
|
401
401
|
}
|
|
402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupBaseDirective, decorators: [{
|
|
403
403
|
type: Directive
|
|
404
404
|
}], ctorParameters: () => [], propDecorators: { notificationHeader: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NotificationHeaderComponent), { ...{ descendants: true }, isSignal: true }] }], notificationActions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NotificationActionsComponent), { isSignal: true }] }] } });
|
|
405
405
|
|
|
406
406
|
class NotificationBodyComponent extends NotificationGroupBaseDirective {
|
|
407
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationBodyComponent, isStandalone: true, selector: "fd-notification-body", host: { classAttribute: "fd-notification__body" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
409
409
|
}
|
|
410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationBodyComponent, decorators: [{
|
|
411
411
|
type: Component,
|
|
412
412
|
args: [{
|
|
413
413
|
selector: 'fd-notification-body',
|
|
@@ -421,10 +421,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
421
421
|
}] });
|
|
422
422
|
|
|
423
423
|
class NotificationContentComponent {
|
|
424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
425
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
425
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationContentComponent, isStandalone: true, selector: "fd-notification-content", host: { classAttribute: "fd-notification__content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
426
426
|
}
|
|
427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationContentComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
429
429
|
args: [{
|
|
430
430
|
selector: 'fd-notification-content',
|
|
@@ -524,8 +524,8 @@ class NotificationFooterComponent {
|
|
|
524
524
|
const lessLabel = this.lessLabel() || this._defaultLessLabel();
|
|
525
525
|
return this.expanded() ? lessLabel : moreLabel;
|
|
526
526
|
}
|
|
527
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
528
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
527
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NotificationFooterComponent, isStandalone: true, selector: "fd-notification-footer", inputs: { manualShowTrigger: { classPropertyName: "manualShowTrigger", publicName: "manualShowTrigger", isSignal: true, isRequired: false, transformFunction: null }, manualExpanded: { classPropertyName: "manualExpanded", publicName: "manualExpanded", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, lessLabel: { classPropertyName: "lessLabel", publicName: "lessLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { manualExpanded: "manualExpandedChange" }, host: { classAttribute: "fd-notification__footer" }, providers: [
|
|
529
529
|
{
|
|
530
530
|
provide: FD_NOTIFICATION_FOOTER,
|
|
531
531
|
useExisting: NotificationFooterComponent
|
|
@@ -537,7 +537,7 @@ class NotificationFooterComponent {
|
|
|
537
537
|
</a>
|
|
538
538
|
} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
539
539
|
}
|
|
540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationFooterComponent, decorators: [{
|
|
541
541
|
type: Component,
|
|
542
542
|
args: [{
|
|
543
543
|
selector: 'fd-notification-footer',
|
|
@@ -567,10 +567,10 @@ class NotificationGroupGrowingItemComponent {
|
|
|
567
567
|
this.ariaLabel = input(/* @ts-ignore */
|
|
568
568
|
...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
569
569
|
}
|
|
570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupGrowingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NotificationGroupGrowingItemComponent, isStandalone: true, selector: "fd-notification-group-growing-item", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "aria-label": "ariaLabel()", "tabindex": "0" }, classAttribute: "fd-notification-group__growing-item" }, ngImport: i0, template: `<ng-content select="[fd-notification-group-growing-item-title]"></ng-content> <ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
572
572
|
}
|
|
573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupGrowingItemComponent, decorators: [{
|
|
574
574
|
type: Component,
|
|
575
575
|
args: [{
|
|
576
576
|
selector: 'fd-notification-group-growing-item',
|
|
@@ -631,8 +631,8 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
|
|
|
631
631
|
event.preventDefault();
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationGroupHeaderComponent, isStandalone: true, selector: "fd-notification-group-header", host: { attributes: { "role": "button" }, listeners: { "click": "toggleExpand()", "keydown": "_onKeydown($event)" }, properties: { "tabindex": "0", "attr.title": "title()", "attr.aria-controls": "ariaControls()", "attr.aria-expanded": "expanded()" }, classAttribute: "fd-notification-group__header" }, providers: [
|
|
636
636
|
{
|
|
637
637
|
provide: FD_NOTIFICATION_GROUP_HEADER,
|
|
638
638
|
useExisting: NotificationGroupHeaderComponent
|
|
@@ -645,7 +645,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
|
|
|
645
645
|
<ng-content></ng-content>
|
|
646
646
|
`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
647
647
|
}
|
|
648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
|
|
649
649
|
type: Component,
|
|
650
650
|
args: [{
|
|
651
651
|
selector: 'fd-notification-group-header',
|
|
@@ -772,15 +772,15 @@ class NotificationGroupListComponent {
|
|
|
772
772
|
}
|
|
773
773
|
return !['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName);
|
|
774
774
|
}
|
|
775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
776
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NotificationGroupListComponent, isStandalone: true, selector: "fd-notification-group-list", inputs: { ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, listeners: { "keydown": "onListKeydown($event)" }, properties: { "attr.id": "id()" }, classAttribute: "fd-notification-group__list" }, providers: [
|
|
777
777
|
{
|
|
778
778
|
provide: FD_NOTIFICATION_GROUP_LIST,
|
|
779
779
|
useExisting: NotificationGroupListComponent
|
|
780
780
|
}
|
|
781
781
|
], queries: [{ propertyName: "notifications", predicate: FD_NOTIFICATION, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
782
782
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupListComponent, decorators: [{
|
|
784
784
|
type: Component,
|
|
785
785
|
args: [{
|
|
786
786
|
selector: 'fd-notification-group-list',
|
|
@@ -861,8 +861,8 @@ class NotificationGroupComponent {
|
|
|
861
861
|
this.groupHeader()?.ariaControls.set(this.groupList()?.id() ?? null);
|
|
862
862
|
this.groupHeader()?.expanded.set(this.expanded());
|
|
863
863
|
}
|
|
864
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
865
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
864
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
865
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NotificationGroupComponent, isStandalone: true, selector: "fd-notification-group", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "tabindex": "-1", "attr.aria-level": "1", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-description": "ariaDescription()" }, classAttribute: "fd-notification-group" }, queries: [{ propertyName: "groupHeader", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER, descendants: true, isSignal: true }, { propertyName: "groupTitle", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER_TITLE, descendants: true, isSignal: true }, { propertyName: "groupList", first: true, predicate: FD_NOTIFICATION_GROUP_LIST, descendants: true, isSignal: true }], ngImport: i0, template: `<div class="fd-notification-group__wrapper">
|
|
866
866
|
<ng-content select="fd-notification-group-header"></ng-content>
|
|
867
867
|
@if (isExpanded()) {
|
|
868
868
|
<ng-content select="fd-notification-group-list"></ng-content>
|
|
@@ -870,7 +870,7 @@ class NotificationGroupComponent {
|
|
|
870
870
|
}
|
|
871
871
|
</div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
872
872
|
}
|
|
873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
873
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationGroupComponent, decorators: [{
|
|
874
874
|
type: Component,
|
|
875
875
|
args: [{
|
|
876
876
|
selector: 'fd-notification-group',
|
|
@@ -909,10 +909,10 @@ class NotificationLinkComponent {
|
|
|
909
909
|
toggleShowMore() {
|
|
910
910
|
this.showMore.update((value) => !value);
|
|
911
911
|
}
|
|
912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
912
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
913
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationLinkComponent, isStandalone: true, selector: "fd-notification-link", host: { attributes: { "tabindex": "0", "role": "link" }, listeners: { "click": "toggleShowMore()" }, classAttribute: "fd-link fd-notification__link" }, ngImport: i0, template: `<span class="fd-link__content">{{ showMore() ? 'Less' : 'More' }}</span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
914
914
|
}
|
|
915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationLinkComponent, decorators: [{
|
|
916
916
|
type: Component,
|
|
917
917
|
args: [{
|
|
918
918
|
selector: 'fd-notification-link',
|
|
@@ -1276,8 +1276,8 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
1276
1276
|
}
|
|
1277
1277
|
return currentElement;
|
|
1278
1278
|
}
|
|
1279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1280
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.
|
|
1279
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1280
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { actionKeyHandler: { classPropertyName: "actionKeyHandler", publicName: "actionKeyHandler", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "handleNotificationActionKeys($event)", "window:keyup": "closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-label": "ariaLabel", "attr.aria-level": "ariaLevel()", "attr.role": "role()", "attr.dir": "_dir()", "attr.id": "id", "tabindex": "0", "style.width": "width" } }, providers: [
|
|
1281
1281
|
{
|
|
1282
1282
|
provide: FD_NOTIFICATION,
|
|
1283
1283
|
useExisting: NotificationComponent
|
|
@@ -1287,7 +1287,7 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
1287
1287
|
<ng-container #vc></ng-container>
|
|
1288
1288
|
`, isInline: true, styles: ["@charset \"UTF-8\";.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);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;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1rem);overflow-wrap:break-word;text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;white-space:normal;word-break:break-word}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-link--touch-target{--fdLink_Line_Height:1.5rem}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:.125rem;margin-inline-end:.125rem}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:.125rem;margin-inline-start:.125rem}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-link__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-notification{--fdNotification_Content_Gap:.75rem;--fdNotification_Actions_Offset:-.25rem;--fdNotification_Title_Font_Weight:normal;--fdNotification_Title_Line_Height:1.25rem;--fdNotification_Title_One_Button_Offset:2rem;--fdNotification_Title_Two_Buttons_Offset:4.375rem;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:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer}.fd-notification:after,.fd-notification:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification.is-hover,.fd-notification:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification.is-active,.fd-notification:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification.is-selected,.fd-notification[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification.is-selected.is-hover,.fd-notification.is-selected:hover,.fd-notification[aria-selected=true].is-hover,.fd-notification[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification.is-focus,.fd-notification:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification:has(.fd-notification__actions):has(button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_One_Button_Offset);padding-inline-end:var(--fdNotification_Title_One_Button_Offset)}.fd-notification:has(.fd-notification__actions):has(button+button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_Two_Buttons_Offset);padding-inline-end:var(--fdNotification_Title_Two_Buttons_Offset)}.fd-notification__body{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:.75rem;padding-block:1rem;padding-inline:1rem;position:relative}.fd-notification__body:after,.fd-notification__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__content{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:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--fdNotification_Content_Gap);width:100%}.fd-notification__content:after,.fd-notification__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header{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:.25rem;width:100%}.fd-notification__header:after,.fd-notification__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header>[class*=sap-icon]{-webkit-padding-before:.125rem;padding-block-start:.125rem}.fd-notification__actions{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;right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;padding-block:.5rem 0;padding-inline:.25rem .5rem;position:absolute;top:0}.fd-notification__actions:after,.fd-notification__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{left:0;right:auto}.fd-notification__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-flex:1;color:var(--sapList_TextColor);-ms-flex:1;flex:1;font-size:var(--sapFontHeader6Size);font-weight:var(--fdNotification_Title_Font_Weight);line-height:var(--fdNotification_Title_Line_Height);max-height:calc(var(--fdNotification_Title_Line_Height)*2)}.fd-notification__title:after,.fd-notification__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__title--unread{--fdNotification_Title_Font_Weight:bold}.fd-notification__paragraph{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapList_TextColor);font-size:var(--sapFontSize);max-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-notification__paragraph:after,.fd-notification__paragraph:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer{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}.fd-notification__footer:after,.fd-notification__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer-content{color:var(--sapContent_LabelColor);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification__footer-content:only-child{max-width:100%}.fd-notification__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0}.fd-notification__separator:after,.fd-notification__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__separator:before{content:\"\\b7\"}.fd-notification__message-strip-container{padding-block:1rem 0;padding-inline:1rem .5rem}.fd-notification__message-strip-container:empty{padding-block:0;padding-inline:0}.fd-notification__message-strip-container:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-notification .fd-notification__link{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-notification-message-strip{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-block:.5rem;padding-inline:0;padding-inline:.5rem}.fd-notification-message-strip:after,.fd-notification-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-list{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;height:100%;line-height:normal;list-style:none;margin-block:0;margin-inline:0;overflow:auto;padding-block:0;padding-inline:0;width:100%}.fd-notification-list:after,.fd-notification-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group{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;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group:after,.fd-notification-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__wrapper{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-notification-group__wrapper:after,.fd-notification-group__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header{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;background:var(--sapList_GroupHeaderBackground);cursor:pointer;gap:.75rem;height:var(--sapElement_LineHeight);margin-block:var(--fdNotification_Group_Header_Margin_Block);padding-inline:.5rem;position:sticky;top:0;z-index:10;-webkit-border-after:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color);border-block-end:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color)}.fd-notification-group__header:after,.fd-notification-group__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header.is-focus,.fd-notification-group__header:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__header-arrow{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;margin-inline:.5rem}.fd-notification-group__header-arrow:after,.fd-notification-group__header-arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header-arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_IconColor);height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-notification-group__header-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Group_Header_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdNotification_Group_Header_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Group_Header_Title_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-notification-group__header-title:after,.fd-notification-group__header-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__list{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:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNotification_Group_List_Gap);list-style:none;margin-block:var(--fdNotification_Group_List_Margin_Block);margin-inline:var(--fdNotification_Group_List_Margin_Inline)}.fd-notification-group__list:after,.fd-notification-group__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item{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;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:var(--fdNotification_Growing_Item_Margin_Inline);padding-block:1rem;padding-inline:1rem;-webkit-margin-after:var(--fdNotification_Growing_Item_Margin_Block_End);margin-block-end:var(--fdNotification_Growing_Item_Margin_Block_End)}.fd-notification-group__growing-item:after,.fd-notification-group__growing-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item.is-hover,.fd-notification-group__growing-item:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification-group__growing-item.is-active,.fd-notification-group__growing-item:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification-group__growing-item.is-selected,.fd-notification-group__growing-item[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification-group__growing-item.is-selected.is-hover,.fd-notification-group__growing-item.is-selected:hover,.fd-notification-group__growing-item[aria-selected=true].is-hover,.fd-notification-group__growing-item[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification-group__growing-item.is-focus,.fd-notification-group__growing-item:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__growing-item-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Growing_Item_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdNotification_Growing_Item_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNotification_Growing_Item_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Growing_Item_Title_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-title:after,.fd-notification-group__growing-item-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);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-notification-group__growing-item-subtitle:after,.fd-notification-group__growing-item-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-popover{--fdNotification_Popover_Width:27rem;--fdNotification_Popover_Max_Width:27rem;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:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);width:var(--fdNotification_Popover_Width)}.fd-notification-popover:after,.fd-notification-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(width<=599px){.fd-notification-popover{--fdNotification_Popover_Width:auto;--fdNotification_Popover_Max_Width:25rem}}.fd-notification-banner{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;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;-webkit-margin-end:2rem;margin-inline-end:2rem;-webkit-margin-before:2rem;margin-block-start:2rem;max-width:var(--fdNotification_Popover_Max_Width,26rem)}.fd-notification-banner:after,.fd-notification-banner:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-banner[dir=rtl],[dir=rtl] .fd-notification-banner{left:0;right:auto}.fd-notification-banner .fd-notification{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:100%}@media(width<=599px){.fd-notification-banner .fd-notification{--fdNotification_Popover_Max_Width:24rem}}.fd-notification[class*=-compact],[class*=-compact] .fd-notification:not([class*=-cozy]){--fdNotification_Content_Gap:.5rem;--fdNotification_Title_Offset:4rem;--fdNotification_Title_One_Button_Offset:2.75rem;--fdNotification_Title_Two_Buttons_Offset:4.875rem}.fd-notification{display:flex}.fd-notification-message-strip:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification-container .fd-notification{margin-block-end:.5rem}.fd-notification__title.is-expanded,.fd-notification__paragraph.is-expanded{display:block;overflow:visible;max-height:max-content}.fd-notification-group__header{margin-block:0}\n/*! Bundled license information:\n\nfundamental-styles/dist/notification.css:\n (*!\n * Fundamental Library Styles v0.41.9\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 }); }
|
|
1289
1289
|
}
|
|
1290
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
1291
1291
|
type: Component,
|
|
1292
1292
|
args: [{ selector: 'fd-notification', template: `
|
|
1293
1293
|
<ng-content></ng-content>
|
|
@@ -1312,10 +1312,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1312
1312
|
}], ctorParameters: () => [], propDecorators: { actionKeyHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionKeyHandler", required: false }] }], containerRef: [{ type: i0.ViewChild, args: ['vc', { ...{ read: ViewContainerRef }, isSignal: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], _notificationTitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_TITLE), { isSignal: true }] }], _notificationParagraph: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_PARAGRAPH), { isSignal: true }] }], _notificationFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_FOOTER), { isSignal: true }] }] } });
|
|
1313
1313
|
|
|
1314
1314
|
class NotificationContainer {
|
|
1315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
1315
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1316
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NotificationContainer, isStandalone: true, selector: "fd-notification-container", host: { classAttribute: "fd-notification-container" }, ngImport: i0, template: ``, isInline: true, styles: [".fd-notification-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:flex-end;top:2rem;right:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1317
1317
|
}
|
|
1318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationContainer, decorators: [{
|
|
1319
1319
|
type: Component,
|
|
1320
1320
|
args: [{ selector: 'fd-notification-container', template: ``, host: {
|
|
1321
1321
|
class: 'fd-notification-container'
|
|
@@ -1416,10 +1416,10 @@ class NotificationService {
|
|
|
1416
1416
|
this._elementFocusedBeforeNotificationWasOpened.focus();
|
|
1417
1417
|
}
|
|
1418
1418
|
}
|
|
1419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1420
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1419
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationService, deps: [{ token: i1.DynamicComponentService }, { token: DOCUMENT }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1420
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationService }); }
|
|
1421
1421
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationService, decorators: [{
|
|
1423
1423
|
type: Injectable
|
|
1424
1424
|
}], ctorParameters: () => [{ type: i1.DynamicComponentService }, { type: Document, decorators: [{
|
|
1425
1425
|
type: Inject,
|
|
@@ -1457,8 +1457,8 @@ const components = [
|
|
|
1457
1457
|
* Use direct imports of components and directives.
|
|
1458
1458
|
*/
|
|
1459
1459
|
class NotificationModule {
|
|
1460
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1461
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
1460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1461
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NotificationModule, imports: [NotificationComponent,
|
|
1462
1462
|
NotificationContainer,
|
|
1463
1463
|
NotificationLinkComponent,
|
|
1464
1464
|
NotificationBodyComponent,
|
|
@@ -1501,9 +1501,9 @@ class NotificationModule {
|
|
|
1501
1501
|
NotificationGroupHeaderTitleDirective,
|
|
1502
1502
|
NotificationMessageStripContainerDirective,
|
|
1503
1503
|
NotificationGroupGrowingItemTitleDirective] }); }
|
|
1504
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
1504
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationModule, providers: [DynamicComponentService, NotificationService], imports: [NotificationGroupHeaderComponent] }); }
|
|
1505
1505
|
}
|
|
1506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NotificationModule, decorators: [{
|
|
1507
1507
|
type: NgModule,
|
|
1508
1508
|
args: [{
|
|
1509
1509
|
imports: [...components],
|
|
@@ -25,10 +25,10 @@ class ObjectAttributeComponent {
|
|
|
25
25
|
this.objectAttributeclick.emit(event);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ObjectAttributeComponent, isStandalone: true, selector: "fd-object-attribute", inputs: { label: "label", linkText: "linkText", islink: "islink", disabled: "disabled" }, outputs: { objectAttributeclick: "objectAttributeclick" }, ngImport: i0, template: "{{ label }}\n<ng-content></ng-content>\n@if (linkText !== null && linkText !== undefined) {\n <span\n (click)=\"onObjectAttributeClick($event)\"\n [attr.tabindex]=\"disabled ? '-1' : '0'\"\n [attr.aria-label]=\"linkText\"\n [attr.title]=\"linkText\"\n [class.fd-object-attribute--link]=\"islink\"\n role=\"link\"\n [attr.aria-disabled]=\"disabled\"\n (keydown.enter)=\"onObjectAttributeClick($event)\"\n >\n {{ linkText }}\n </span>\n}\n", styles: [".fd-object-attribute{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-object-attribute:after,.fd-object-attribute:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-attribute--link{color:var(--sapLinkColor);cursor:pointer;text-decoration:none}.fd-object-attribute--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-attribute--link.is-hover,.fd-object-attribute--link:hover{color:var(--sapLink_Hover_Color);text-decoration:underline}.fd-object-attribute--link.is-focus,.fd-object-attribute--link:focus{z-index:5}.fd-object-attribute--link.is-focus,.fd-object-attribute--link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.0625rem}.fd-object-attribute--link.is-disabled,.fd-object-attribute--link:disabled,.fd-object-attribute--link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-attribute.css:\n (*!\n * Fundamental Library Styles v0.41.9\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 }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'fd-object-attribute', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "{{ label }}\n<ng-content></ng-content>\n@if (linkText !== null && linkText !== undefined) {\n <span\n (click)=\"onObjectAttributeClick($event)\"\n [attr.tabindex]=\"disabled ? '-1' : '0'\"\n [attr.aria-label]=\"linkText\"\n [attr.title]=\"linkText\"\n [class.fd-object-attribute--link]=\"islink\"\n role=\"link\"\n [attr.aria-disabled]=\"disabled\"\n (keydown.enter)=\"onObjectAttributeClick($event)\"\n >\n {{ linkText }}\n </span>\n}\n", styles: [".fd-object-attribute{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-object-attribute:after,.fd-object-attribute:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-attribute--link{color:var(--sapLinkColor);cursor:pointer;text-decoration:none}.fd-object-attribute--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-attribute--link.is-hover,.fd-object-attribute--link:hover{color:var(--sapLink_Hover_Color);text-decoration:underline}.fd-object-attribute--link.is-focus,.fd-object-attribute--link:focus{z-index:5}.fd-object-attribute--link.is-focus,.fd-object-attribute--link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.0625rem}.fd-object-attribute--link.is-disabled,.fd-object-attribute--link:disabled,.fd-object-attribute--link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-attribute.css:\n (*!\n * Fundamental Library Styles v0.41.9\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"] }]
|
|
34
34
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { label: [{
|
|
@@ -48,11 +48,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
48
48
|
* Use direct imports of components and directives.
|
|
49
49
|
*/
|
|
50
50
|
class ObjectAttributeModule {
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
52
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
53
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
52
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeModule, imports: [ObjectAttributeComponent], exports: [ObjectAttributeComponent] }); }
|
|
53
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeModule }); }
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ObjectAttributeModule, decorators: [{
|
|
56
56
|
type: NgModule,
|
|
57
57
|
args: [{
|
|
58
58
|
imports: [ObjectAttributeComponent],
|