npm - @fundamental-ngx/core - Versions diffs - 0.35.1 → 0.35.2-rc.10 - Mend

@fundamental-ngx/core 0.35.1 → 0.35.2-rc.10

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

Files changed (257) hide show

package/fesm2015/fundamental-ngx-core.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core.mjs","sources":["../../../../libs/core/src/lib/fundamental-ngx.module.ts","../../../../libs/core/src/lib/fundamental-ngx-core.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { ActionSheetModule } from '@fundamental-ngx/core/action-sheet';\nimport { BreadcrumbModule } from '@fundamental-ngx/core/breadcrumb';\nimport { ComboboxModule } from '@fundamental-ngx/core/combobox';\nimport { DynamicPageModule } from '@fundamental-ngx/core/dynamic-page';\nimport { ActionBarModule } from '@fundamental-ngx/core/action-bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { CalendarModule } from '@fundamental-ngx/core/calendar';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { CheckboxModule } from '@fundamental-ngx/core/checkbox';\nimport { DatetimePickerModule } from '@fundamental-ngx/core/datetime-picker';\nimport { DialogModule } from '@fundamental-ngx/core/dialog';\nimport { DragAndDropModule, OnlyDigitsModule } from '@fundamental-ngx/core/utils';\nimport { FacetModule } from '@fundamental-ngx/core/facets';\nimport { FeedListItemModule } from '@fundamental-ngx/core/feed-list-item';\nimport { FeedInputModule } from '@fundamental-ngx/core/feed-input';\nimport { FileUploaderModule } from '@fundamental-ngx/core/file-uploader';\nimport { FixedCardLayoutModule } from '@fundamental-ngx/core/fixed-card-layout';\nimport { FlexibleColumnLayoutModule } from '@fundamental-ngx/core/flexible-column-layout';\nimport { FormModule } from '@fundamental-ngx/core/form';\nimport { FormattedTextModule } from '@fundamental-ngx/core/formatted-text';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { InlineHelpModule } from '@fundamental-ngx/core/inline-help';\nimport { InputGroupModule } from '@fundamental-ngx/core/input-group';\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { ListModule } from '@fundamental-ngx/core/list';\nimport { TimeModule } from '@fundamental-ngx/core/time';\nimport { TileModule } from '@fundamental-ngx/core/tile';\nimport { TextModule } from '@fundamental-ngx/core/text';\nimport { PanelModule } from '@fundamental-ngx/core/panel';\nimport { ObjectStatusModule } from '@fundamental-ngx/core/object-status';\nimport { NotificationModule } from '@fundamental-ngx/core/notification';\nimport { AlertModule } from '@fundamental-ngx/core/alert';\nimport { AvatarModule } from '@fundamental-ngx/core/avatar';\nimport { AvatarGroupModule } from '@fundamental-ngx/core/avatar-group';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { BusyIndicatorModule } from '@fundamental-ngx/core/busy-indicator';\nimport { CardModule } from '@fundamental-ngx/core/card';\nimport { ObjectIdentifierModule } from '@fundamental-ngx/core/object-identifier';\nimport { MessageStripModule } from '@fundamental-ngx/core/message-strip';\nimport { ObjectMarkerModule } from '@fundamental-ngx/core/object-marker';\nimport { ObjectNumberModule } from '@fundamental-ngx/core/object-number';\nimport { RadioModule } from '@fundamental-ngx/core/radio';\nimport { TokenModule } from '@fundamental-ngx/core/token';\nimport { ToolbarModule } from '@fundamental-ngx/core/toolbar';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { QuickViewModule } from '@fundamental-ngx/core/quick-view';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { ProductSwitchModule } from '@fundamental-ngx/core/product-switch';\nimport { DynamicSideContentModule } from '@fundamental-ngx/core/dynamic-side-content';\nimport { InfoLabelModule } from '@fundamental-ngx/core/info-label';\nimport { InfiniteScrollModule } from '@fundamental-ngx/core/infinite-scroll';\nimport { DatePickerModule } from '@fundamental-ngx/core/date-picker';\nimport { ScrollSpyModule } from '@fundamental-ngx/core/scroll-spy';\nimport { TimePickerModule } from '@fundamental-ngx/core/time-picker';\nimport { SliderModule } from '@fundamental-ngx/core/slider';\nimport { TableModule } from '@fundamental-ngx/core/table';\nimport { SwitchModule } from '@fundamental-ngx/core/switch';\nimport { StatusIndicatorModule } from '@fundamental-ngx/core/status-indicator';\nimport { MessageToastModule } from '@fundamental-ngx/core/message-toast';\nimport { MultiInputModule } from '@fundamental-ngx/core/multi-input';\nimport { MessageBoxModule } from '@fundamental-ngx/core/message-box';\nimport { LayoutGridModule } from '@fundamental-ngx/core/layout-grid';\nimport { LayoutPanelModule } from '@fundamental-ngx/core/layout-panel';\nimport { NestedListModule } from '@fundamental-ngx/core/nested-list';\nimport { RatingIndicatorModule } from '@fundamental-ngx/core/rating-indicator';\nimport { SegmentedButtonModule } from '@fundamental-ngx/core/segmented-button';\nimport { StepInputModule } from '@fundamental-ngx/core/step-input';\nimport { GridListModule } from '@fundamental-ngx/core/grid-list';\nimport { IllustratedMessageModule } from '@fundamental-ngx/core/illustrated-message';\nimport { MenuModule } from '@fundamental-ngx/core/menu';\nimport { TabsModule } from '@fundamental-ngx/core/tabs';\nimport { ResizableCardLayoutModule } from '@fundamental-ngx/core/resizable-card-layout';\nimport { UploadCollectionModule } from '@fundamental-ngx/core/upload-collection';\nimport { SplitterModule } from '@fundamental-ngx/core/splitter';\nimport { PaginationModule } from '@fundamental-ngx/core/pagination';\nimport { SelectModule } from '@fundamental-ngx/core/select';\nimport { ShellbarModule } from '@fundamental-ngx/core/shellbar';\nimport { TreeModule } from '@fundamental-ngx/core/tree';\nimport { WizardModule } from '@fundamental-ngx/core/wizard';\nimport { SplitButtonModule } from '@fundamental-ngx/core/split-button';\nimport { SideNavigationModule } from '@fundamental-ngx/core/side-navigation';\nimport { MessagePageModule } from '@fundamental-ngx/core/message-page';\nimport { VerticalNavigationModule } from '@fundamental-ngx/core/vertical-navigation';\nimport { MicroProcessFlowModule } from '@fundamental-ngx/core/micro-process-flow';\nimport { TimelineModule } from '@fundamental-ngx/core/timeline';\nimport { ProgressIndicatorModule } from '@fundamental-ngx/core/progress-indicator';\nimport { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';\nimport { ThemingModule } from '@fundamental-ngx/core/theming';\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n exports: [\n ActionBarModule,\n ActionSheetModule,\n AlertModule,\n AvatarModule,\n AvatarGroupModule,\n BarModule,\n BreadcrumbModule,\n BusyIndicatorModule,\n ButtonModule,\n CalendarModule,\n CardModule,\n CarouselModule,\n ComboboxModule,\n CheckboxModule,\n DatePickerModule,\n DatetimePickerModule,\n DragAndDropModule,\n DynamicPageModule,\n DynamicSideContentModule,\n FacetModule,\n FeedListItemModule,\n FeedInputModule,\n FileUploaderModule,\n FixedCardLayoutModule,\n FlexibleColumnLayoutModule,\n FormModule,\n FormattedTextModule,\n IconModule,\n InfoLabelModule,\n InlineHelpModule,\n InfiniteScrollModule,\n InputGroupModule,\n LayoutGridModule,\n LayoutPanelModule,\n LinkModule,\n ListModule,\n MenuModule,\n DialogModule,\n MessageBoxModule,\n MessageStripModule,\n MessageToastModule,\n MultiInputModule,\n NestedListModule,\n NotificationModule,\n ObjectIdentifierModule,\n ObjectMarkerModule,\n ObjectNumberModule,\n ObjectStatusModule,\n PaginationModule,\n PanelModule,\n ProductSwitchModule,\n PopoverModule,\n QuickViewModule,\n RatingIndicatorModule,\n RadioModule,\n ScrollSpyModule,\n SegmentedButtonModule,\n SelectModule,\n ShellbarModule,\n SideNavigationModule,\n SplitButtonModule,\n SwitchModule,\n StepInputModule,\n TableModule,\n TabsModule,\n TextModule,\n TileModule,\n TimeModule,\n TimePickerModule,\n TitleModule,\n ToolbarModule,\n TokenModule,\n TreeModule,\n WizardModule,\n CardModule,\n MessageBoxModule,\n MessageToastModule,\n DynamicSideContentModule,\n SliderModule,\n SplitterModule,\n OnlyDigitsModule,\n IllustratedMessageModule,\n StatusIndicatorModule,\n GridListModule,\n ResizableCardLayoutModule,\n MessagePageModule,\n VerticalNavigationModule,\n UploadCollectionModule,\n MicroProcessFlowModule,\n TimelineModule,\n ProgressIndicatorModule,\n ScrollbarModule,\n ThemingModule\n ]\n})\nexport class FundamentalNgxCoreModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-core.mjs","sources":["../../../../libs/core/src/lib/fundamental-ngx.module.ts","../../../../libs/core/src/lib/fundamental-ngx-core.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { ActionSheetModule } from '@fundamental-ngx/core/action-sheet';\nimport { BreadcrumbModule } from '@fundamental-ngx/core/breadcrumb';\nimport { ComboboxModule } from '@fundamental-ngx/core/combobox';\nimport { DynamicPageModule } from '@fundamental-ngx/core/dynamic-page';\nimport { ActionBarModule } from '@fundamental-ngx/core/action-bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { CalendarModule } from '@fundamental-ngx/core/calendar';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { CheckboxModule } from '@fundamental-ngx/core/checkbox';\nimport { DatetimePickerModule } from '@fundamental-ngx/core/datetime-picker';\nimport { DialogModule } from '@fundamental-ngx/core/dialog';\nimport { DragAndDropModule, OnlyDigitsModule } from '@fundamental-ngx/core/utils';\nimport { FacetModule } from '@fundamental-ngx/core/facets';\nimport { FeedListItemModule } from '@fundamental-ngx/core/feed-list-item';\nimport { FeedInputModule } from '@fundamental-ngx/core/feed-input';\nimport { FileUploaderModule } from '@fundamental-ngx/core/file-uploader';\nimport { FixedCardLayoutModule } from '@fundamental-ngx/core/fixed-card-layout';\nimport { FlexibleColumnLayoutModule } from '@fundamental-ngx/core/flexible-column-layout';\nimport { FormModule } from '@fundamental-ngx/core/form';\nimport { FormattedTextModule } from '@fundamental-ngx/core/formatted-text';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { InlineHelpModule } from '@fundamental-ngx/core/inline-help';\nimport { InputGroupModule } from '@fundamental-ngx/core/input-group';\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { ListModule } from '@fundamental-ngx/core/list';\nimport { TimeModule } from '@fundamental-ngx/core/time';\nimport { TileModule } from '@fundamental-ngx/core/tile';\nimport { TextModule } from '@fundamental-ngx/core/text';\nimport { PanelModule } from '@fundamental-ngx/core/panel';\nimport { ObjectStatusModule } from '@fundamental-ngx/core/object-status';\nimport { NotificationModule } from '@fundamental-ngx/core/notification';\nimport { AlertModule } from '@fundamental-ngx/core/alert';\nimport { AvatarModule } from '@fundamental-ngx/core/avatar';\nimport { AvatarGroupModule } from '@fundamental-ngx/core/avatar-group';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { BusyIndicatorModule } from '@fundamental-ngx/core/busy-indicator';\nimport { CardModule } from '@fundamental-ngx/core/card';\nimport { ObjectIdentifierModule } from '@fundamental-ngx/core/object-identifier';\nimport { MessageStripModule } from '@fundamental-ngx/core/message-strip';\nimport { ObjectMarkerModule } from '@fundamental-ngx/core/object-marker';\nimport { ObjectNumberModule } from '@fundamental-ngx/core/object-number';\nimport { RadioModule } from '@fundamental-ngx/core/radio';\nimport { TokenModule } from '@fundamental-ngx/core/token';\nimport { ToolbarModule } from '@fundamental-ngx/core/toolbar';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { QuickViewModule } from '@fundamental-ngx/core/quick-view';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { ProductSwitchModule } from '@fundamental-ngx/core/product-switch';\nimport { DynamicSideContentModule } from '@fundamental-ngx/core/dynamic-side-content';\nimport { InfoLabelModule } from '@fundamental-ngx/core/info-label';\nimport { InfiniteScrollModule } from '@fundamental-ngx/core/infinite-scroll';\nimport { DatePickerModule } from '@fundamental-ngx/core/date-picker';\nimport { ScrollSpyModule } from '@fundamental-ngx/core/scroll-spy';\nimport { TimePickerModule } from '@fundamental-ngx/core/time-picker';\nimport { SliderModule } from '@fundamental-ngx/core/slider';\nimport { TableModule } from '@fundamental-ngx/core/table';\nimport { SwitchModule } from '@fundamental-ngx/core/switch';\nimport { StatusIndicatorModule } from '@fundamental-ngx/core/status-indicator';\nimport { MessageToastModule } from '@fundamental-ngx/core/message-toast';\nimport { MultiInputModule } from '@fundamental-ngx/core/multi-input';\nimport { MessageBoxModule } from '@fundamental-ngx/core/message-box';\nimport { LayoutGridModule } from '@fundamental-ngx/core/layout-grid';\nimport { LayoutPanelModule } from '@fundamental-ngx/core/layout-panel';\nimport { NestedListModule } from '@fundamental-ngx/core/nested-list';\nimport { RatingIndicatorModule } from '@fundamental-ngx/core/rating-indicator';\nimport { SegmentedButtonModule } from '@fundamental-ngx/core/segmented-button';\nimport { StepInputModule } from '@fundamental-ngx/core/step-input';\nimport { GridListModule } from '@fundamental-ngx/core/grid-list';\nimport { IllustratedMessageModule } from '@fundamental-ngx/core/illustrated-message';\nimport { MenuModule } from '@fundamental-ngx/core/menu';\nimport { TabsModule } from '@fundamental-ngx/core/tabs';\nimport { ResizableCardLayoutModule } from '@fundamental-ngx/core/resizable-card-layout';\nimport { UploadCollectionModule } from '@fundamental-ngx/core/upload-collection';\nimport { SplitterModule } from '@fundamental-ngx/core/splitter';\nimport { PaginationModule } from '@fundamental-ngx/core/pagination';\nimport { SelectModule } from '@fundamental-ngx/core/select';\nimport { ShellbarModule } from '@fundamental-ngx/core/shellbar';\nimport { TreeModule } from '@fundamental-ngx/core/tree';\nimport { WizardModule } from '@fundamental-ngx/core/wizard';\nimport { SplitButtonModule } from '@fundamental-ngx/core/split-button';\nimport { SideNavigationModule } from '@fundamental-ngx/core/side-navigation';\nimport { MessagePageModule } from '@fundamental-ngx/core/message-page';\nimport { VerticalNavigationModule } from '@fundamental-ngx/core/vertical-navigation';\nimport { MicroProcessFlowModule } from '@fundamental-ngx/core/micro-process-flow';\nimport { TimelineModule } from '@fundamental-ngx/core/timeline';\nimport { ProgressIndicatorModule } from '@fundamental-ngx/core/progress-indicator';\nimport { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';\nimport { ThemingModule } from '@fundamental-ngx/core/theming';\nimport { OverflowLayoutModule } from '@fundamental-ngx/core/overflow-layout';\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n exports: [\n ActionBarModule,\n ActionSheetModule,\n AlertModule,\n AvatarModule,\n AvatarGroupModule,\n BarModule,\n BreadcrumbModule,\n BusyIndicatorModule,\n ButtonModule,\n CalendarModule,\n CardModule,\n CarouselModule,\n ComboboxModule,\n CheckboxModule,\n DatePickerModule,\n DatetimePickerModule,\n DragAndDropModule,\n DynamicPageModule,\n DynamicSideContentModule,\n FacetModule,\n FeedListItemModule,\n FeedInputModule,\n FileUploaderModule,\n FixedCardLayoutModule,\n FlexibleColumnLayoutModule,\n FormModule,\n FormattedTextModule,\n IconModule,\n InfoLabelModule,\n InlineHelpModule,\n InfiniteScrollModule,\n InputGroupModule,\n LayoutGridModule,\n LayoutPanelModule,\n LinkModule,\n ListModule,\n MenuModule,\n DialogModule,\n MessageBoxModule,\n MessageStripModule,\n MessageToastModule,\n MultiInputModule,\n NestedListModule,\n NotificationModule,\n ObjectIdentifierModule,\n ObjectMarkerModule,\n ObjectNumberModule,\n ObjectStatusModule,\n PaginationModule,\n PanelModule,\n ProductSwitchModule,\n PopoverModule,\n QuickViewModule,\n RatingIndicatorModule,\n RadioModule,\n ScrollSpyModule,\n SegmentedButtonModule,\n SelectModule,\n ShellbarModule,\n SideNavigationModule,\n SplitButtonModule,\n SwitchModule,\n StepInputModule,\n TableModule,\n TabsModule,\n TextModule,\n TileModule,\n TimeModule,\n TimePickerModule,\n TitleModule,\n ToolbarModule,\n TokenModule,\n TreeModule,\n WizardModule,\n CardModule,\n MessageBoxModule,\n MessageToastModule,\n DynamicSideContentModule,\n SliderModule,\n SplitterModule,\n OnlyDigitsModule,\n IllustratedMessageModule,\n StatusIndicatorModule,\n GridListModule,\n ResizableCardLayoutModule,\n MessagePageModule,\n VerticalNavigationModule,\n UploadCollectionModule,\n MicroProcessFlowModule,\n TimelineModule,\n ProgressIndicatorModule,\n ScrollbarModule,\n ThemingModule,\n OverflowLayoutModule\n ]\n})\nexport class FundamentalNgxCoreModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiMa,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB,YAlGvB,YAAY,EAAE,WAAW,aAE/B,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,YAAY;QACZ,iBAAiB;QACjB,SAAS;QACT,gBAAgB;QAChB,mBAAmB;QACnB,YAAY;QACZ,cAAc;QACd,UAAU;QACV,cAAc;QACd,cAAc;QACd,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,iBAAiB;QACjB,iBAAiB;QACjB,wBAAwB;QACxB,WAAW;QACX,kBAAkB;QAClB,eAAe;QACf,kBAAkB;QAClB,qBAAqB;QACrB,0BAA0B;QAC1B,UAAU;QACV,mBAAmB;QACnB,UAAU;QACV,eAAe;QACf,gBAAgB;QAChB,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,iBAAiB;QACjB,UAAU;QACV,UAAU;QACV,UAAU;QACV,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,kBAAkB;QAClB,gBAAgB;QAChB,gBAAgB;QAChB,kBAAkB;QAClB,sBAAsB;QACtB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,gBAAgB;QAChB,WAAW;QACX,mBAAmB;QACnB,aAAa;QACb,eAAe;QACf,qBAAqB;QACrB,WAAW;QACX,eAAe;QACf,qBAAqB;QACrB,YAAY;QACZ,cAAc;QACd,oBAAoB;QACpB,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,gBAAgB;QAChB,WAAW;QACX,aAAa;QACb,WAAW;QACX,UAAU;QACV,YAAY;QACZ,UAAU;QACV,gBAAgB;QAChB,kBAAkB;QAClB,wBAAwB;QACxB,YAAY;QACZ,cAAc;QACd,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;QACrB,cAAc;QACd,yBAAyB;QACzB,iBAAiB;QACjB,wBAAwB;QACxB,sBAAsB;QACtB,sBAAsB;QACtB,cAAc;QACd,uBAAuB;QACvB,eAAe;QACf,aAAa;QACb,oBAAoB;sHAGf,wBAAwB,YAlGxB,CAAC,YAAY,EAAE,WAAW,CAAC,EAEhC,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,YAAY;QACZ,iBAAiB;QACjB,SAAS;QACT,gBAAgB;QAChB,mBAAmB;QACnB,YAAY;QACZ,cAAc;QACd,UAAU;QACV,cAAc;QACd,cAAc;QACd,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,iBAAiB;QACjB,iBAAiB;QACjB,wBAAwB;QACxB,WAAW;QACX,kBAAkB;QAClB,eAAe;QACf,kBAAkB;QAClB,qBAAqB;QACrB,0BAA0B;QAC1B,UAAU;QACV,mBAAmB;QACnB,UAAU;QACV,eAAe;QACf,gBAAgB;QAChB,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,iBAAiB;QACjB,UAAU;QACV,UAAU;QACV,UAAU;QACV,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,kBAAkB;QAClB,gBAAgB;QAChB,gBAAgB;QAChB,kBAAkB;QAClB,sBAAsB;QACtB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,gBAAgB;QAChB,WAAW;QACX,mBAAmB;QACnB,aAAa;QACb,eAAe;QACf,qBAAqB;QACrB,WAAW;QACX,eAAe;QACf,qBAAqB;QACrB,YAAY;QACZ,cAAc;QACd,oBAAoB;QACpB,iBAAiB;QACjB,YAAY;QACZ,eAAe;QACf,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,UAAU;QACV,gBAAgB;QAChB,WAAW;QACX,aAAa;QACb,WAAW;QACX,UAAU;QACV,YAAY;QACZ,UAAU;QACV,gBAAgB;QAChB,kBAAkB;QAClB,wBAAwB;QACxB,YAAY;QACZ,cAAc;QACd,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;QACrB,cAAc;QACd,yBAAyB;QACzB,iBAAiB;QACjB,wBAAwB;QACxB,sBAAsB;QACtB,sBAAsB;QACtB,cAAc;QACd,uBAAuB;QACvB,eAAe;QACf,aAAa;QACb,oBAAoB;2FAGf,wBAAwB;kBAnGpC,QAAQ;mBAAC;oBACN,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,OAAO,EAAE;wBACL,eAAe;wBACf,iBAAiB;wBACjB,WAAW;wBACX,YAAY;wBACZ,iBAAiB;wBACjB,SAAS;wBACT,gBAAgB;wBAChB,mBAAmB;wBACnB,YAAY;wBACZ,cAAc;wBACd,UAAU;wBACV,cAAc;wBACd,cAAc;wBACd,cAAc;wBACd,gBAAgB;wBAChB,oBAAoB;wBACpB,iBAAiB;wBACjB,iBAAiB;wBACjB,wBAAwB;wBACxB,WAAW;wBACX,kBAAkB;wBAClB,eAAe;wBACf,kBAAkB;wBAClB,qBAAqB;wBACrB,0BAA0B;wBAC1B,UAAU;wBACV,mBAAmB;wBACnB,UAAU;wBACV,eAAe;wBACf,gBAAgB;wBAChB,oBAAoB;wBACpB,gBAAgB;wBAChB,gBAAgB;wBAChB,iBAAiB;wBACjB,UAAU;wBACV,UAAU;wBACV,UAAU;wBACV,YAAY;wBACZ,gBAAgB;wBAChB,kBAAkB;wBAClB,kBAAkB;wBAClB,gBAAgB;wBAChB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,kBAAkB;wBAClB,kBAAkB;wBAClB,kBAAkB;wBAClB,gBAAgB;wBAChB,WAAW;wBACX,mBAAmB;wBACnB,aAAa;wBACb,eAAe;wBACf,qBAAqB;wBACrB,WAAW;wBACX,eAAe;wBACf,qBAAqB;wBACrB,YAAY;wBACZ,cAAc;wBACd,oBAAoB;wBACpB,iBAAiB;wBACjB,YAAY;wBACZ,eAAe;wBACf,WAAW;wBACX,UAAU;wBACV,UAAU;wBACV,UAAU;wBACV,UAAU;wBACV,gBAAgB;wBAChB,WAAW;wBACX,aAAa;wBACb,WAAW;wBACX,UAAU;wBACV,YAAY;wBACZ,UAAU;wBACV,gBAAgB;wBAChB,kBAAkB;wBAClB,wBAAwB;wBACxB,YAAY;wBACZ,cAAc;wBACd,gBAAgB;wBAChB,wBAAwB;wBACxB,qBAAqB;wBACrB,cAAc;wBACd,yBAAyB;wBACzB,iBAAiB;wBACjB,wBAAwB;wBACxB,sBAAsB;wBACtB,sBAAsB;wBACtB,cAAc;wBACd,uBAAuB;wBACvB,eAAe;wBACf,aAAa;wBACb,oBAAoB;qBACvB;iBACJ;;;AChMD;;;;;;"}

