@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/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs CHANGED
@@ -558,10 +558,10 @@ class ResizableCardItemComponent {
558
558
  }
559
559
  }
560
560
  ResizableCardItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ResizableCardItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
561
- ResizableCardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ResizableCardItemComponent, selector: "fd-resizable-card-item", inputs: { config: "config", itemId: "itemId", title: "title", rank: "rank", cardWidthColSpan: "cardWidthColSpan", cardHeightRowSpan: "cardHeightRowSpan", cardMiniHeaderRowSpan: "cardMiniHeaderRowSpan", cardMiniContentRowSpan: "cardMiniContentRowSpan", resizable: "resizable", left: "left", right: "right", top: "top" }, outputs: { resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "document: mouseup": "onMouseUp($event)" }, properties: { "style.left.px": "this.left", "style.right.px": "this.right", "style.top.px": "this.top", "style.z-index": "this.zIndex", "style.position": "this.position", "class.fd-resizable-card-layout__draw-transition": "this.reDrawAnimation" } }, ngImport: i0, template: "<div\n class=\"fd-resizable-card-layout__item\"\n [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n #resizeCard\n>\n <div\n class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"cardWidth\"\n [style.height.px]=\"cardHeight\"\n (mouseenter)=\"showResizeIcon()\"\n (mouseleave)=\"hideResizeIcon()\"\n >\n <div class=\"fd-resizable-card-layout__card\">\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"showingResizeIcon\">\n <div class=\"fd-resizable-card-layout__icon-wrapper\">\n <div\n class=\"fd-resizable-card-layout__icon\"\n #cornerHandle\n (mousedown)=\"onMouseDown($event, 'both')\"\n ></div>\n </div>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"resizable\">\n <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <div\n class=\"fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"resizeIndicationBorderWidth\"\n [style.height.px]=\"cardHeight\"\n ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n <div\n #verticalHandle\n class=\"fd-resizable-card-layout__resize--vertical\"\n (mousedown)=\"onMouseDown($event, 'horizontal')\"\n ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n <div\n #horizontalHandle\n class=\"fd-resizable-card-layout__resize--horizontal\"\n (mousedown)=\"onMouseDown($event, 'vertical')\"\n ></div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - 0.0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - 0.5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
561
+ ResizableCardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ResizableCardItemComponent, selector: "fd-resizable-card-item", inputs: { config: "config", itemId: "itemId", title: "title", rank: "rank", cardWidthColSpan: "cardWidthColSpan", cardHeightRowSpan: "cardHeightRowSpan", cardMiniHeaderRowSpan: "cardMiniHeaderRowSpan", cardMiniContentRowSpan: "cardMiniContentRowSpan", resizable: "resizable", left: "left", right: "right", top: "top" }, outputs: { resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "document: mouseup": "onMouseUp($event)" }, properties: { "style.left.px": "this.left", "style.right.px": "this.right", "style.top.px": "this.top", "style.z-index": "this.zIndex", "style.position": "this.position", "class.fd-resizable-card-layout__draw-transition": "this.reDrawAnimation" } }, ngImport: i0, template: "<div\n class=\"fd-resizable-card-layout__item\"\n [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n #resizeCard\n>\n <div\n class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"cardWidth\"\n [style.height.px]=\"cardHeight\"\n (mouseenter)=\"showResizeIcon()\"\n (mouseleave)=\"hideResizeIcon()\"\n >\n <div class=\"fd-resizable-card-layout__card\">\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"showingResizeIcon\">\n <div class=\"fd-resizable-card-layout__icon-wrapper\">\n <div\n class=\"fd-resizable-card-layout__icon\"\n #cornerHandle\n (mousedown)=\"onMouseDown($event, 'both')\"\n ></div>\n </div>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"resizable\">\n <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <div\n class=\"fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"resizeIndicationBorderWidth\"\n [style.height.px]=\"cardHeight\"\n ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n <div\n #verticalHandle\n class=\"fd-resizable-card-layout__resize--vertical\"\n (mousedown)=\"onMouseDown($event, 'horizontal')\"\n ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n <div\n #horizontalHandle\n class=\"fd-resizable-card-layout__resize--horizontal\"\n (mousedown)=\"onMouseDown($event, 'vertical')\"\n ></div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - .0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - .5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
562
562
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ResizableCardItemComponent, decorators: [{
563
563
  type: Component,
564
- args: [{ selector: 'fd-resizable-card-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"fd-resizable-card-layout__item\"\n [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n #resizeCard\n>\n <div\n class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"cardWidth\"\n [style.height.px]=\"cardHeight\"\n (mouseenter)=\"showResizeIcon()\"\n (mouseleave)=\"hideResizeIcon()\"\n >\n <div class=\"fd-resizable-card-layout__card\">\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"showingResizeIcon\">\n <div class=\"fd-resizable-card-layout__icon-wrapper\">\n <div\n class=\"fd-resizable-card-layout__icon\"\n #cornerHandle\n (mousedown)=\"onMouseDown($event, 'both')\"\n ></div>\n </div>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"resizable\">\n <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <div\n class=\"fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"resizeIndicationBorderWidth\"\n [style.height.px]=\"cardHeight\"\n ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n <div\n #verticalHandle\n class=\"fd-resizable-card-layout__resize--vertical\"\n (mousedown)=\"onMouseDown($event, 'horizontal')\"\n ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n <div\n #horizontalHandle\n class=\"fd-resizable-card-layout__resize--horizontal\"\n (mousedown)=\"onMouseDown($event, 'vertical')\"\n ></div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - 0.0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - 0.5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"] }]
564
+ args: [{ selector: 'fd-resizable-card-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"fd-resizable-card-layout__item\"\n [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n #resizeCard\n>\n <div\n class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"cardWidth\"\n [style.height.px]=\"cardHeight\"\n (mouseenter)=\"showResizeIcon()\"\n (mouseleave)=\"hideResizeIcon()\"\n >\n <div class=\"fd-resizable-card-layout__card\">\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"showingResizeIcon\">\n <div class=\"fd-resizable-card-layout__icon-wrapper\">\n <div\n class=\"fd-resizable-card-layout__icon\"\n #cornerHandle\n (mousedown)=\"onMouseDown($event, 'both')\"\n ></div>\n </div>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"resizable\">\n <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <div\n class=\"fd-resizable-card-layout__item--resize-transition\"\n [style.width.px]=\"resizeIndicationBorderWidth\"\n [style.height.px]=\"cardHeight\"\n ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n <div\n #verticalHandle\n class=\"fd-resizable-card-layout__resize--vertical\"\n (mousedown)=\"onMouseDown($event, 'horizontal')\"\n ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n <div\n #horizontalHandle\n class=\"fd-resizable-card-layout__resize--horizontal\"\n (mousedown)=\"onMouseDown($event, 'vertical')\"\n ></div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - .0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - .5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"] }]
565
565
  }], ctorParameters: function () {
566
566
  return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.RtlService, decorators: [{
567
567
  type: Optional
@@ -1135,10 +1135,10 @@ class ResizableCardLayoutComponent {
1135
1135
  }
1136
1136
  }
1137
1137
  ResizableCardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ResizableCardLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1138
- ResizableCardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ResizableCardLayoutComponent, selector: "fd-resizable-card-layout", inputs: { layoutConfig: "layoutConfig" }, outputs: { stepChange: "stepChange", resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached", layoutChange: "layoutChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, queries: [{ propertyName: "resizeCardItems", predicate: ResizableCardItemComponent }], ngImport: i0, template: "<div\n #layout\n class=\"fd-resizable-card-layout\"\n [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n [style.width.px]=\"layoutWidth\"\n [style.height.px]=\"layoutHeight\"\n>\n <ng-content></ng-content>\n</div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - 0.0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - 0.5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1138
+ ResizableCardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ResizableCardLayoutComponent, selector: "fd-resizable-card-layout", inputs: { layoutConfig: "layoutConfig" }, outputs: { stepChange: "stepChange", resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached", layoutChange: "layoutChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, queries: [{ propertyName: "resizeCardItems", predicate: ResizableCardItemComponent }], ngImport: i0, template: "<div\n #layout\n class=\"fd-resizable-card-layout\"\n [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n [style.width.px]=\"layoutWidth\"\n [style.height.px]=\"layoutHeight\"\n>\n <ng-content></ng-content>\n</div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - .0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - .5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1139
1139
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ResizableCardLayoutComponent, decorators: [{
1140
1140
  type: Component,
1141
- args: [{ selector: 'fd-resizable-card-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n #layout\n class=\"fd-resizable-card-layout\"\n [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n [style.width.px]=\"layoutWidth\"\n [style.height.px]=\"layoutHeight\"\n>\n <ng-content></ng-content>\n</div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - 0.0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - 0.5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"] }]
1141
+ args: [{ selector: 'fd-resizable-card-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n #layout\n class=\"fd-resizable-card-layout\"\n [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n [style.width.px]=\"layoutWidth\"\n [style.height.px]=\"layoutHeight\"\n>\n <ng-content></ng-content>\n</div>\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-resizable-card-layout{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-left:.5rem;padding-right:.5rem;margin-top:1rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__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:flex;flex-direction:row;min-width:20rem;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{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;order:1;flex:1;position:relative;height:calc(100% - .0625rem)}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{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;width:1rem;height:1rem;position:absolute;bottom:0;right:0;z-index:2;padding:0 .0625rem .0625rem 0}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{right:auto;left:0;padding:0 0 .0625rem .0625rem}.fd-resizable-card-layout__icon{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;font-family:SAP-icons;font-size:1rem;line-height:1rem;cursor:nwse-resize;position:absolute;bottom:0;right:.0625rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0);z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-resizable-card-layout__icon:before{content:\"\\e24f\"}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{transform:rotate(90deg);position:relative;cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{order:2;z-index:2;width:.0625rem;cursor:ew-resize}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{z-index:2;width:calc(100% - .5rem);height:.0625rem;position:absolute;bottom:0;cursor:ns-resize}.fd-resizable-card-layout__indication-border{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;border:.125rem dashed #0854a0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor, #0854a0)}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--md,.fd-resizable-card-layout--lg{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"] }]
1142
1142
  }], ctorParameters: function () {
1143
1143
  return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.RtlService, decorators: [{
1144
1144
  type: Optional