@fundamental-ngx/core 0.33.2 → 0.33.3-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/action-bar/package.json +3 -3
  2. package/action-sheet/esm2020/action-sheet.component.mjs +2 -2
  3. package/action-sheet/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
  4. package/action-sheet/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
  5. package/action-sheet/package.json +3 -3
  6. package/alert/package.json +3 -3
  7. package/avatar/package.json +3 -3
  8. package/avatar-group/package.json +3 -3
  9. package/bar/package.json +3 -3
  10. package/breadcrumb/package.json +3 -3
  11. package/busy-indicator/package.json +3 -3
  12. package/button/package.json +3 -3
  13. package/calendar/package.json +3 -3
  14. package/card/package.json +3 -3
  15. package/carousel/package.json +3 -3
  16. package/checkbox/package.json +3 -3
  17. package/combobox/package.json +3 -3
  18. package/date-picker/package.json +3 -3
  19. package/datetime/package.json +3 -3
  20. package/datetime-picker/package.json +3 -3
  21. package/dialog/package.json +3 -3
  22. package/dynamic-page/package.json +3 -3
  23. package/dynamic-side-content/package.json +3 -3
  24. package/esm2020/action-sheet/action-sheet.component.mjs +2 -2
  25. package/esm2020/grid-list/components/grid-list/grid-list.component.mjs +2 -2
  26. package/esm2020/layout-grid/layout-grid.component.mjs +2 -2
  27. package/esm2020/list/list.component.mjs +2 -2
  28. package/esm2020/popover/popover-body/popover-body.component.mjs +2 -2
  29. package/esm2020/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
  30. package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
  31. package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
  32. package/esm2020/tabs/tab-list.component.mjs +2 -2
  33. package/esm2020/tabs/tab-nav/tab-nav.component.mjs +2 -2
  34. package/esm2020/tile/tile.component.mjs +2 -2
  35. package/esm2020/timeline/timeline.component.mjs +2 -2
  36. package/esm2020/wizard/wizard.component.mjs +2 -2
  37. package/facets/package.json +3 -3
  38. package/feed-input/package.json +3 -3
  39. package/feed-list-item/package.json +3 -3
  40. package/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
  41. package/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
  42. package/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  43. package/fesm2015/fundamental-ngx-core-list.mjs +2 -2
  44. package/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
  45. package/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
  46. package/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  47. package/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
  48. package/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
  49. package/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
  50. package/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
  51. package/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
  52. package/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
  53. package/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  54. package/fesm2020/fundamental-ngx-core-list.mjs +2 -2
  55. package/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
  56. package/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
  57. package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  58. package/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
  59. package/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
  60. package/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
  61. package/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
  62. package/file-uploader/package.json +3 -3
  63. package/fixed-card-layout/package.json +3 -3
  64. package/flexible-column-layout/package.json +3 -3
  65. package/form/package.json +3 -3
  66. package/formatted-text/package.json +3 -3
  67. package/grid-list/esm2020/components/grid-list/grid-list.component.mjs +2 -2
  68. package/grid-list/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
  69. package/grid-list/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
  70. package/grid-list/package.json +3 -3
  71. package/icon/package.json +3 -3
  72. package/illustrated-message/package.json +3 -3
  73. package/infinite-scroll/package.json +3 -3
  74. package/info-label/package.json +3 -3
  75. package/inline-help/package.json +3 -3
  76. package/input-group/package.json +3 -3
  77. package/layout-grid/esm2020/layout-grid.component.mjs +2 -2
  78. package/layout-grid/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  79. package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  80. package/layout-grid/package.json +3 -3
  81. package/layout-panel/package.json +3 -3
  82. package/link/package.json +3 -3
  83. package/list/esm2020/list.component.mjs +2 -2
  84. package/list/fesm2015/fundamental-ngx-core-list.mjs +2 -2
  85. package/list/fesm2020/fundamental-ngx-core-list.mjs +2 -2
  86. package/list/package.json +3 -3
  87. package/menu/package.json +3 -3
  88. package/message-box/package.json +3 -3
  89. package/message-page/package.json +2 -2
  90. package/message-strip/package.json +3 -3
  91. package/message-toast/package.json +3 -3
  92. package/micro-process-flow/package.json +3 -3
  93. package/mobile-mode/package.json +3 -3
  94. package/multi-input/package.json +3 -3
  95. package/nested-list/package.json +3 -3
  96. package/notification/package.json +3 -3
  97. package/object-identifier/package.json +3 -3
  98. package/object-marker/package.json +3 -3
  99. package/object-number/package.json +3 -3
  100. package/object-status/package.json +3 -3
  101. package/package.json +7 -7
  102. package/pagination/package.json +3 -3
  103. package/panel/package.json +3 -3
  104. package/popover/esm2020/popover-body/popover-body.component.mjs +2 -2
  105. package/popover/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
  106. package/popover/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
  107. package/popover/package.json +3 -3
  108. package/product-switch/esm2020/product-switch-body/product-switch-body.component.mjs +2 -2
  109. package/product-switch/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
  110. package/product-switch/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
  111. package/product-switch/package.json +3 -3
  112. package/progress-indicator/package.json +1 -1
  113. package/quick-view/package.json +3 -3
  114. package/radio/package.json +3 -3
  115. package/rating-indicator/package.json +3 -3
  116. package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
  117. package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
  118. package/resizable-card-layout/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  119. package/resizable-card-layout/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  120. package/resizable-card-layout/package.json +3 -3
  121. package/scroll-spy/package.json +3 -3
  122. package/scrollbar/package.json +3 -3
  123. package/segmented-button/package.json +3 -3
  124. package/select/package.json +3 -3
  125. package/shared/package.json +3 -3
  126. package/shellbar/package.json +3 -3
  127. package/side-navigation/package.json +3 -3
  128. package/slider/package.json +3 -3
  129. package/split-button/package.json +3 -3
  130. package/splitter/package.json +3 -3
  131. package/status-indicator/package.json +3 -3
  132. package/step-input/package.json +3 -3
  133. package/switch/package.json +3 -3
  134. package/table/package.json +3 -3
  135. package/tabs/esm2020/tab-list.component.mjs +2 -2
  136. package/tabs/esm2020/tab-nav/tab-nav.component.mjs +2 -2
  137. package/tabs/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
  138. package/tabs/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
  139. package/tabs/package.json +3 -3
  140. package/tests/package.json +2 -2
  141. package/text/package.json +3 -3
  142. package/tile/esm2020/tile.component.mjs +2 -2
  143. package/tile/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
  144. package/tile/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
  145. package/tile/package.json +3 -3
  146. package/time/package.json +3 -3
  147. package/time-picker/package.json +3 -3
  148. package/timeline/esm2020/timeline.component.mjs +2 -2
  149. package/timeline/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
  150. package/timeline/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
  151. package/timeline/package.json +3 -3
  152. package/title/package.json +3 -3
  153. package/token/package.json +3 -3
  154. package/toolbar/package.json +3 -3
  155. package/tree/package.json +3 -3
  156. package/upload-collection/package.json +3 -3
  157. package/utils/package.json +6 -6
  158. package/vertical-navigation/package.json +3 -3
  159. package/wizard/esm2020/wizard.component.mjs +2 -2
  160. package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
  161. package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
  162. package/wizard/package.json +3 -3