package/fesm2020/fundamental-ngx-core-avatar-group.mjs CHANGED Viewed

@@ -401,6 +401,10 @@ class AvatarGroupOverflowButtonDirective {
         this.color = 'neutral';
     }
     /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
     ngOnChanges() {
         this.buildComponentCssClass();
     }

package/fesm2020/fundamental-ngx-core-avatar-group.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core-avatar-group.mjs","sources":["../../../../libs/core/src/lib/avatar-group/directives/avatar-group-item.directive.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.component.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.component.html","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-focusable-avatar.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-body.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-item.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-button.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-button-text.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-popover-control.directive.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.module.ts","../../../../libs/core/src/lib/avatar-group/fundamental-ngx-core-avatar-group.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Optional, Inject, forwardRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\nimport { AvatarGroupComponent } from '../avatar-group.component';\nimport { AvatarGroupInterface } from '../avatar-group.interface';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-item]',\n host: { class: 'fd-avatar-group__item' }\n})\nexport class AvatarGroupItemDirective implements FocusableOption {\n /** Item disable state /\n disabled = false;\n\n /* @hidden /\n constructor(\n private readonly _elementRef: ElementRef<HTMLElement>,\n @Optional() @Inject(forwardRef(() => AvatarGroupComponent)) private readonly _component: AvatarGroupInterface\n ) {}\n\n /* @hidden /\n get _element(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n\n /* Handler for mouse events /\n @HostListener('click')\n onClick(): void {\n if (this._component) {\n this._component._setActiveItem(this);\n }\n }\n\n /* @hidden /\n focus(): void {\n this._element.focus();\n }\n}\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n forwardRef,\n HostListener,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ViewportRuler } from '@angular/cdk/overlay';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB } from '@angular/cdk/keycodes';\nimport { of, Subscription } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { ColorAccent, KeyUtil, RtlService, Size } from '@fundamental-ngx/core/utils';\nimport { AvatarGroupItemDirective } from './directives/avatar-group-item.directive';\nimport { AvatarGroupInterface } from './avatar-group.interface';\n\nexport type AvatarGroupType = 'group' \| 'individual';\nexport type AvatarGroupOverflowButtonColor = 'neutral' \| 'random' \| ColorAccent;\n\nlet avatarGroupCount = 0;\n\n@Component({\n selector: 'fd-avatar-group',\n templateUrl: './avatar-group.component.html',\n styleUrls: ['./avatar-group.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AvatarGroupComponent implements AvatarGroupInterface, OnChanges, OnInit, AfterViewInit, OnDestroy {\n /* Id of the Avatar Group. /\n @Input()\n id = `fd-avatar-group-${avatarGroupCount++}`;\n\n /* Apply user custom class. /\n @Input()\n class: string;\n\n /* The size of the Avatar Group. Options include: xs, s, m, l and xl (default: s). /\n @Input()\n size: Size = 's';\n\n /* The type of the Avatar Group. Options include: group and individual (default: group). /\n @Input()\n type: AvatarGroupType = 'group';\n\n /* Aria-label for Avatar Group. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Counter for all avatars. /\n allItemsCount = 0;\n\n /* Counter for visible in overflow popover avatars. /\n overflowItemsCount = 0;\n\n /* @hidden Avatar Group items. /\n @ContentChildren(forwardRef(() => AvatarGroupItemDirective), { descendants: true })\n mainItems: QueryList<AvatarGroupItemDirective>;\n\n /* @hidden /\n @ViewChild('avatarGroupContainer')\n avatarGroupContainer: ElementRef<HTMLDivElement>;\n\n /* @hidden /\n rootClassNames: Record<string, boolean \| undefined \| null>;\n\n /* @hidden /\n get isGroupType(): boolean {\n return this.type === 'group';\n }\n\n /* @hidden /\n private get _avatarGroupWidth(): number {\n return this.avatarGroupContainer?.nativeElement?.offsetWidth;\n }\n\n /* @hidden /\n private get _avatarGroupItemWidth(): number {\n return this.mainItems.first?._element.offsetWidth ?? 0;\n }\n\n /* @hidden /\n private get _avatarGroupItemWithMarginsWidth(): number {\n if (!this.mainItems.first) {\n return this._avatarGroupItemWidth;\n }\n\n const elementStyles = getComputedStyle(this.mainItems.first._element);\n\n return (\n this._avatarGroupItemWidth +\n parseInt(elementStyles.marginLeft, 10) +\n parseInt(elementStyles.marginRight, 10)\n );\n }\n\n /* @hidden FocusKeyManager instance /\n private _keyboardEventsManager: FocusKeyManager<AvatarGroupItemDirective>;\n\n /* @hidden /\n private readonly _subscription = new Subscription();\n\n /* @hidden handles rtl service /\n private _dir: 'ltr' \| 'rtl' \| null = 'ltr';\n\n /* @hidden /\n constructor(private readonly _viewportRuler: ViewportRuler, @Optional() private _rtlService: RtlService) {}\n\n /* @hidden /\n ngOnInit(): void {\n this._subscription.add(this._viewportRuler.change().subscribe(() => this._onResize()));\n }\n\n /* @hidden /\n ngOnChanges(): void {\n this._assignCssClasses();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._reset();\n\n this._subscription.add(\n of(true)\n .pipe(delay(5))\n .subscribe(() => this._collapseItems())\n );\n\n this._listenForItemChanges();\n this._setKeyboardEventsManager();\n this._subscribeToRtl();\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscription.unsubscribe();\n }\n\n /* @hidden /\n @HostListener('keyup', ['$event'])\n keyUpHandler(event: KeyboardEvent): void {\n if (KeyUtil.isKeyCode(event, TAB)) {\n const index = this.mainItems.toArray().findIndex((item) => item._element === event.target);\n if (index !== -1) {\n this._keyboardEventsManager.setActiveItem(index);\n }\n }\n\n if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n event.preventDefault();\n\n // passing the event to key manager so we get a change fired\n this._keyboardEventsManager.onKeydown(event);\n }\n }\n\n /* @hidden /\n _setActiveItem(item: AvatarGroupItemDirective): void {\n this._keyboardEventsManager.setActiveItem(item);\n }\n\n /* @hidden /\n private _onResize(): void {\n this._reset();\n this._collapseItems();\n }\n\n /* @hidden /\n private _reset(): void {\n this.allItemsCount = this.mainItems.length;\n this.overflowItemsCount = 0;\n\n this.mainItems.forEach((it) => {\n it._element.style.display = 'inline-block';\n it.disabled = false;\n });\n }\n\n /* @hidden /\n private _collapseItems(): void {\n const allItemsCounter = this.mainItems?.length \|\| 0;\n let contentWidth = 0;\n let idx = 0;\n const avatarGroupItemWidth = this._avatarGroupItemWidth;\n const avatarGroupItemWithMarginsWidth = this._avatarGroupItemWithMarginsWidth;\n\n while (idx < allItemsCounter) {\n const newContentWidth =\n idx === 0 && this.isGroupType\n ? contentWidth + avatarGroupItemWidth\n : contentWidth + avatarGroupItemWithMarginsWidth;\n\n if (newContentWidth >= this._avatarGroupWidth) {\n // -1 because the last element in the loop will be replaced by the overflow button\n const newIdx = idx - 1;\n this.overflowItemsCount = allItemsCounter - newIdx;\n const mainItemsToHide = this.mainItems.toArray().slice(newIdx);\n mainItemsToHide.forEach((it) => {\n it._element.style.display = 'none';\n it.disabled = true;\n });\n\n break;\n }\n\n contentWidth = newContentWidth;\n idx++;\n }\n }\n\n /* @hidden /\n private _listenForItemChanges(): void {\n this._subscription.add(this.mainItems.changes.subscribe(() => this._onResize()));\n }\n\n /* @hidden /\n private _assignCssClasses(): void {\n this.rootClassNames = {\n 'fd-avatar-group': true,\n [`fd-avatar-group--${this.type}-type`]: !!this.type,\n [`fd-avatar-group--${this.size}`]: !!this.size,\n [this.class]: !!this.class\n };\n }\n\n /* @hidden /\n private _setKeyboardEventsManager(): void {\n this._keyboardEventsManager = new FocusKeyManager(this.mainItems)\n .withWrap()\n .withHorizontalOrientation(this._dir);\n }\n\n /* @hidden Rtl change subscription /\n private _subscribeToRtl(): void {\n if (!this._rtlService) {\n return;\n }\n\n const rtlSub = this._rtlService.rtl.subscribe((isRtl) => {\n this._dir = isRtl ? 'rtl' : 'ltr';\n\n this._keyboardEventsManager = this._keyboardEventsManager.withHorizontalOrientation(this._dir);\n });\n\n this._subscription.add(rtlSub);\n }\n}\n","<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n <ng-content></ng-content>\n</div>\n","import { Directive, ElementRef, Optional, HostBinding, HostListener, Input, Inject, forwardRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\nimport { AvatarGroupOverflowBodyDirective } from './avatar-group-overflow-body.directive';\nimport { AvatarGroupInterface } from '../avatar-group.interface';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-focusable-avatar]',\n host: { class: 'fd-avatar-group__focusable-avatar' }\n})\nexport class AvatarGroupFocusableAvatarDirective implements FocusableOption {\n /* Tabindex of the Avatar. /\n @Input()\n @HostBinding('attr.tabindex')\n tabindex = 0;\n\n /* @hidden /\n constructor(\n private readonly _elementRef: ElementRef<HTMLElement>,\n @Optional()\n @Inject(forwardRef(() => AvatarGroupOverflowBodyDirective))\n private readonly _component: AvatarGroupInterface\n ) {}\n\n /* @hidden /\n get _element(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n\n /* Handler for mouse events /\n @HostListener('click')\n onClick(): void {\n if (this._component) {\n this._component._setActiveItem(this);\n }\n }\n\n /* @hidden /\n focus(): void {\n this._element.focus();\n }\n}\n","import {\n AfterViewInit,\n ContentChildren,\n Directive,\n forwardRef,\n HostListener,\n Input,\n OnDestroy,\n Optional,\n QueryList\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';\nimport { Subscription } from 'rxjs';\n\nimport { KeyUtil, RtlService } from '@fundamental-ngx/core/utils';\nimport { AvatarGroupFocusableAvatarDirective } from './avatar-group-focusable-avatar.directive';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-body]',\n host: {\n class: 'fd-avatar-group__overflow-body',\n '[class.fd-avatar-group__overflow-body--no-padding]': 'noPadding',\n '[class.fd-avatar-group__overflow-body--no-horizontal-scroll]': 'noHorizontalScroll',\n '[class.fd-avatar-group__overflow-body--no-vertical-scroll]': 'noVerticalScroll'\n }\n})\nexport class AvatarGroupOverflowBodyDirective implements AfterViewInit, OnDestroy {\n /* Remove the padding from the overflow body. /\n @Input()\n noPadding = false;\n\n /* Hide horizontal scrollbar from the overflow body. /\n @Input()\n noHorizontalScroll = true;\n\n /* Hide vertical scrollbar from the overflow body. /\n @Input()\n noVerticalScroll = true;\n\n /* @hidden Avatar Group Overflow items. /\n @ContentChildren(forwardRef(() => AvatarGroupFocusableAvatarDirective), { descendants: true })\n overflowItems: QueryList<AvatarGroupFocusableAvatarDirective>;\n\n /* @hidden FocusKeyManager instance /\n private _keyboardEventsManager: FocusKeyManager<AvatarGroupFocusableAvatarDirective>;\n\n /* @hidden /\n private readonly _subscription = new Subscription();\n\n /* @hidden handles rtl service /\n private _dir: 'ltr' \| 'rtl' \| null = 'ltr';\n\n /* @hidden /\n constructor(@Optional() private _rtlService: RtlService) {}\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._listenForItemChanges();\n\n this._setKeyboardEventsManager();\n\n this._subscribeToRtl();\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscription.unsubscribe();\n }\n\n /* @hidden /\n @HostListener('keyup', ['$event'])\n keyUpHandler(event: KeyboardEvent): void {\n if (KeyUtil.isKeyCode(event, TAB)) {\n const index = this.overflowItems.toArray().findIndex((item) => item._element === event.target);\n if (index !== -1) {\n this._keyboardEventsManager.setActiveItem(index);\n }\n }\n\n if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n // passing the event to key manager so we get a change fired\n this._keyboardEventsManager.onKeydown(event);\n }\n }\n\n /* @hidden /\n _setActiveItem(item: AvatarGroupFocusableAvatarDirective): void {\n this._keyboardEventsManager.setActiveItem(item);\n }\n\n /* @hidden /\n private _listenForItemChanges(): void {\n this.overflowItems.changes.subscribe(() => this._setKeyboardEventsManager());\n }\n\n /* @hidden /\n private _setKeyboardEventsManager(): void {\n this._keyboardEventsManager = new FocusKeyManager(this.overflowItems)\n .withWrap()\n .withHorizontalOrientation(this._dir);\n\n this._keyboardEventsManager.setFirstItemActive();\n }\n\n /* @hidden Rtl change subscription /\n private _subscribeToRtl(): void {\n if (!this._rtlService) {\n return;\n }\n\n const rtlSub = this._rtlService.rtl.subscribe((isRtl) => {\n this._dir = isRtl ? 'rtl' : 'ltr';\n this._keyboardEventsManager.withHorizontalOrientation(this._dir);\n });\n\n this._subscription.add(rtlSub);\n }\n}\n","import { Directive } from '@angular/core';\n\nimport { AvatarGroupItemDirective } from './avatar-group-item.directive';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-item]'\n})\nexport class AvatarGroupOverflowItemDirective extends AvatarGroupItemDirective {}\n","import { Directive, ElementRef, Input, OnChanges } from '@angular/core';\n\nimport { Size } from '@fundamental-ngx/core/utils';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { getRandomColorAccent } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\n\nimport { AvatarGroupOverflowButtonColor } from '../avatar-group.component';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-button]'\n})\nexport class AvatarGroupOverflowButtonDirective implements OnChanges, CssClassBuilder {\n /* User's custom classes. /\n @Input()\n class: string;\n\n /* The size of the overflow button.\n * Should be the same as the Avatar Group and Avatar size.\n * Options include: xs, s, m, l and xl (default: s). /\n @Input()\n size: Size = 's';\n\n /* A number from 1 to 10 representing the background color of the Avatar Group's overflow button.\n * Options include: neutral, random, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 (default: neutral). /\n @Input()\n color: AvatarGroupOverflowButtonColor = 'neutral';\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /* @hidden /\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-button',\n 'fd-avatar-group__more-button',\n (this.color && this._getMoreButtonColorCssClass()) \|\| '',\n this.size ? `fd-avatar-group__more-button--${this.size}` : '',\n this.class\n ];\n }\n\n /* @hidden /\n elementRef(): ElementRef<HTMLElement> {\n return this._elementRef;\n }\n\n /* @hidden /\n private _getMoreButtonColorCssClass(): string \| null {\n if (this.color === 'random') {\n return `fd-avatar-group__more-button--accent-color-${getRandomColorAccent()}`;\n }\n\n if (!Number.isNaN(parseInt(this.color as string, 10))) {\n return `fd-avatar-group__more-button--accent-color-${this.color}`;\n }\n return null;\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-button-text]',\n host: { class: 'fd-button__text fd-avatar-group__button-text' }\n})\nexport class AvatarGroupOverflowButtonTextDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/* Needed to bind specific class to group type popover control. /\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-popover-control]',\n host: { class: 'fd-avatar-group__popover-control' }\n})\nexport class AvatarGroupPopoverControlDirective {\n /* Tabindex of the popover control. /\n @Input()\n @HostBinding('attr.tabindex')\n tabindex = 0;\n\n /* Role of the popover control. /\n @Input()\n @HostBinding('attr.role')\n role = 'button';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarGroupComponent } from './avatar-group.component';\nimport { AvatarGroupItemDirective } from './directives/avatar-group-item.directive';\nimport { AvatarGroupOverflowBodyDirective } from './directives/avatar-group-overflow-body.directive';\nimport { AvatarGroupOverflowItemDirective } from './directives/avatar-group-overflow-item.directive';\nimport { AvatarGroupOverflowButtonDirective } from './directives/avatar-group-overflow-button.directive';\nimport { AvatarGroupOverflowButtonTextDirective } from './directives/avatar-group-overflow-button-text.directive';\nimport { AvatarGroupFocusableAvatarDirective } from './directives/avatar-group-focusable-avatar.directive';\nimport { AvatarGroupPopoverControlDirective } from './directives/avatar-group-popover-control.directive';\n\n@NgModule({\n imports: [CommonModule],\n exports: [\n AvatarGroupComponent,\n AvatarGroupItemDirective,\n AvatarGroupFocusableAvatarDirective,\n AvatarGroupPopoverControlDirective,\n AvatarGroupOverflowBodyDirective,\n AvatarGroupOverflowItemDirective,\n AvatarGroupOverflowButtonDirective,\n AvatarGroupOverflowButtonTextDirective\n ],\n declarations: [\n AvatarGroupComponent,\n AvatarGroupItemDirective,\n AvatarGroupFocusableAvatarDirective,\n AvatarGroupPopoverControlDirective,\n AvatarGroupOverflowBodyDirective,\n AvatarGroupOverflowItemDirective,\n AvatarGroupOverflowButtonDirective,\n AvatarGroupOverflowButtonTextDirective\n ]\n})\nexport class AvatarGroupModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-core-avatar-group.mjs","sources":["../../../../libs/core/src/lib/avatar-group/directives/avatar-group-item.directive.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.component.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.component.html","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-focusable-avatar.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-body.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-item.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-button.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-overflow-button-text.directive.ts","../../../../libs/core/src/lib/avatar-group/directives/avatar-group-popover-control.directive.ts","../../../../libs/core/src/lib/avatar-group/avatar-group.module.ts","../../../../libs/core/src/lib/avatar-group/fundamental-ngx-core-avatar-group.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Optional, Inject, forwardRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\nimport { AvatarGroupComponent } from '../avatar-group.component';\nimport { AvatarGroupInterface } from '../avatar-group.interface';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-item]',\n host: { class: 'fd-avatar-group__item' }\n})\nexport class AvatarGroupItemDirective implements FocusableOption {\n /** Item disable state /\n disabled = false;\n\n /* @hidden /\n constructor(\n private readonly _elementRef: ElementRef<HTMLElement>,\n @Optional() @Inject(forwardRef(() => AvatarGroupComponent)) private readonly _component: AvatarGroupInterface\n ) {}\n\n /* @hidden /\n get _element(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n\n /* Handler for mouse events /\n @HostListener('click')\n onClick(): void {\n if (this._component) {\n this._component._setActiveItem(this);\n }\n }\n\n /* @hidden /\n focus(): void {\n this._element.focus();\n }\n}\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n forwardRef,\n HostListener,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ViewportRuler } from '@angular/cdk/overlay';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB } from '@angular/cdk/keycodes';\nimport { of, Subscription } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { ColorAccent, KeyUtil, RtlService, Size } from '@fundamental-ngx/core/utils';\nimport { AvatarGroupItemDirective } from './directives/avatar-group-item.directive';\nimport { AvatarGroupInterface } from './avatar-group.interface';\n\nexport type AvatarGroupType = 'group' \| 'individual';\nexport type AvatarGroupOverflowButtonColor = 'neutral' \| 'random' \| ColorAccent;\n\nlet avatarGroupCount = 0;\n\n@Component({\n selector: 'fd-avatar-group',\n templateUrl: './avatar-group.component.html',\n styleUrls: ['./avatar-group.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AvatarGroupComponent implements AvatarGroupInterface, OnChanges, OnInit, AfterViewInit, OnDestroy {\n /* Id of the Avatar Group. /\n @Input()\n id = `fd-avatar-group-${avatarGroupCount++}`;\n\n /* Apply user custom class. /\n @Input()\n class: string;\n\n /* The size of the Avatar Group. Options include: xs, s, m, l and xl (default: s). /\n @Input()\n size: Size = 's';\n\n /* The type of the Avatar Group. Options include: group and individual (default: group). /\n @Input()\n type: AvatarGroupType = 'group';\n\n /* Aria-label for Avatar Group. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Counter for all avatars. /\n allItemsCount = 0;\n\n /* Counter for visible in overflow popover avatars. /\n overflowItemsCount = 0;\n\n /* @hidden Avatar Group items. /\n @ContentChildren(forwardRef(() => AvatarGroupItemDirective), { descendants: true })\n mainItems: QueryList<AvatarGroupItemDirective>;\n\n /* @hidden /\n @ViewChild('avatarGroupContainer')\n avatarGroupContainer: ElementRef<HTMLDivElement>;\n\n /* @hidden /\n rootClassNames: Record<string, boolean \| undefined \| null>;\n\n /* @hidden /\n get isGroupType(): boolean {\n return this.type === 'group';\n }\n\n /* @hidden /\n private get _avatarGroupWidth(): number {\n return this.avatarGroupContainer?.nativeElement?.offsetWidth;\n }\n\n /* @hidden /\n private get _avatarGroupItemWidth(): number {\n return this.mainItems.first?._element.offsetWidth ?? 0;\n }\n\n /* @hidden /\n private get _avatarGroupItemWithMarginsWidth(): number {\n if (!this.mainItems.first) {\n return this._avatarGroupItemWidth;\n }\n\n const elementStyles = getComputedStyle(this.mainItems.first._element);\n\n return (\n this._avatarGroupItemWidth +\n parseInt(elementStyles.marginLeft, 10) +\n parseInt(elementStyles.marginRight, 10)\n );\n }\n\n /* @hidden FocusKeyManager instance /\n private _keyboardEventsManager: FocusKeyManager<AvatarGroupItemDirective>;\n\n /* @hidden /\n private readonly _subscription = new Subscription();\n\n /* @hidden handles rtl service /\n private _dir: 'ltr' \| 'rtl' \| null = 'ltr';\n\n /* @hidden /\n constructor(private readonly _viewportRuler: ViewportRuler, @Optional() private _rtlService: RtlService) {}\n\n /* @hidden /\n ngOnInit(): void {\n this._subscription.add(this._viewportRuler.change().subscribe(() => this._onResize()));\n }\n\n /* @hidden /\n ngOnChanges(): void {\n this._assignCssClasses();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._reset();\n\n this._subscription.add(\n of(true)\n .pipe(delay(5))\n .subscribe(() => this._collapseItems())\n );\n\n this._listenForItemChanges();\n this._setKeyboardEventsManager();\n this._subscribeToRtl();\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscription.unsubscribe();\n }\n\n /* @hidden /\n @HostListener('keyup', ['$event'])\n keyUpHandler(event: KeyboardEvent): void {\n if (KeyUtil.isKeyCode(event, TAB)) {\n const index = this.mainItems.toArray().findIndex((item) => item._element === event.target);\n if (index !== -1) {\n this._keyboardEventsManager.setActiveItem(index);\n }\n }\n\n if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n event.preventDefault();\n\n // passing the event to key manager so we get a change fired\n this._keyboardEventsManager.onKeydown(event);\n }\n }\n\n /* @hidden /\n _setActiveItem(item: AvatarGroupItemDirective): void {\n this._keyboardEventsManager.setActiveItem(item);\n }\n\n /* @hidden /\n private _onResize(): void {\n this._reset();\n this._collapseItems();\n }\n\n /* @hidden /\n private _reset(): void {\n this.allItemsCount = this.mainItems.length;\n this.overflowItemsCount = 0;\n\n this.mainItems.forEach((it) => {\n it._element.style.display = 'inline-block';\n it.disabled = false;\n });\n }\n\n /* @hidden /\n private _collapseItems(): void {\n const allItemsCounter = this.mainItems?.length \|\| 0;\n let contentWidth = 0;\n let idx = 0;\n const avatarGroupItemWidth = this._avatarGroupItemWidth;\n const avatarGroupItemWithMarginsWidth = this._avatarGroupItemWithMarginsWidth;\n\n while (idx < allItemsCounter) {\n const newContentWidth =\n idx === 0 && this.isGroupType\n ? contentWidth + avatarGroupItemWidth\n : contentWidth + avatarGroupItemWithMarginsWidth;\n\n if (newContentWidth >= this._avatarGroupWidth) {\n // -1 because the last element in the loop will be replaced by the overflow button\n const newIdx = idx - 1;\n this.overflowItemsCount = allItemsCounter - newIdx;\n const mainItemsToHide = this.mainItems.toArray().slice(newIdx);\n mainItemsToHide.forEach((it) => {\n it._element.style.display = 'none';\n it.disabled = true;\n });\n\n break;\n }\n\n contentWidth = newContentWidth;\n idx++;\n }\n }\n\n /* @hidden /\n private _listenForItemChanges(): void {\n this._subscription.add(this.mainItems.changes.subscribe(() => this._onResize()));\n }\n\n /* @hidden /\n private _assignCssClasses(): void {\n this.rootClassNames = {\n 'fd-avatar-group': true,\n [`fd-avatar-group--${this.type}-type`]: !!this.type,\n [`fd-avatar-group--${this.size}`]: !!this.size,\n [this.class]: !!this.class\n };\n }\n\n /* @hidden /\n private _setKeyboardEventsManager(): void {\n this._keyboardEventsManager = new FocusKeyManager(this.mainItems)\n .withWrap()\n .withHorizontalOrientation(this._dir);\n }\n\n /* @hidden Rtl change subscription /\n private _subscribeToRtl(): void {\n if (!this._rtlService) {\n return;\n }\n\n const rtlSub = this._rtlService.rtl.subscribe((isRtl) => {\n this._dir = isRtl ? 'rtl' : 'ltr';\n\n this._keyboardEventsManager = this._keyboardEventsManager.withHorizontalOrientation(this._dir);\n });\n\n this._subscription.add(rtlSub);\n }\n}\n","<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n <ng-content></ng-content>\n</div>\n","import { Directive, ElementRef, Optional, HostBinding, HostListener, Input, Inject, forwardRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\nimport { AvatarGroupOverflowBodyDirective } from './avatar-group-overflow-body.directive';\nimport { AvatarGroupInterface } from '../avatar-group.interface';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-focusable-avatar]',\n host: { class: 'fd-avatar-group__focusable-avatar' }\n})\nexport class AvatarGroupFocusableAvatarDirective implements FocusableOption {\n /* Tabindex of the Avatar. /\n @Input()\n @HostBinding('attr.tabindex')\n tabindex = 0;\n\n /* @hidden /\n constructor(\n private readonly _elementRef: ElementRef<HTMLElement>,\n @Optional()\n @Inject(forwardRef(() => AvatarGroupOverflowBodyDirective))\n private readonly _component: AvatarGroupInterface\n ) {}\n\n /* @hidden /\n get _element(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n\n /* Handler for mouse events /\n @HostListener('click')\n onClick(): void {\n if (this._component) {\n this._component._setActiveItem(this);\n }\n }\n\n /* @hidden /\n focus(): void {\n this._element.focus();\n }\n}\n","import {\n AfterViewInit,\n ContentChildren,\n Directive,\n forwardRef,\n HostListener,\n Input,\n OnDestroy,\n Optional,\n QueryList\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';\nimport { Subscription } from 'rxjs';\n\nimport { KeyUtil, RtlService } from '@fundamental-ngx/core/utils';\nimport { AvatarGroupFocusableAvatarDirective } from './avatar-group-focusable-avatar.directive';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-body]',\n host: {\n class: 'fd-avatar-group__overflow-body',\n '[class.fd-avatar-group__overflow-body--no-padding]': 'noPadding',\n '[class.fd-avatar-group__overflow-body--no-horizontal-scroll]': 'noHorizontalScroll',\n '[class.fd-avatar-group__overflow-body--no-vertical-scroll]': 'noVerticalScroll'\n }\n})\nexport class AvatarGroupOverflowBodyDirective implements AfterViewInit, OnDestroy {\n /* Remove the padding from the overflow body. /\n @Input()\n noPadding = false;\n\n /* Hide horizontal scrollbar from the overflow body. /\n @Input()\n noHorizontalScroll = true;\n\n /* Hide vertical scrollbar from the overflow body. /\n @Input()\n noVerticalScroll = true;\n\n /* @hidden Avatar Group Overflow items. /\n @ContentChildren(forwardRef(() => AvatarGroupFocusableAvatarDirective), { descendants: true })\n overflowItems: QueryList<AvatarGroupFocusableAvatarDirective>;\n\n /* @hidden FocusKeyManager instance /\n private _keyboardEventsManager: FocusKeyManager<AvatarGroupFocusableAvatarDirective>;\n\n /* @hidden /\n private readonly _subscription = new Subscription();\n\n /* @hidden handles rtl service /\n private _dir: 'ltr' \| 'rtl' \| null = 'ltr';\n\n /* @hidden /\n constructor(@Optional() private _rtlService: RtlService) {}\n\n /* @hidden /\n ngAfterViewInit(): void {\n this._listenForItemChanges();\n\n this._setKeyboardEventsManager();\n\n this._subscribeToRtl();\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscription.unsubscribe();\n }\n\n /* @hidden /\n @HostListener('keyup', ['$event'])\n keyUpHandler(event: KeyboardEvent): void {\n if (KeyUtil.isKeyCode(event, TAB)) {\n const index = this.overflowItems.toArray().findIndex((item) => item._element === event.target);\n if (index !== -1) {\n this._keyboardEventsManager.setActiveItem(index);\n }\n }\n\n if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n // passing the event to key manager so we get a change fired\n this._keyboardEventsManager.onKeydown(event);\n }\n }\n\n /* @hidden /\n _setActiveItem(item: AvatarGroupFocusableAvatarDirective): void {\n this._keyboardEventsManager.setActiveItem(item);\n }\n\n /* @hidden /\n private _listenForItemChanges(): void {\n this.overflowItems.changes.subscribe(() => this._setKeyboardEventsManager());\n }\n\n /* @hidden /\n private _setKeyboardEventsManager(): void {\n this._keyboardEventsManager = new FocusKeyManager(this.overflowItems)\n .withWrap()\n .withHorizontalOrientation(this._dir);\n\n this._keyboardEventsManager.setFirstItemActive();\n }\n\n /* @hidden Rtl change subscription /\n private _subscribeToRtl(): void {\n if (!this._rtlService) {\n return;\n }\n\n const rtlSub = this._rtlService.rtl.subscribe((isRtl) => {\n this._dir = isRtl ? 'rtl' : 'ltr';\n this._keyboardEventsManager.withHorizontalOrientation(this._dir);\n });\n\n this._subscription.add(rtlSub);\n }\n}\n","import { Directive } from '@angular/core';\n\nimport { AvatarGroupItemDirective } from './avatar-group-item.directive';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-item]'\n})\nexport class AvatarGroupOverflowItemDirective extends AvatarGroupItemDirective {}\n","import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';\n\nimport { Size } from '@fundamental-ngx/core/utils';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { getRandomColorAccent } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\n\nimport { AvatarGroupOverflowButtonColor } from '../avatar-group.component';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-button]'\n})\nexport class AvatarGroupOverflowButtonDirective implements OnInit, OnChanges, CssClassBuilder {\n /* User's custom classes. /\n @Input()\n class: string;\n\n /* The size of the overflow button.\n * Should be the same as the Avatar Group and Avatar size.\n * Options include: xs, s, m, l and xl (default: s). /\n @Input()\n size: Size = 's';\n\n /* A number from 1 to 10 representing the background color of the Avatar Group's overflow button.\n * Options include: neutral, random, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 (default: neutral). /\n @Input()\n color: AvatarGroupOverflowButtonColor = 'neutral';\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /* @hidden /\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /* @hidden /\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-button',\n 'fd-avatar-group__more-button',\n (this.color && this._getMoreButtonColorCssClass()) \|\| '',\n this.size ? `fd-avatar-group__more-button--${this.size}` : '',\n this.class\n ];\n }\n\n /* @hidden /\n elementRef(): ElementRef<HTMLElement> {\n return this._elementRef;\n }\n\n /* @hidden /\n private _getMoreButtonColorCssClass(): string \| null {\n if (this.color === 'random') {\n return `fd-avatar-group__more-button--accent-color-${getRandomColorAccent()}`;\n }\n\n if (!Number.isNaN(parseInt(this.color as string, 10))) {\n return `fd-avatar-group__more-button--accent-color-${this.color}`;\n }\n return null;\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-overflow-button-text]',\n host: { class: 'fd-button__text fd-avatar-group__button-text' }\n})\nexport class AvatarGroupOverflowButtonTextDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/* Needed to bind specific class to group type popover control. /\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-avatar-group-popover-control]',\n host: { class: 'fd-avatar-group__popover-control' }\n})\nexport class AvatarGroupPopoverControlDirective {\n /* Tabindex of the popover control. /\n @Input()\n @HostBinding('attr.tabindex')\n tabindex = 0;\n\n /* Role of the popover control. /\n @Input()\n @HostBinding('attr.role')\n role = 'button';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarGroupComponent } from './avatar-group.component';\nimport { AvatarGroupItemDirective } from './directives/avatar-group-item.directive';\nimport { AvatarGroupOverflowBodyDirective } from './directives/avatar-group-overflow-body.directive';\nimport { AvatarGroupOverflowItemDirective } from './directives/avatar-group-overflow-item.directive';\nimport { AvatarGroupOverflowButtonDirective } from './directives/avatar-group-overflow-button.directive';\nimport { AvatarGroupOverflowButtonTextDirective } from './directives/avatar-group-overflow-button-text.directive';\nimport { AvatarGroupFocusableAvatarDirective } from './directives/avatar-group-focusable-avatar.directive';\nimport { AvatarGroupPopoverControlDirective } from './directives/avatar-group-popover-control.directive';\n\n@NgModule({\n imports: [CommonModule],\n exports: [\n AvatarGroupComponent,\n AvatarGroupItemDirective,\n AvatarGroupFocusableAvatarDirective,\n AvatarGroupPopoverControlDirective,\n AvatarGroupOverflowBodyDirective,\n AvatarGroupOverflowItemDirective,\n AvatarGroupOverflowButtonDirective,\n AvatarGroupOverflowButtonTextDirective\n ],\n declarations: [\n AvatarGroupComponent,\n AvatarGroupItemDirective,\n AvatarGroupFocusableAvatarDirective,\n AvatarGroupPopoverControlDirective,\n AvatarGroupOverflowBodyDirective,\n AvatarGroupOverflowItemDirective,\n AvatarGroupOverflowButtonDirective,\n AvatarGroupOverflowButtonTextDirective\n ]\n})\nexport class AvatarGroupModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/fundamental-ngx-core-bar.mjs CHANGED Viewed

@@ -64,7 +64,7 @@ class BarComponent {
     }
 }
 BarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}.fd-bar--responsive-paddings{margin-top:.5rem;margin-bottom:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{left:1rem;right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-bar--responsive-paddings{left:2rem;right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{left:3rem;right:3rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: BarComponent, selector: "[fd-bar]", inputs: { class: "class", barDesign: "barDesign", inPage: "inPage", inHomePage: "inHomePage", size: "size", cozy: "cozy" }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -73,7 +73,7 @@ __decorate([
 ], BarComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: BarComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}.fd-bar--responsive-paddings{margin-top:.5rem;margin-bottom:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{left:1rem;right:1rem}}@media (min-width: 600px) and (max-width: 1439px){.fd-bar--responsive-paddings{left:2rem;right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{left:3rem;right:3rem}}\n"] }]
+            args: [{ selector: '[fd-bar]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.fd-bar:before,.fd-bar:after{box-sizing:inherit;font-size:inherit}.fd-bar__left,.fd-bar__middle,.fd-bar__right{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex:1 1 auto;width:100%;max-width:100%}.fd-bar__left:before,.fd-bar__left:after,.fd-bar__middle:before,.fd-bar__middle:after,.fd-bar__right:before,.fd-bar__right:after{box-sizing:inherit;font-size:inherit}.fd-bar__middle{padding:0 var(--fdBar_Middle_Area_Padding_X);justify-content:center}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}[dir=rtl] .fd-bar__left,.fd-bar__left[dir=rtl]{padding-right:0;padding-left:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__right{padding-left:--fdBar_Right_Area_Padding_Left;padding-right:0;justify-content:flex-end}[dir=rtl] .fd-bar__right,.fd-bar__right[dir=rtl]{padding-right:--fdBar_Right_Area_Padding_Left;padding-left:0}.fd-bar__element{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem;max-width:100%;max-height:100%}.fd-bar__element:before,.fd-bar__element:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-bar__element,.fd-bar__element[dir=rtl]{margin-right:0;margin-left:.5rem}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>*:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}[dir=rtl] .fd-bar__element:last-child,.fd-bar__element:last-child[dir=rtl]{margin-left:0;margin-right:0}.fd-bar--header{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);padding-bottom:.25rem;z-index:1}.fd-bar--header-with-subheader{height:2.5rem;background:var(--sapPageHeader_Background);box-shadow:none;position:relative;z-index:2}.fd-bar--footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:none;border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{height:2.5rem;background:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border-radius:var(--sapElement_BorderCornerRadius);border:none;opacity:1;z-index:1000;position:absolute;bottom:0;left:0;right:0}.fd-bar--cozy,.fd-bar--cozy.fd-bar--header,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--floating-footer{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--page,.fd-bar--home-page{padding:0 1rem}.fd-bar--page.fd-bar--floating-footer,.fd-bar--home-page.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:.5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:1rem;right:1rem}.fd-bar--page-m_l,.fd-bar--home-page-m_l{padding:0 2rem}.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--home-page-m_l.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:2rem;right:2rem}.fd-bar--page-xl,.fd-bar--home-page-xl{padding:0 3rem}.fd-bar--page-xl.fd-bar--floating-footer,.fd-bar--home-page-xl.fd-bar--floating-footer{padding:0 .5rem;margin-top:.5rem;margin-bottom:.5rem;left:3rem;right:3rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { class: [{

package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs CHANGED Viewed

@@ -8,7 +8,7 @@ import * as i1 from '@fundamental-ngx/core/utils';
 import { resizeObservable, DragAndDropModule } from '@fundamental-ngx/core/utils';
 import { FocusKeyManager } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
+import { takeUntil, debounceTime, delay } from 'rxjs/operators';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 class FixedCardLayoutItemComponent {
@@ -165,14 +165,6 @@ class FixedCardLayoutComponent {
         this._accessibilitySetup();
     }
     /** @hidden */
-    ngAfterViewChecked() {
-        /**
-         * Update column layout when orientation of screen changes.
-         * actual width is returned when view is stable. In AfterViewInit, correct value does not come.
-         */
-        this.updateLayout();
-    }
-    /** @hidden */
     ngOnChanges(changes) {
         if (!this._cards?.length) {
             return;
@@ -198,7 +190,7 @@ class FixedCardLayoutComponent {
     }
     /** Distribute cards on window resize */
     updateLayout() {
-        if (!this._cards.length) {
+        if (!this._cards.length || !this._availableWidth) {
             return;
         }
         const possibleNumberOfColumns = getNumberOfColumns(this._availableWidth, this.cardMinimumWidth);
@@ -214,19 +206,6 @@ class FixedCardLayoutComponent {
         }
         this._setColumnsWidth();
     }
-    /** @hidden Calculate container height basing on the card wrapper columns */
-    _calculateContainerHeight(additionalSpace = 0) {
-        this._changeDetector.detectChanges();
-        const wrapperColumns = this._cardColumns.map((column) => column
-            .map((card) => this._cardWrappers.find((wrapper) => wrapper.getSortedItems()[0].data === card)?.element)
-            .filter((v) => !!v));
-        const columnsHeights = wrapperColumns
-            .map((column) => column.map((card) => card.nativeElement.getBoundingClientRect().height))
-            .map((column) => column.reduce((height, cardHeight) => (height += cardHeight), 0));
-        // +4px because it's the top & bottom borders of card placeholder
-        this._containerHeight = Math.max(...columnsHeights) + 4 + additionalSpace;
-        this._changeDetector.detectChanges();
-    }
     /** @hidden */
     _onDropListExited() {
         this._shouldCalculateContainerHeight = true;
@@ -297,7 +276,7 @@ class FixedCardLayoutComponent {
     }
     /** @hidden Listen card change and distribute cards on column change */
     _listenOnCardsChange() {
-        this._cards.changes.subscribe(() => {
+        this._cards.changes.pipe(delay(0)).subscribe(() => {
             this._processCards();
             this._updateColumns();
         });
@@ -313,7 +292,6 @@ class FixedCardLayoutComponent {
         this._cardsArray = this._cards
             .toArray()
             .sort((firstCard, secondCard) => firstCard.fdCardDef - secondCard.fdCardDef);
-        this._changeDetector.detectChanges();
         this.updateLayout();
     }
     /** @hidden Distribute cards among columns to arrange them in "Z" flow */
@@ -356,6 +334,19 @@ class FixedCardLayoutComponent {
             this._changeDetector.detectChanges();
         }
     }
+    /** @hidden Calculate container height basing on the card wrapper columns */
+    _calculateContainerHeight(additionalSpace = 0) {
+        this._changeDetector.detectChanges();
+        const wrapperColumns = this._cardColumns.map((column) => column
+            .map((card) => this._cardWrappers.find((wrapper) => wrapper.getSortedItems()[0].data === card)?.element)
+            .filter((v) => !!v));
+        const columnsHeights = wrapperColumns
+            .map((column) => column.map((card) => card.nativeElement.getBoundingClientRect().height))
+            .map((column) => column.reduce((height, cardHeight) => (height += cardHeight), 0));
+        // +4px because it's the top & bottom borders of card placeholder
+        this._containerHeight = Math.max(...columnsHeights) + 4 + additionalSpace;
+        this._changeDetector.detectChanges();
+    }
 }
 FixedCardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FixedCardLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 FixedCardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FixedCardLayoutComponent, selector: "fd-fixed-card-layout", inputs: { disableDragDrop: "disableDragDrop", dragStartDelay: "dragStartDelay", cardMinimumWidth: "cardMinimumWidth", columnsWidthConfig: "columnsWidthConfig", maxColumns: "maxColumns" }, outputs: { layoutChange: "layoutChange", cardDraggedDropped: "cardDraggedDropped" }, host: { listeners: { "keydown": "handleKeydown($event)" }, classAttribute: "fd-fixed-card-layout" }, queries: [{ propertyName: "_cards", predicate: CardDefinitionDirective }], viewQueries: [{ propertyName: "_layout", first: true, predicate: ["layout"], descendants: true }, { propertyName: "_cardContainers", predicate: FixedCardLayoutItemComponent, descendants: true }, { propertyName: "_cardWrappers", predicate: ["dropList"], descendants: true, read: CdkDropList }], usesOnChanges: true, ngImport: i0, template: "<div\n    #layout\n    cdkDropListGroup\n    fdDndKeyboardGroup\n    class=\"fd-fixed-card-layout__card-layout fd-fixed-card-layout__card-layout--columns-{{ this._numberOfColumns }}\"\n    [style.height]=\"_containerHeight + 'px'\"\n    [groups]=\"_cardColumns\"\n    orientation=\"horizontal\"\n    [customMoveFn]=\"_customMoveFn\"\n    [customTransferFn]=\"_customTransferFn\"\n    [disableKeyboardDragDrop]=\"disableDragDrop\"\n    [cdkDropListGroupDisabled]=\"disableDragDrop\"\n    [attr.dir]=\"_dir\"\n>\n    <div\n        #dropList\n        *ngFor=\"let card of _cardsArray; let cardIndex = index\"\n        cdkDropList\n        cdkDropListSortingDisabled\n        class=\"fd-fixed-card-layout__card\"\n        [class.fd-fixed-card-layout__card--single]=\"_singleItemColumns.has(card.fdCardDef)\"\n        [style.min-width.px]=\"_columnsWidth.get(card.fdCardDef)\"\n        [style.max-width.px]=\"_columnsWidth.get(card.fdCardDef)\"\n        [cdkDropListData]=\"cardIndex\"\n        [cdkDropListEnterPredicate]=\"_enterPredicate\"\n        (cdkDropListEntered)=\"_onDropListEntered($event)\"\n        (cdkDropListExited)=\"_onDropListExited()\"\n    >\n        <div\n            cdkDrag\n            fdDndKeyboardItem\n            tabindex=\"0\"\n            cdkDragPreviewClass=\"fd-fixed-card-layout__card-preview\"\n            [cdkDragData]=\"card\"\n            [cdkDragStartDelay]=\"dragStartDelay\"\n            [itemIndex]=\"_itemIndexes.get(card.fdCardDef)!\"\n            [groupIndex]=\"_groupIndexes.get(card.fdCardDef)!\"\n            (cdkDragDropped)=\"_onDragDropped($event)\"\n            (cdkDragStarted)=\"_setPlaceholderStyle(false)\"\n        >\n            <fd-fixed-card-layout-item>\n                <ng-container *ngTemplateOutlet=\"card?.template || null\"> </ng-container>\n            </fd-fixed-card-layout-item>\n\n            <div *cdkDragPlaceholder class=\"fd-fixed-card-layout__card-placeholder\" [style]=\"_placeholderMargin\">\n                <ng-container *ngTemplateOutlet=\"card?.template || null\"></ng-container>\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngFor=\"let column of _cardColumns; let last = last; let index = index\">\n        <div *ngIf=\"!last\" class=\"fd-fixed-card-layout__clearfix\" [style.order]=\"index + 1\"></div>\n    </ng-container>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-fixed-card-layout{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-fixed-card-layout:before,.fd-fixed-card-layout:after{box-sizing:inherit;font-size:inherit}.fd-fixed-card-layout__card-layout{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;margin-left:-1rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:column;margin-top:-1rem}.fd-fixed-card-layout__card-layout:before,.fd-fixed-card-layout__card-layout:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-fixed-card-layout__card-layout,.fd-fixed-card-layout__card-layout[dir=rtl]{margin-right:-1rem;margin-left:0}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card{width:50%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card:nth-of-type(2n){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-2 .fd-fixed-card-layout__card:nth-of-type(2n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card{width:33.3333333333%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-3 .fd-fixed-card-layout__card:nth-of-type(3n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card{width:25%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-4 .fd-fixed-card-layout__card:nth-of-type(4n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card{width:20%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-5 .fd-fixed-card-layout__card:nth-of-type(5n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card{width:16.6666666667%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n){order:6}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-6 .fd-fixed-card-layout__card:nth-of-type(6n + 5){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card{width:14.2857142857%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n){order:7}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 5){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-7 .fd-fixed-card-layout__card:nth-of-type(7n + 6){order:6}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card{width:12.5%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n){order:8}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 5){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 6){order:6}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-8 .fd-fixed-card-layout__card:nth-of-type(8n + 7){order:7}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card{width:11.1111111111%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n){order:9}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 5){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 6){order:6}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 7){order:7}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-9 .fd-fixed-card-layout__card:nth-of-type(9n + 8){order:8}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card{width:10%}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n){order:10}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 1){order:1}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 2){order:2}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 3){order:3}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 4){order:4}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 5){order:5}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 6){order:6}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 7){order:7}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 8){order:8}.fd-fixed-card-layout__card-layout.fd-fixed-card-layout__card-layout--columns-10 .fd-fixed-card-layout__card:nth-of-type(10n + 9){order:9}.fd-fixed-card-layout__card,.fd-fixed-card-layout__card-placeholder{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;min-width:20rem;min-height:.0625rem}.fd-fixed-card-layout__card:before,.fd-fixed-card-layout__card:after,.fd-fixed-card-layout__card-placeholder:before,.fd-fixed-card-layout__card-placeholder:after{box-sizing:inherit;font-size:inherit}.fd-fixed-card-layout__card{padding-left:1rem;order:1;padding-top:1rem}[dir=rtl] .fd-fixed-card-layout__card,.fd-fixed-card-layout__card[dir=rtl]{padding-right:1rem;padding-left:0}.fd-fixed-card-layout__card--single{flex-basis:100%}.fd-fixed-card-layout__card:empty{padding-top:0}.fd-fixed-card-layout__card-placeholder{opacity:.3;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);cursor:grabbing}.fd-fixed-card-layout__card-preview{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;padding:0;margin:0;border:0;box-sizing:border-box;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2)}.fd-fixed-card-layout__card-preview:before,.fd-fixed-card-layout__card-preview:after{box-sizing:inherit;font-size:inherit}.fd-fixed-card-layout__clearfix{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:0;flex-basis:100%}.fd-fixed-card-layout__clearfix:before,.fd-fixed-card-layout__clearfix:after{box-sizing:inherit;font-size:inherit}.fd-fixed-card-layout__card{width:100%}.fd-fixed-card-layout__card-placeholder{width:100%;min-width:100%;max-width:100%}\n"], components: [{ type: FixedCardLayoutItemComponent, selector: "fd-fixed-card-layout-item" }], directives: [{ type: i3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { type: i1.DndKeyboardGroupDirective, selector: "[fdDndKeyboardGroup]", inputs: ["groups", "disableKeyboardDragDrop", "orientation", "customMoveFn", "customTransferFn"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.DndKeyboardItemDirective, selector: "[fdDndKeyboardItem]", inputs: ["itemIndex", "groupIndex"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });