@fundamental-ngx/core 0.55.3-rc.0 → 0.55.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/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 +28 -28
- 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 +16 -16
- package/fesm2022/fundamental-ngx-core-content-density.mjs +25 -25
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +10 -10
- 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 +13 -13
- 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 +19 -19
- 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 +61 -61
- package/fesm2022/fundamental-ngx-core-menu.mjs +55 -55
- 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 +25 -25
- 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 +22 -22
- 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-shared.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +37 -37
- 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 +10 -10
- 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 +7 -7
- 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 +7 -7
- 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 +31 -31
- package/fesm2022/fundamental-ngx-core-tree.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
- 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
|
@@ -15,10 +15,10 @@ import { warnOnce } from '@fundamental-ngx/core/utils';
|
|
|
15
15
|
* ```
|
|
16
16
|
*/
|
|
17
17
|
class ActionBarActionsDirective {
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarActionsDirective, isStandalone: true, selector: "[fd-action-bar-actions]", host: { classAttribute: "fd-action-bar__actions" }, ngImport: i0 }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarActionsDirective, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
23
|
args: [{
|
|
24
24
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -42,10 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
42
42
|
* ```
|
|
43
43
|
*/
|
|
44
44
|
class ActionBarBackDirective {
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
46
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarBackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
46
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarBackDirective, isStandalone: true, selector: "[fd-action-bar-back]", host: { classAttribute: "fd-action-bar__back" }, ngImport: i0 }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarBackDirective, decorators: [{
|
|
49
49
|
type: Directive,
|
|
50
50
|
args: [{
|
|
51
51
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -73,10 +73,10 @@ class ActionBarDescriptionDirective {
|
|
|
73
73
|
/** Whether the action bar also has a back button. */
|
|
74
74
|
this.withBackBtn = false;
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
77
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
77
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarDescriptionDirective, isStandalone: true, selector: "[fd-action-bar-description]", inputs: { withBackBtn: "withBackBtn" }, host: { properties: { "class.fd-action-bar__description--back": "this.withBackBtn" }, classAttribute: "fd-action-bar__description" }, ngImport: i0 }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarDescriptionDirective, decorators: [{
|
|
80
80
|
type: Directive,
|
|
81
81
|
args: [{
|
|
82
82
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -104,10 +104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
104
104
|
* ```
|
|
105
105
|
*/
|
|
106
106
|
class ActionBarHeaderDirective {
|
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
108
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
108
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarHeaderDirective, isStandalone: true, selector: "[fd-action-bar-header]", host: { classAttribute: "fd-action-bar__header" }, ngImport: i0 }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarHeaderDirective, decorators: [{
|
|
111
111
|
type: Directive,
|
|
112
112
|
args: [{
|
|
113
113
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -130,10 +130,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
130
130
|
* ```
|
|
131
131
|
*/
|
|
132
132
|
class ActionBarMobileDirective {
|
|
133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
134
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarMobileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
134
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarMobileDirective, isStandalone: true, selector: "[fd-action-bar-mobile]", ngImport: i0 }); }
|
|
135
135
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarMobileDirective, decorators: [{
|
|
137
137
|
type: Directive,
|
|
138
138
|
args: [{
|
|
139
139
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -154,14 +154,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
154
154
|
* ```
|
|
155
155
|
*/
|
|
156
156
|
class ActionBarTitleComponent {
|
|
157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
158
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
158
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarTitleComponent, isStandalone: true, selector: "[fd-action-bar-title]", host: { classAttribute: "fd-action-bar__title" }, ngImport: i0, template: `
|
|
159
159
|
<h2 class="fd-title fd-title--h3">
|
|
160
160
|
<ng-content></ng-content>
|
|
161
161
|
</h2>
|
|
162
162
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
163
163
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarTitleComponent, decorators: [{
|
|
165
165
|
type: Component,
|
|
166
166
|
args: [{
|
|
167
167
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -199,10 +199,10 @@ class ActionBarComponent {
|
|
|
199
199
|
constructor() {
|
|
200
200
|
warnOnce('ActionBarComponent is deprecated since version 0.40.0 and will be removed in future release.');
|
|
201
201
|
}
|
|
202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: ActionBarComponent, isStandalone: true, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{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;max-height:4.25rem;min-height:3rem;padding-block:0;padding-inline:0;word-wrap:break-word;padding-block:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);justify-content:space-between;padding-inline:var(--fdActionBarInlinePadding,2rem)}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2rem}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);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;padding-block:0;padding-inline:0;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__title{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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;margin-block:0;margin-inline:0;vertical-align:middle;-webkit-padding-end:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);padding-inline-end:.5rem;text-rendering:optimizeLegibility}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__description{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;height:1.25rem;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.fd-action-bar__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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;height:2rem;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{--fdActionBarInlinePadding:1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{--fdActionBarInlinePadding:2rem}.fd-action-bar--xl{--fdActionBarInlinePadding:3rem}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.css:\n (*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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 }); }
|
|
204
204
|
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarComponent, decorators: [{
|
|
206
206
|
type: Component,
|
|
207
207
|
args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
|
|
208
208
|
class: 'fd-action-bar'
|
|
@@ -223,8 +223,8 @@ const components = [
|
|
|
223
223
|
* Use direct imports of components and directives.
|
|
224
224
|
*/
|
|
225
225
|
class ActionBarModule {
|
|
226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
227
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
226
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
227
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: ActionBarModule, imports: [ActionBarComponent,
|
|
228
228
|
ActionBarTitleComponent,
|
|
229
229
|
ActionBarDescriptionDirective,
|
|
230
230
|
ActionBarHeaderDirective,
|
|
@@ -237,9 +237,9 @@ class ActionBarModule {
|
|
|
237
237
|
ActionBarActionsDirective,
|
|
238
238
|
ActionBarBackDirective,
|
|
239
239
|
ActionBarMobileDirective] }); }
|
|
240
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
240
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarModule }); }
|
|
241
241
|
}
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionBarModule, decorators: [{
|
|
243
243
|
type: NgModule,
|
|
244
244
|
args: [{
|
|
245
245
|
imports: [...components],
|
|
@@ -69,10 +69,10 @@ class ActionSheetItemComponent {
|
|
|
69
69
|
focus() {
|
|
70
70
|
this.buttonComponent.nativeElement.focus();
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: ActionSheetItemComponent, isStandalone: true, selector: "[fd-action-sheet-item]", inputs: { label: "label", glyph: "glyph", glyphFont: "glyphFont", negative: "negative", isCloseButton: "isCloseButton", disabled: "disabled" }, outputs: { keyDown: "keyDown" }, host: { attributes: { "role": "none" }, listeners: { "keydown": "keydownHandler($event)", "focusin": "focusHandler()", "click": "onClick($event)" }, classAttribute: "fd-action-sheet__item" }, viewQueries: [{ propertyName: "buttonComponent", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n fd-button\n [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n role=\"menuitem\"\n class=\"fd-button--full-width\"\n [label]=\"label\"\n [glyph]=\"glyph\"\n [glyphFont]=\"glyphFont\"\n [disabled]=\"disabled\"\n [tabIndex]=\"_tabIndex$()\"\n>\n <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: '[fd-action-sheet-item]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
78
78
|
class: 'fd-action-sheet__item',
|
|
@@ -166,10 +166,10 @@ class ActionSheetBodyComponent {
|
|
|
166
166
|
this._keyboardSupportService.keyManager.setActiveItem(focusedItem);
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetBodyComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: ActionSheetBodyComponent, isStandalone: true, selector: "fd-action-sheet-body", inputs: { actionSheetBodyId: "actionSheetBodyId", mobile: "mobile", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby" }, host: { listeners: { "click": "onClick($event)", "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService, contentDensityObserverProviders()], queries: [{ propertyName: "_items", predicate: ActionSheetItemComponent }], viewQueries: [{ propertyName: "actionSheetElementRef", first: true, predicate: ["actionSheetElement"], descendants: true }], ngImport: i0, template: "<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
171
171
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetBodyComponent, decorators: [{
|
|
173
173
|
type: Component,
|
|
174
174
|
args: [{ selector: 'fd-action-sheet-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [KeyboardSupportService, contentDensityObserverProviders()], standalone: true, template: "<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n" }]
|
|
175
175
|
}], ctorParameters: () => [{ type: i1.KeyboardSupportService }, { type: i2.ContentDensityObserver }], propDecorators: { actionSheetBodyId: [{
|
|
@@ -223,10 +223,10 @@ class ActionSheetControlComponent {
|
|
|
223
223
|
_focus() {
|
|
224
224
|
this._focusedElementBeforeDialogOpened?.focus();
|
|
225
225
|
}
|
|
226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
227
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
226
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
227
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: ActionSheetControlComponent, isStandalone: true, selector: "fd-action-sheet-control", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
228
228
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetControlComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
231
|
args: [{
|
|
232
232
|
selector: 'fd-action-sheet-control',
|
|
@@ -260,10 +260,10 @@ class ActionSheetMobileComponent {
|
|
|
260
260
|
this.open = isOpen;
|
|
261
261
|
this._changeDetectionRef.detectChanges();
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetMobileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: ActionSheetMobileComponent, isStandalone: true, selector: "fd-action-sheet-mobile", ngImport: i0, template: "@if (open) {\n <div\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n >\n <ng-template [ngTemplateOutlet]=\"childContent?.actionSheetBodyTemplate || null\"></ng-template>\n </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetMobileComponent, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'fd-action-sheet-mobile', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (open) {\n <div\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n >\n <ng-template [ngTemplateOutlet]=\"childContent?.actionSheetBodyTemplate || null\"></ng-template>\n </div>\n}\n" }]
|
|
269
269
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
@@ -385,10 +385,10 @@ class ActionSheetComponent {
|
|
|
385
385
|
containerRef: this._viewContainerRef
|
|
386
386
|
});
|
|
387
387
|
}
|
|
388
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
389
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
388
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
389
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: ActionSheetComponent, isStandalone: true, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService, DynamicComponentService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);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;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;overflow:hidden;padding-block:0;padding-block:0 .5rem;padding-inline:0;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n/*! Bundled license information:\n\nfundamental-styles/dist/action-sheet.css:\n (*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
390
390
|
}
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetComponent, decorators: [{
|
|
392
392
|
type: Component,
|
|
393
393
|
args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService, DynamicComponentService], imports: [PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent], template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);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;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;overflow:hidden;padding-block:0;padding-block:0 .5rem;padding-inline:0;padding-inline:1rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n/*! Bundled license information:\n\nfundamental-styles/dist/action-sheet.css:\n (*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"] }]
|
|
394
394
|
}], ctorParameters: () => [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.DynamicComponentService, decorators: [{
|
|
@@ -437,18 +437,18 @@ const components = [
|
|
|
437
437
|
* Use direct imports of components.
|
|
438
438
|
*/
|
|
439
439
|
class ActionSheetModule {
|
|
440
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
441
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
441
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetModule, imports: [ActionSheetComponent,
|
|
442
442
|
ActionSheetControlComponent,
|
|
443
443
|
ActionSheetItemComponent,
|
|
444
444
|
ActionSheetBodyComponent], exports: [ActionSheetComponent,
|
|
445
445
|
ActionSheetControlComponent,
|
|
446
446
|
ActionSheetItemComponent,
|
|
447
447
|
ActionSheetBodyComponent] }); }
|
|
448
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
448
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetModule, imports: [ActionSheetComponent,
|
|
449
449
|
ActionSheetItemComponent] }); }
|
|
450
450
|
}
|
|
451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
452
452
|
type: NgModule,
|
|
453
453
|
args: [{
|
|
454
454
|
imports: [...components],
|
|
@@ -34,10 +34,10 @@ class AvatarGroupLegacyItemDirective {
|
|
|
34
34
|
focus() {
|
|
35
35
|
this._element.focus();
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
38
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyItemDirective, deps: [{ token: i0.ElementRef }, { token: AVATAR_GROUP_LEGACY_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
38
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyItemDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-item]", host: { listeners: { "click": "onClick()" }, classAttribute: "fd-avatar-group-legacy__item" }, ngImport: i0 }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyItemDirective, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
43
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -210,15 +210,15 @@ class AvatarGroupLegacyComponent {
|
|
|
210
210
|
});
|
|
211
211
|
this._subscription.add(rtlSub);
|
|
212
212
|
}
|
|
213
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
214
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
213
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyComponent, deps: [{ token: i1.ViewportRuler }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
214
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyComponent, isStandalone: true, selector: "fd-avatar-group-legacy", inputs: { id: "id", class: "class", size: "size", type: "type", ariaLabel: "ariaLabel" }, host: { listeners: { "keyup": "keyUpHandler($event)" } }, providers: [
|
|
215
215
|
{
|
|
216
216
|
provide: AVATAR_GROUP_LEGACY_COMPONENT,
|
|
217
217
|
useExisting: forwardRef(() => AvatarGroupLegacyComponent)
|
|
218
218
|
}
|
|
219
219
|
], queries: [{ propertyName: "mainItems", predicate: AvatarGroupLegacyItemDirective, descendants: true }], viewQueries: [{ propertyName: "avatarGroupContainer", first: true, predicate: ["avatarGroupContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n <ng-content></ng-content>\n</div>\n", styles: [".fd-avatar-group-legacy{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group-legacy:after,.fd-avatar-group-legacy:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group-legacy--group-type[tabindex=\"0\"],.fd-avatar-group-legacy__popover-control[tabindex=\"0\"]{cursor:pointer}.fd-avatar-group-legacy--group-type[tabindex=\"0\"].is-focus,.fd-avatar-group-legacy--group-type[tabindex=\"0\"]:focus,.fd-avatar-group-legacy__popover-control[tabindex=\"0\"].is-focus,.fd-avatar-group-legacy__popover-control[tabindex=\"0\"]:focus{outline:none}.fd-avatar-group-legacy--group-type[tabindex=\"0\"].is-focus:after,.fd-avatar-group-legacy--group-type[tabindex=\"0\"]:focus:after,.fd-avatar-group-legacy__popover-control[tabindex=\"0\"].is-focus:after,.fd-avatar-group-legacy__popover-control[tabindex=\"0\"]:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}.fd-avatar-group-legacy__popover-control{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.fd-avatar-group-legacy__focusable-avatar.is-focus,.fd-avatar-group-legacy__focusable-avatar:focus,.fd-avatar-group-legacy__item[tabindex=\"0\"].is-focus,.fd-avatar-group-legacy__item[tabindex=\"0\"]:focus{outline:none;z-index:5}.fd-avatar-group-legacy__focusable-avatar.is-focus .fd-avatar:after,.fd-avatar-group-legacy__focusable-avatar:focus .fd-avatar:after,.fd-avatar-group-legacy__item[tabindex=\"0\"].is-focus .fd-avatar:after,.fd-avatar-group-legacy__item[tabindex=\"0\"]:focus .fd-avatar:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group-legacy--group-type .fd-avatar-group-legacy__more-button{pointer-events:none}.fd-avatar-group-legacy__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-avatar-group-legacy__item:after,.fd-avatar-group-legacy__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group-legacy__more-button{outline:none!important}.fd-avatar-group-legacy__more-button.is-focus,.fd-avatar-group-legacy__more-button:focus{outline:none}.fd-avatar-group-legacy__more-button.is-focus:after,.fd-avatar-group-legacy__more-button:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group-legacy__more-button .fd-avatar-group-legacy__button-text{font-size:inherit}.fd-avatar-group-legacy__overflow-body{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group-legacy__overflow-body:after,.fd-avatar-group-legacy__overflow-body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group-legacy__overflow-body--no-padding{padding:0}.fd-avatar-group-legacy__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group-legacy__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group-legacy__overflow-body .fd-avatar-group-legacy__item{margin:.25rem}.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item,.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__more-button{height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1rem}.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item,.fd-avatar-group-legacy--s .fd-avatar-group-legacy__more-button{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-avatar-group-legacy--s .fd-avatar-group-legacy__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.125rem}.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item,.fd-avatar-group-legacy--m .fd-avatar-group-legacy__more-button{height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;width:4rem}.fd-avatar-group-legacy--m .fd-avatar-group-legacy__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.5rem}.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item,.fd-avatar-group-legacy--l .fd-avatar-group-legacy__more-button{height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;width:5rem}.fd-avatar-group-legacy--l .fd-avatar-group-legacy__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:2.25rem}.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item,.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__more-button{height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;width:7rem}.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:3rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item{margin-left:0;margin-right:.0625rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item{margin-left:.0625rem;margin-right:0}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item{margin-left:0;margin-right:.125rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item{margin-left:.125rem;margin-right:0}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item{margin-left:0;margin-right:.125rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item{margin-left:.125rem;margin-right:0}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item{margin-left:0;margin-right:.125rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item{margin-left:.125rem;margin-right:0}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item{margin-left:0;margin-right:.25rem}.fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--individual-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item{margin-left:.25rem;margin-right:0}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item{margin-left:0;margin-right:-.75rem}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xs .fd-avatar-group-legacy__item{margin-left:-.75rem;margin-right:0}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item{margin-left:0;margin-right:-1.25rem}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--s .fd-avatar-group-legacy__item{margin-left:-1.25rem;margin-right:0}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item{margin-left:0;margin-right:-1.625rem}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--m .fd-avatar-group-legacy__item{margin-left:-1.625rem;margin-right:0}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item{margin-left:0;margin-right:-2rem}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--l .fd-avatar-group-legacy__item{margin-left:-2rem;margin-right:0}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item{margin-left:0;margin-right:-2.75rem}.fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item[dir=rtl],[dir=rtl] .fd-avatar-group-legacy--group-type.fd-avatar-group-legacy--xl .fd-avatar-group-legacy__item{margin-left:-2.75rem;margin-right:0}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar-group-legacy .fd-avatar-group-legacy__more-button--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}\n/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n/*!\n.fd-avatar-group-legacy+((--individual|--group), (--xs|--s|--m|--l|--xl)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
220
220
|
}
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyComponent, decorators: [{
|
|
222
222
|
type: Component,
|
|
223
223
|
args: [{ selector: 'fd-avatar-group-legacy', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
224
224
|
{
|
|
@@ -318,10 +318,10 @@ class AvatarGroupLegacyOverflowBodyDirective {
|
|
|
318
318
|
});
|
|
319
319
|
this._subscription.add(rtlSub);
|
|
320
320
|
}
|
|
321
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
322
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
321
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowBodyDirective, deps: [{ token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
322
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyOverflowBodyDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-overflow-body]", inputs: { noPadding: "noPadding", noHorizontalScroll: "noHorizontalScroll", noVerticalScroll: "noVerticalScroll" }, host: { listeners: { "keyup": "keyUpHandler($event)" }, properties: { "class.fd-avatar-group-legacy__overflow-body--no-padding": "noPadding", "class.fd-avatar-group-legacy__overflow-body--no-horizontal-scroll": "noHorizontalScroll", "class.fd-avatar-group-legacy__overflow-body--no-vertical-scroll": "noVerticalScroll" }, classAttribute: "fd-avatar-group-legacy__overflow-body" }, queries: [{ propertyName: "overflowItems", predicate: AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE, descendants: true }], ngImport: i0 }); }
|
|
323
323
|
}
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowBodyDirective, decorators: [{
|
|
325
325
|
type: Directive,
|
|
326
326
|
args: [{
|
|
327
327
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -368,15 +368,15 @@ class AvatarGroupLegacyFocusableAvatarDirective {
|
|
|
368
368
|
focus() {
|
|
369
369
|
this.elementRef.nativeElement.focus();
|
|
370
370
|
}
|
|
371
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
372
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
371
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyFocusableAvatarDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => AvatarGroupLegacyOverflowBodyDirective), optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
372
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyFocusableAvatarDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-focusable-avatar]", inputs: { tabindex: "tabindex" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.tabindex": "this.tabindex" }, classAttribute: "fd-avatar-group-legacy__focusable-avatar" }, providers: [
|
|
373
373
|
{
|
|
374
374
|
provide: AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE,
|
|
375
375
|
useExisting: forwardRef(() => AvatarGroupLegacyFocusableAvatarDirective)
|
|
376
376
|
}
|
|
377
377
|
], ngImport: i0 }); }
|
|
378
378
|
}
|
|
379
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyFocusableAvatarDirective, decorators: [{
|
|
380
380
|
type: Directive,
|
|
381
381
|
args: [{
|
|
382
382
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -406,10 +406,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
406
406
|
}] } });
|
|
407
407
|
|
|
408
408
|
class AvatarGroupLegacyOverflowButtonTextDirective {
|
|
409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
410
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowButtonTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
410
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyOverflowButtonTextDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-overflow-button-text]", host: { classAttribute: "fd-button__text fd-avatar-group-legacy__button-text" }, ngImport: i0 }); }
|
|
411
411
|
}
|
|
412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowButtonTextDirective, decorators: [{
|
|
413
413
|
type: Directive,
|
|
414
414
|
args: [{
|
|
415
415
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -459,8 +459,8 @@ class AvatarGroupLegacyOverflowButtonDirective {
|
|
|
459
459
|
}
|
|
460
460
|
return null;
|
|
461
461
|
}
|
|
462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
463
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
463
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyOverflowButtonDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-overflow-button]", inputs: { class: "class", size: "size", color: "color" }, usesOnChanges: true, ngImport: i0 }); }
|
|
464
464
|
}
|
|
465
465
|
__decorate([
|
|
466
466
|
applyCssClass,
|
|
@@ -468,7 +468,7 @@ __decorate([
|
|
|
468
468
|
__metadata("design:paramtypes", []),
|
|
469
469
|
__metadata("design:returntype", Array)
|
|
470
470
|
], AvatarGroupLegacyOverflowButtonDirective.prototype, "buildComponentCssClass", null);
|
|
471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowButtonDirective, decorators: [{
|
|
472
472
|
type: Directive,
|
|
473
473
|
args: [{
|
|
474
474
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -484,10 +484,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
484
484
|
}], buildComponentCssClass: [] } });
|
|
485
485
|
|
|
486
486
|
class AvatarGroupLegacyOverflowItemDirective extends AvatarGroupLegacyItemDirective {
|
|
487
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
488
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
487
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
488
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyOverflowItemDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-overflow-item]", usesInheritance: true, ngImport: i0 }); }
|
|
489
489
|
}
|
|
490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyOverflowItemDirective, decorators: [{
|
|
491
491
|
type: Directive,
|
|
492
492
|
args: [{
|
|
493
493
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -504,10 +504,10 @@ class AvatarGroupLegacyPopoverControlDirective {
|
|
|
504
504
|
/** Role of the popover control. */
|
|
505
505
|
this.role = 'button';
|
|
506
506
|
}
|
|
507
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
508
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyPopoverControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
508
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: AvatarGroupLegacyPopoverControlDirective, isStandalone: true, selector: "[fd-avatar-group-legacy-popover-control]", inputs: { tabindex: "tabindex", role: "role" }, host: { properties: { "attr.tabindex": "this.tabindex", "attr.role": "this.role" }, classAttribute: "fd-avatar-group-legacy__popover-control" }, ngImport: i0 }); }
|
|
509
509
|
}
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyPopoverControlDirective, decorators: [{
|
|
511
511
|
type: Directive,
|
|
512
512
|
args: [{
|
|
513
513
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -528,8 +528,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
528
528
|
}] } });
|
|
529
529
|
|
|
530
530
|
class AvatarGroupLegacyModule {
|
|
531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
532
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
532
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyModule, imports: [AvatarGroupLegacyComponent,
|
|
533
533
|
AvatarGroupLegacyItemDirective,
|
|
534
534
|
AvatarGroupLegacyFocusableAvatarDirective,
|
|
535
535
|
AvatarGroupLegacyPopoverControlDirective,
|
|
@@ -544,9 +544,9 @@ class AvatarGroupLegacyModule {
|
|
|
544
544
|
AvatarGroupLegacyOverflowItemDirective,
|
|
545
545
|
AvatarGroupLegacyOverflowButtonDirective,
|
|
546
546
|
AvatarGroupLegacyOverflowButtonTextDirective] }); }
|
|
547
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
547
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyModule }); }
|
|
548
548
|
}
|
|
549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: AvatarGroupLegacyModule, decorators: [{
|
|
550
550
|
type: NgModule,
|
|
551
551
|
args: [{
|
|
552
552
|
imports: [
|