package/action-bar/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/action-bar",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/action-sheet/esm2020/action-sheet.component.mjs CHANGED
@@ -157,10 +157,10 @@ export class ActionSheetComponent {
157
157
  }
158
158
  }
159
159
  ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.ContentDensityService, optional: true }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
160
- ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
160
+ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
161
161
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, decorators: [{
162
162
  type: Component,
163
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
163
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
164
164
  }], ctorParameters: function () { return [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.ContentDensityService, decorators: [{
165
165
  type: Optional
166
166
  }] }, { type: i1.DynamicComponentService, decorators: [{
package/action-sheet/fesm2015/fundamental-ngx-core-action-sheet.mjs CHANGED
@@ -359,10 +359,10 @@ class ActionSheetComponent {
359
359
  }
360
360
  }
361
361
  ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$1.ContentDensityService, optional: true }, { token: i1$1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
362
- ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
362
+ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
363
363
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, decorators: [{
364
364
  type: Component,
365
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
365
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
366
366
  }], ctorParameters: function () {
367
367
  return [{ type: i1$1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1$1.ContentDensityService, decorators: [{
368
368
  type: Optional
package/action-sheet/fesm2020/fundamental-ngx-core-action-sheet.mjs CHANGED
@@ -356,10 +356,10 @@ class ActionSheetComponent {
356
356
  }
357
357
  }
358
358
  ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$1.ContentDensityService, optional: true }, { token: i1$1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
359
- ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
359
+ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
360
360
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, decorators: [{
361
361
  type: Component,
362
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
362
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
363
363
  }], ctorParameters: function () { return [{ type: i1$1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1$1.ContentDensityService, decorators: [{
364
364
  type: Optional
365
365
  }] }, { type: i1$1.DynamicComponentService, decorators: [{
package/action-sheet/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/action-sheet",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/alert/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/alert",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/avatar/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/avatar",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/avatar-group/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/avatar-group",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/bar/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/bar",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/breadcrumb/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/breadcrumb",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/busy-indicator/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/busy-indicator",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/button/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/button",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/calendar/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/calendar",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/card/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/card",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/carousel/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/carousel",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/checkbox/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/checkbox",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/combobox/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/combobox",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/date-picker/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/date-picker",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/datetime/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/datetime",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/datetime-picker/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/datetime-picker",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/dialog/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/dialog",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/dynamic-page/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/dynamic-page",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/dynamic-side-content/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/dynamic-side-content",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-rc.3",
4
4
  "peerDependencies": {
5
- "@angular/common": "~13.1.1",
6
- "@angular/core": "~13.1.1"
5
+ "@angular/common": "^13,.0.0",
6
+ "@angular/core": "^13,.0.0"
7
7
  },
8
8
  "dependencies": {
9
9
  "tslib": "^2.0.0"
package/esm2020/action-sheet/action-sheet.component.mjs CHANGED
@@ -157,10 +157,10 @@ export class ActionSheetComponent {
157
157
  }
158
158
  }
159
159
  ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.ContentDensityService, optional: true }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
160
- ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
160
+ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { compact: "compact", mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, host: { listeners: { "keydown": "keyDownHandler($event)" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"], components: [{ type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i2.PopoverControlComponent, selector: "fd-popover-control" }, { type: i2.PopoverBodyComponent, selector: "fd-popover-body" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
161
161
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionSheetComponent, decorators: [{
162
162
  type: Component,
163
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
163
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n *ngIf=\"!mobile\"\n [placement]=\"placement\"\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n>\n <fd-popover-control>\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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-action-sheet{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper:before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity, .6);background-color:#000;background-color:var(--sapBlockLayer_Background, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet__wrapper--active{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem;color:#fff;color:var(--sapContent_ContrastTextColor, #fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff);z-index:1;box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:5}\n"] }]
164
164
  }], ctorParameters: function () { return [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.ContentDensityService, decorators: [{
165
165
  type: Optional
166
166
  }] }, { type: i1.DynamicComponentService, decorators: [{