@fundamental-ngx/core 0.33.5-rc.21 → 0.33.5-rc.24

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 (106) hide show
  1. package/action-bar/package.json +1 -1
  2. package/action-sheet/package.json +1 -1
  3. package/alert/package.json +1 -1
  4. package/avatar/package.json +1 -1
  5. package/avatar-group/package.json +1 -1
  6. package/bar/package.json +1 -1
  7. package/breadcrumb/package.json +1 -1
  8. package/busy-indicator/package.json +1 -1
  9. package/button/package.json +1 -1
  10. package/calendar/package.json +1 -1
  11. package/card/package.json +1 -1
  12. package/carousel/package.json +1 -1
  13. package/checkbox/package.json +1 -1
  14. package/combobox/package.json +1 -1
  15. package/date-picker/package.json +1 -1
  16. package/datetime/package.json +1 -1
  17. package/datetime-picker/package.json +1 -1
  18. package/dialog/package.json +1 -1
  19. package/dynamic-page/package.json +1 -1
  20. package/dynamic-side-content/package.json +1 -1
  21. package/esm2020/layout-grid/layout-grid.component.mjs +3 -3
  22. package/facets/package.json +1 -1
  23. package/feed-input/package.json +1 -1
  24. package/feed-list-item/package.json +1 -1
  25. package/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  26. package/fesm2015/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  27. package/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  28. package/fesm2020/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  29. package/file-uploader/package.json +1 -1
  30. package/fixed-card-layout/package.json +1 -1
  31. package/flexible-column-layout/package.json +1 -1
  32. package/form/package.json +1 -1
  33. package/formatted-text/package.json +1 -1
  34. package/grid-list/package.json +1 -1
  35. package/icon/package.json +1 -1
  36. package/illustrated-message/package.json +1 -1
  37. package/infinite-scroll/package.json +1 -1
  38. package/info-label/package.json +1 -1
  39. package/inline-help/package.json +1 -1
  40. package/input-group/package.json +1 -1
  41. package/layout-grid/esm2020/layout-grid.component.mjs +3 -3
  42. package/layout-grid/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  43. package/layout-grid/fesm2015/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  44. package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  45. package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  46. package/layout-grid/package.json +1 -1
  47. package/layout-panel/package.json +1 -1
  48. package/link/package.json +1 -1
  49. package/list/package.json +1 -1
  50. package/menu/package.json +1 -1
  51. package/message-box/package.json +1 -1
  52. package/message-strip/package.json +1 -1
  53. package/message-toast/package.json +1 -1
  54. package/micro-process-flow/package.json +1 -1
  55. package/mobile-mode/package.json +1 -1
  56. package/multi-input/package.json +1 -1
  57. package/nested-list/package.json +1 -1
  58. package/notification/package.json +1 -1
  59. package/object-identifier/package.json +1 -1
  60. package/object-marker/package.json +1 -1
  61. package/object-number/package.json +1 -1
  62. package/object-status/package.json +1 -1
  63. package/package.json +1 -1
  64. package/pagination/package.json +1 -1
  65. package/panel/package.json +1 -1
  66. package/popover/package.json +1 -1
  67. package/product-switch/package.json +1 -1
  68. package/progress-indicator/package.json +1 -1
  69. package/quick-view/package.json +1 -1
  70. package/radio/package.json +1 -1
  71. package/rating-indicator/package.json +1 -1
  72. package/resizable-card-layout/package.json +1 -1
  73. package/schematics/add-animations/index.d.ts +1 -0
  74. package/schematics/add-animations/index.js +42 -0
  75. package/schematics/add-animations/index.js.map +1 -0
  76. package/schematics/collection.json +4 -0
  77. package/schematics/ng-add/index.js +16 -38
  78. package/schematics/ng-add/index.js.map +1 -1
  79. package/scroll-spy/package.json +1 -1
  80. package/scrollbar/package.json +1 -1
  81. package/segmented-button/package.json +1 -1
  82. package/select/package.json +1 -1
  83. package/shared/package.json +1 -1
  84. package/shellbar/package.json +1 -1
  85. package/side-navigation/package.json +1 -1
  86. package/slider/package.json +1 -1
  87. package/split-button/package.json +1 -1
  88. package/splitter/package.json +1 -1
  89. package/status-indicator/package.json +1 -1
  90. package/step-input/package.json +1 -1
  91. package/switch/package.json +1 -1
  92. package/table/package.json +1 -1
  93. package/tabs/package.json +1 -1
  94. package/text/package.json +1 -1
  95. package/tile/package.json +1 -1
  96. package/time/package.json +1 -1
  97. package/time-picker/package.json +1 -1
  98. package/timeline/package.json +1 -1
  99. package/title/package.json +1 -1
  100. package/token/package.json +1 -1
  101. package/toolbar/package.json +1 -1
  102. package/tree/package.json +1 -1
  103. package/upload-collection/package.json +1 -1
  104. package/utils/package.json +1 -1
  105. package/vertical-navigation/package.json +1 -1
  106. package/wizard/package.json +1 -1
package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs CHANGED
@@ -63,7 +63,7 @@ class LayoutGridComponent {
63
63
  }
64
64
  }
65
65
  LayoutGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LayoutGridComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
66
- LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: { class: "class", noGap: "noGap", noHorizontalGap: "noHorizontalGap", noVerticalGap: "noVerticalGap" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, 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-col,.fd-container,.fd-row{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}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;padding:0 .25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-vertical-gap .fd-row .fd-col{padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-row:first-child{margin-top:-.5rem}.fd-row .fd-col{padding-top:.5rem}.fd-col{padding:0 .25rem;min-width:100%;max-width:100%}.fd-col--0{min-width:0;max-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-right:0;margin-left:0}.fd-col--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col--3{min-width:25%;max-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-right:0;margin-left:25%}.fd-col--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col--6{min-width:50%;max-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-right:0;margin-left:50%}.fd-col--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col--9{min-width:75%;max-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-right:0;margin-left:75%}.fd-col--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col--12{min-width:100%;max-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-right:0;margin-left:100%}.fd-col--full{min-width:8.3333333333%;max-width:none;flex:1}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-row{min-width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem}.fd-row:first-child{margin-top:-1rem}.fd-row .fd-col{padding-top:1rem}.fd-col{padding:0 .5rem}.fd-col-md--0{min-width:0;max-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-right:0;margin-left:0}.fd-col-md--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-md--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-md--3{min-width:25%;max-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-right:0;margin-left:25%}.fd-col-md--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-md--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-md--6{min-width:50%;max-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-right:0;margin-left:50%}.fd-col-md--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-md--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-md--9{min-width:75%;max-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-right:0;margin-left:75%}.fd-col-md--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-md--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-md--12{min-width:100%;max-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1024px){.fd-col-lg--0{min-width:0;max-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-right:0;margin-left:0}.fd-col-lg--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-lg--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-lg--3{min-width:25%;max-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-right:0;margin-left:25%}.fd-col-lg--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-lg--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-lg--6{min-width:50%;max-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-right:0;margin-left:50%}.fd-col-lg--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-lg--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-lg--9{min-width:75%;max-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-right:0;margin-left:75%}.fd-col-lg--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-lg--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-lg--12{min-width:100%;max-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1440px){.fd-col-xl--0{min-width:0;max-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-right:0;margin-left:0}.fd-col-xl--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-xl--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-xl--3{min-width:25%;max-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-right:0;margin-left:25%}.fd-col-xl--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-xl--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-xl--6{min-width:50%;max-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-right:0;margin-left:50%}.fd-col-xl--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-xl--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-xl--9{min-width:75%;max-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-right:0;margin-left:75%}.fd-col-xl--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-xl--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-xl--12{min-width:100%;max-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-right:0;margin-left:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
66
+ LayoutGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: { class: "class", noGap: "noGap", noHorizontalGap: "noHorizontalGap", noVerticalGap: "noVerticalGap" }, usesOnChanges: true, ngImport: i0, template: `<div class="fd-row"><ng-content></ng-content></div>`, isInline: true, 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-col,.fd-container,.fd-row{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}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;padding:0 .25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-vertical-gap .fd-row .fd-col{padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-row:first-child{margin-top:-.5rem}.fd-row .fd-col{padding-top:.5rem}.fd-col{padding:0 .25rem;min-width:100%;max-width:100%}.fd-col--0{min-width:0;max-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-right:0;margin-left:0}.fd-col--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col--3{min-width:25%;max-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-right:0;margin-left:25%}.fd-col--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col--6{min-width:50%;max-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-right:0;margin-left:50%}.fd-col--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col--9{min-width:75%;max-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-right:0;margin-left:75%}.fd-col--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col--12{min-width:100%;max-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-right:0;margin-left:100%}.fd-col--full{min-width:8.3333333333%;max-width:none;flex:1}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-row{min-width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem}.fd-row:first-child{margin-top:-1rem}.fd-row .fd-col{padding-top:1rem}.fd-col{padding:0 .5rem}.fd-col-md--0{min-width:0;max-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-right:0;margin-left:0}.fd-col-md--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-md--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-md--3{min-width:25%;max-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-right:0;margin-left:25%}.fd-col-md--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-md--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-md--6{min-width:50%;max-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-right:0;margin-left:50%}.fd-col-md--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-md--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-md--9{min-width:75%;max-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-right:0;margin-left:75%}.fd-col-md--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-md--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-md--12{min-width:100%;max-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1024px){.fd-col-lg--0{min-width:0;max-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-right:0;margin-left:0}.fd-col-lg--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-lg--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-lg--3{min-width:25%;max-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-right:0;margin-left:25%}.fd-col-lg--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-lg--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-lg--6{min-width:50%;max-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-right:0;margin-left:50%}.fd-col-lg--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-lg--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-lg--9{min-width:75%;max-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-right:0;margin-left:75%}.fd-col-lg--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-lg--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-lg--12{min-width:100%;max-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1440px){.fd-col-xl--0{min-width:0;max-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-right:0;margin-left:0}.fd-col-xl--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-xl--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-xl--3{min-width:25%;max-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-right:0;margin-left:25%}.fd-col-xl--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-xl--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-xl--6{min-width:50%;max-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-right:0;margin-left:50%}.fd-col-xl--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-xl--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-xl--9{min-width:75%;max-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-right:0;margin-left:75%}.fd-col-xl--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-xl--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-xl--12{min-width:100%;max-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-right:0;margin-left:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
67
67
  __decorate([
68
68
  applyCssClass,
69
69
  __metadata("design:type", Function),
@@ -72,7 +72,7 @@ __decorate([
72
72
  ], LayoutGridComponent.prototype, "buildComponentCssClass", null);
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LayoutGridComponent, decorators: [{
74
74
  type: Component,
75
- args: [{ selector: 'fd-layout-grid, [fdLayoutGrid]', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-col,.fd-container,.fd-row{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}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;padding:0 .25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-vertical-gap .fd-row .fd-col{padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-row:first-child{margin-top:-.5rem}.fd-row .fd-col{padding-top:.5rem}.fd-col{padding:0 .25rem;min-width:100%;max-width:100%}.fd-col--0{min-width:0;max-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-right:0;margin-left:0}.fd-col--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col--3{min-width:25%;max-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-right:0;margin-left:25%}.fd-col--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col--6{min-width:50%;max-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-right:0;margin-left:50%}.fd-col--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col--9{min-width:75%;max-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-right:0;margin-left:75%}.fd-col--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col--12{min-width:100%;max-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-right:0;margin-left:100%}.fd-col--full{min-width:8.3333333333%;max-width:none;flex:1}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-row{min-width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem}.fd-row:first-child{margin-top:-1rem}.fd-row .fd-col{padding-top:1rem}.fd-col{padding:0 .5rem}.fd-col-md--0{min-width:0;max-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-right:0;margin-left:0}.fd-col-md--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-md--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-md--3{min-width:25%;max-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-right:0;margin-left:25%}.fd-col-md--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-md--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-md--6{min-width:50%;max-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-right:0;margin-left:50%}.fd-col-md--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-md--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-md--9{min-width:75%;max-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-right:0;margin-left:75%}.fd-col-md--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-md--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-md--12{min-width:100%;max-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1024px){.fd-col-lg--0{min-width:0;max-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-right:0;margin-left:0}.fd-col-lg--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-lg--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-lg--3{min-width:25%;max-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-right:0;margin-left:25%}.fd-col-lg--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-lg--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-lg--6{min-width:50%;max-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-right:0;margin-left:50%}.fd-col-lg--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-lg--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-lg--9{min-width:75%;max-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-right:0;margin-left:75%}.fd-col-lg--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-lg--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-lg--12{min-width:100%;max-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1440px){.fd-col-xl--0{min-width:0;max-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-right:0;margin-left:0}.fd-col-xl--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-xl--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-xl--3{min-width:25%;max-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-right:0;margin-left:25%}.fd-col-xl--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-xl--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-xl--6{min-width:50%;max-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-right:0;margin-left:50%}.fd-col-xl--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-xl--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-xl--9{min-width:75%;max-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-right:0;margin-left:75%}.fd-col-xl--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-xl--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-xl--12{min-width:100%;max-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-right:0;margin-left:100%}}\n"] }]
75
+ args: [{ selector: 'fd-layout-grid, [fdLayoutGrid]', template: `<div class="fd-row"><ng-content></ng-content></div>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-col,.fd-container,.fd-row{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}.fd-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;padding:0 .25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-vertical-gap .fd-row .fd-col{padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{display:flex;flex-wrap:wrap;flex:0 0 100%;position:relative;margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-row:first-child{margin-top:-.5rem}.fd-row .fd-col{padding-top:.5rem}.fd-col{padding:0 .25rem;min-width:100%;max-width:100%}.fd-col--0{min-width:0;max-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-right:0;margin-left:0}.fd-col--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col--3{min-width:25%;max-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-right:0;margin-left:25%}.fd-col--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col--6{min-width:50%;max-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-right:0;margin-left:50%}.fd-col--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col--9{min-width:75%;max-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-right:0;margin-left:75%}.fd-col--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col--12{min-width:100%;max-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-right:0;margin-left:100%}.fd-col--full{min-width:8.3333333333%;max-width:none;flex:1}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-row{min-width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem}.fd-row:first-child{margin-top:-1rem}.fd-row .fd-col{padding-top:1rem}.fd-col{padding:0 .5rem}.fd-col-md--0{min-width:0;max-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-right:0;margin-left:0}.fd-col-md--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-md--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-md--3{min-width:25%;max-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-right:0;margin-left:25%}.fd-col-md--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-md--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-md--6{min-width:50%;max-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-right:0;margin-left:50%}.fd-col-md--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-md--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-md--9{min-width:75%;max-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-right:0;margin-left:75%}.fd-col-md--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-md--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-md--12{min-width:100%;max-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1024px){.fd-col-lg--0{min-width:0;max-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-right:0;margin-left:0}.fd-col-lg--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-lg--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-lg--3{min-width:25%;max-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-right:0;margin-left:25%}.fd-col-lg--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-lg--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-lg--6{min-width:50%;max-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-right:0;margin-left:50%}.fd-col-lg--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-lg--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-lg--9{min-width:75%;max-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-right:0;margin-left:75%}.fd-col-lg--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-lg--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-lg--12{min-width:100%;max-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-right:0;margin-left:100%}}@media (min-width: 1440px){.fd-col-xl--0{min-width:0;max-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-right:0;margin-left:0}.fd-col-xl--1{min-width:8.3333333333%;max-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-right:0;margin-left:8.3333333333%}.fd-col-xl--2{min-width:16.6666666667%;max-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-right:0;margin-left:16.6666666667%}.fd-col-xl--3{min-width:25%;max-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-right:0;margin-left:25%}.fd-col-xl--4{min-width:33.3333333333%;max-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-right:0;margin-left:33.3333333333%}.fd-col-xl--5{min-width:41.6666666667%;max-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-right:0;margin-left:41.6666666667%}.fd-col-xl--6{min-width:50%;max-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-right:0;margin-left:50%}.fd-col-xl--7{min-width:58.3333333333%;max-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-right:0;margin-left:58.3333333333%}.fd-col-xl--8{min-width:66.6666666667%;max-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-right:0;margin-left:66.6666666667%}.fd-col-xl--9{min-width:75%;max-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-right:0;margin-left:75%}.fd-col-xl--10{min-width:83.3333333333%;max-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-right:0;margin-left:83.3333333333%}.fd-col-xl--11{min-width:91.6666666667%;max-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-right:0;margin-left:91.6666666667%}.fd-col-xl--12{min-width:100%;max-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-right:0;margin-left:100%}}\n"] }]
76
76
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
77
77
  type: Input
78
78
  }], noGap: [{
package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-layout-grid.mjs","sources":["../../../../../libs/core/src/lib/layout-grid/constants.ts","../../../../../libs/core/src/lib/layout-grid/layout-grid.component.ts","../../../../../libs/core/src/lib/layout-grid/directives/layout-grid-row.directive.ts","../../../../../libs/core/src/lib/layout-grid/directives/layout-grid-col.directive.ts","../../../../../libs/core/src/lib/layout-grid/layout-grid.module.ts","../../../../../libs/core/src/lib/layout-grid/fundamental-ngx-core-layout-grid.ts"],"sourcesContent":["/** Describes number of columns in grid horizontal dimension */\nexport const GRID_COLUMNS_NUMBER = 12;\n\nexport const CSS_CLASS_NAME = {\n layoutGrid: 'fd-container',\n layoutGridNoHorizontalGap: 'fd-container--no-horizontal-gap',\n layoutGridNoVerticalGap: 'fd-container--no-vertical-gap',\n layoutGridNoGap: 'fd-container--no-gap',\n\n col: 'fd-col',\n colGrow: 'fd-col--full',\n\n colSizePrefix: 'fd-col--',\n mdColSizePrefix: 'fd-col-md--',\n lgColSizePrefix: 'fd-col-lg--',\n xlColSizePrefix: 'fd-col-xl--',\n\n colOffsetPrefix: 'fd-col--offset-',\n mdColOffsetPrefix: 'fd-col-md--offset-',\n lgColOffsetPrefix: 'fd-col-lg--offset-',\n xlColOffsetPrefix: 'fd-col-xl--offset-'\n} as const;\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { CSS_CLASS_NAME } from './constants';\n\n/**\n * Use a layout grid to arrange components evenly in a grid layout.\n */\n@Component({\n selector: 'fd-layout-grid, [fdLayoutGrid]',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./layout-grid.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutGridComponent implements OnInit, OnChanges, CssClassBuilder {\n /** Custom classes */\n @Input()\n set class(userClass: string) {\n this._class = userClass;\n this.buildComponentCssClass();\n }\n\n /** Whether the grid should have a gap. */\n @Input()\n noGap: boolean;\n\n /** Whether the grid should have a horizontal gap. */\n @Input()\n noHorizontalGap: boolean;\n\n /** Whether the grid should have a vertical gap. */\n @Input()\n noVerticalGap: boolean;\n\n /** @hidden */\n private _class = '';\n\n /** @hidden */\n constructor(private _elementRef: ElementRef) {}\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n elementRef(): ElementRef {\n return this._elementRef;\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n CSS_CLASS_NAME.layoutGrid,\n this.noVerticalGap ? CSS_CLASS_NAME.layoutGridNoVerticalGap : '',\n this.noHorizontalGap ? CSS_CLASS_NAME.layoutGridNoHorizontalGap : '',\n this.noGap ? CSS_CLASS_NAME.layoutGridNoGap : '',\n this._class\n ];\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[fd-layout-grid-row], [fdLayoutGridRow]',\n host: {\n class: 'fd-row'\n }\n})\nexport class LayoutGridRowDirective {}\n","import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { CSS_CLASS_NAME, GRID_COLUMNS_NUMBER } from '../constants';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\n\n@Directive({\n selector: '[fd-layout-grid-col], [fdLayoutGridCol]'\n})\nexport class LayoutGridColDirective implements CssClassBuilder, OnInit, OnChanges {\n /** Defines the width of the element on the layout grid. */\n @Input()\n fdLayoutGridCol: NumberInput;\n\n /** Weather the column should take all available width */\n @Input()\n set colGrow(value: BooleanInput) {\n this._colGrow = coerceBooleanProperty(value);\n }\n\n /** @hidden */\n get colGrow(): boolean {\n return this._colGrow;\n }\n\n /** Defines the width of the element on the layout grid for middle-size screen devices. */\n @Input()\n colMd: number;\n\n /** Defines the width of the element on the layout grid for large screen devices. */\n @Input()\n colLg: number;\n\n /** Defines the width of the element on the layout grid for extra-large screen devices. */\n @Input()\n colXl: number;\n\n /** Defines the offset width of the element on the layout grid. */\n @Input()\n colOffset: number;\n\n /** Defines the offset width of the element on the layout grid for middle-sized screen devices. */\n @Input()\n colOffsetMd: number;\n\n /** Defines the offset width of the element on the layout grid for large screen devices. */\n @Input()\n colOffsetLg: number;\n\n /** Defines the offset width of the element on the layout grid for extra-large screen devices. */\n @Input()\n colOffsetXl: number;\n\n /** @hidden */\n @Input()\n class: string;\n\n /** @hidden */\n private _colGrow: boolean;\n\n /** @hidden */\n constructor(private _elementRef: ElementRef) {}\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n elementRef(): ElementRef {\n return this._elementRef;\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n CSS_CLASS_NAME.col,\n this.colGrow ? CSS_CLASS_NAME.colGrow : '',\n this.getCssClassWithColWidth(CSS_CLASS_NAME.colSizePrefix, this.fdLayoutGridCol),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.mdColSizePrefix, this.colMd),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.lgColSizePrefix, this.colLg),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.xlColSizePrefix, this.colXl),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.colOffsetPrefix, this.colOffset),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.mdColOffsetPrefix, this.colOffsetMd),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.lgColOffsetPrefix, this.colOffsetLg),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.xlColOffsetPrefix, this.colOffsetXl),\n this.class\n ];\n }\n\n /** @hidden */\n getCssClassWithColWidth(classPrefix: string, colWidth: NumberInput): string {\n if (!colWidth) {\n return null;\n }\n\n const col = coerceNumberProperty(colWidth);\n\n return col <= GRID_COLUMNS_NUMBER && col >= 1 ? classPrefix + col : null;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LayoutGridComponent } from './layout-grid.component';\nimport { LayoutGridRowDirective } from './directives/layout-grid-row.directive';\nimport { LayoutGridColDirective } from './directives/layout-grid-col.directive';\n\n@NgModule({\n declarations: [LayoutGridComponent, LayoutGridColDirective, LayoutGridRowDirective],\n imports: [CommonModule],\n exports: [LayoutGridComponent, LayoutGridColDirective, LayoutGridRowDirective]\n})\nexport class LayoutGridModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-core-layout-grid.mjs","sources":["../../../../../libs/core/src/lib/layout-grid/constants.ts","../../../../../libs/core/src/lib/layout-grid/layout-grid.component.ts","../../../../../libs/core/src/lib/layout-grid/directives/layout-grid-row.directive.ts","../../../../../libs/core/src/lib/layout-grid/directives/layout-grid-col.directive.ts","../../../../../libs/core/src/lib/layout-grid/layout-grid.module.ts","../../../../../libs/core/src/lib/layout-grid/fundamental-ngx-core-layout-grid.ts"],"sourcesContent":["/** Describes number of columns in grid horizontal dimension */\nexport const GRID_COLUMNS_NUMBER = 12;\n\nexport const CSS_CLASS_NAME = {\n layoutGrid: 'fd-container',\n layoutGridNoHorizontalGap: 'fd-container--no-horizontal-gap',\n layoutGridNoVerticalGap: 'fd-container--no-vertical-gap',\n layoutGridNoGap: 'fd-container--no-gap',\n\n col: 'fd-col',\n colGrow: 'fd-col--full',\n\n colSizePrefix: 'fd-col--',\n mdColSizePrefix: 'fd-col-md--',\n lgColSizePrefix: 'fd-col-lg--',\n xlColSizePrefix: 'fd-col-xl--',\n\n colOffsetPrefix: 'fd-col--offset-',\n mdColOffsetPrefix: 'fd-col-md--offset-',\n lgColOffsetPrefix: 'fd-col-lg--offset-',\n xlColOffsetPrefix: 'fd-col-xl--offset-'\n} as const;\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { CSS_CLASS_NAME } from './constants';\n\n/**\n * Use a layout grid to arrange components evenly in a grid layout.\n */\n@Component({\n selector: 'fd-layout-grid, [fdLayoutGrid]',\n template: `<div class=\"fd-row\"><ng-content></ng-content></div>`,\n styleUrls: ['./layout-grid.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutGridComponent implements OnInit, OnChanges, CssClassBuilder {\n /** Custom classes */\n @Input()\n set class(userClass: string) {\n this._class = userClass;\n this.buildComponentCssClass();\n }\n\n /** Whether the grid should have a gap. */\n @Input()\n noGap: boolean;\n\n /** Whether the grid should have a horizontal gap. */\n @Input()\n noHorizontalGap: boolean;\n\n /** Whether the grid should have a vertical gap. */\n @Input()\n noVerticalGap: boolean;\n\n /** @hidden */\n private _class = '';\n\n /** @hidden */\n constructor(private _elementRef: ElementRef) {}\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n elementRef(): ElementRef {\n return this._elementRef;\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n CSS_CLASS_NAME.layoutGrid,\n this.noVerticalGap ? CSS_CLASS_NAME.layoutGridNoVerticalGap : '',\n this.noHorizontalGap ? CSS_CLASS_NAME.layoutGridNoHorizontalGap : '',\n this.noGap ? CSS_CLASS_NAME.layoutGridNoGap : '',\n this._class\n ];\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[fd-layout-grid-row], [fdLayoutGridRow]',\n host: {\n class: 'fd-row'\n }\n})\nexport class LayoutGridRowDirective {}\n","import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { CSS_CLASS_NAME, GRID_COLUMNS_NUMBER } from '../constants';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\n\n@Directive({\n selector: '[fd-layout-grid-col], [fdLayoutGridCol]'\n})\nexport class LayoutGridColDirective implements CssClassBuilder, OnInit, OnChanges {\n /** Defines the width of the element on the layout grid. */\n @Input()\n fdLayoutGridCol: NumberInput;\n\n /** Weather the column should take all available width */\n @Input()\n set colGrow(value: BooleanInput) {\n this._colGrow = coerceBooleanProperty(value);\n }\n\n /** @hidden */\n get colGrow(): boolean {\n return this._colGrow;\n }\n\n /** Defines the width of the element on the layout grid for middle-size screen devices. */\n @Input()\n colMd: number;\n\n /** Defines the width of the element on the layout grid for large screen devices. */\n @Input()\n colLg: number;\n\n /** Defines the width of the element on the layout grid for extra-large screen devices. */\n @Input()\n colXl: number;\n\n /** Defines the offset width of the element on the layout grid. */\n @Input()\n colOffset: number;\n\n /** Defines the offset width of the element on the layout grid for middle-sized screen devices. */\n @Input()\n colOffsetMd: number;\n\n /** Defines the offset width of the element on the layout grid for large screen devices. */\n @Input()\n colOffsetLg: number;\n\n /** Defines the offset width of the element on the layout grid for extra-large screen devices. */\n @Input()\n colOffsetXl: number;\n\n /** @hidden */\n @Input()\n class: string;\n\n /** @hidden */\n private _colGrow: boolean;\n\n /** @hidden */\n constructor(private _elementRef: ElementRef) {}\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n elementRef(): ElementRef {\n return this._elementRef;\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n CSS_CLASS_NAME.col,\n this.colGrow ? CSS_CLASS_NAME.colGrow : '',\n this.getCssClassWithColWidth(CSS_CLASS_NAME.colSizePrefix, this.fdLayoutGridCol),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.mdColSizePrefix, this.colMd),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.lgColSizePrefix, this.colLg),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.xlColSizePrefix, this.colXl),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.colOffsetPrefix, this.colOffset),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.mdColOffsetPrefix, this.colOffsetMd),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.lgColOffsetPrefix, this.colOffsetLg),\n this.getCssClassWithColWidth(CSS_CLASS_NAME.xlColOffsetPrefix, this.colOffsetXl),\n this.class\n ];\n }\n\n /** @hidden */\n getCssClassWithColWidth(classPrefix: string, colWidth: NumberInput): string {\n if (!colWidth) {\n return null;\n }\n\n const col = coerceNumberProperty(colWidth);\n\n return col <= GRID_COLUMNS_NUMBER && col >= 1 ? classPrefix + col : null;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LayoutGridComponent } from './layout-grid.component';\nimport { LayoutGridRowDirective } from './directives/layout-grid-row.directive';\nimport { LayoutGridColDirective } from './directives/layout-grid-col.directive';\n\n@NgModule({\n declarations: [LayoutGridComponent, LayoutGridColDirective, LayoutGridRowDirective],\n imports: [CommonModule],\n exports: [LayoutGridComponent, LayoutGridColDirective, LayoutGridRowDirective]\n})\nexport class LayoutGridModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
package/layout-grid/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/layout-grid",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/layout-panel/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/layout-panel",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/link/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/link",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/list/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/list",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/menu/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/menu",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/message-box/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/message-box",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/message-strip/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/message-strip",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/message-toast/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/message-toast",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/micro-process-flow/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/micro-process-flow",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/mobile-mode/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/mobile-mode",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/multi-input/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/multi-input",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/nested-list/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/nested-list",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/notification/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/notification",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/object-identifier/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/object-identifier",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/object-marker/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/object-marker",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/object-number/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/object-number",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/object-status/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/object-status",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "description": "Fundamental Library for Angular - core",
6
6
  "license": "Apache-2.0",
package/pagination/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/pagination",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/panel/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/panel",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/popover/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/popover",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/product-switch/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/product-switch",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/progress-indicator/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/progress-indicator",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "~12.0.5",
6
6
  "@angular/core": "~12.0.5"
package/quick-view/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/quick-view",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/radio/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/radio",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/rating-indicator/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/rating-indicator",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/resizable-card-layout/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/resizable-card-layout",
3
- "version": "0.33.5-rc.21",
3
+ "version": "0.33.5-rc.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/schematics/add-animations/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function addAnimations(options: any): any;
package/schematics/add-animations/index.js ADDED
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ Object.defineProperty(exports, "__esModule", { value: true });
12
+ exports.addAnimations = void 0;
13
+ const schematics_1 = require("@angular/cdk/schematics");
14
+ const ng_module_utils_1 = require("../utils/ng-module-utils");
15
+ const browserAnimationsModuleName = 'BrowserAnimationsModule';
16
+ const noopAnimationsModuleName = 'NoopAnimationsModule';
17
+ // Configures animations modules
18
+ function addAnimations(options) {
19
+ return (tree, context) => __awaiter(this, void 0, void 0, function* () {
20
+ const modulePath = yield (0, schematics_1.findModuleFromOptions)(tree, options);
21
+ if (options.animations) {
22
+ if ((0, ng_module_utils_1.hasModuleImport)(tree, modulePath, noopAnimationsModuleName)) {
23
+ context.logger.warn(`Could not set up "${browserAnimationsModuleName} because "${noopAnimationsModuleName}" is already imported. Please manually set up browser animations.`);
24
+ return tree;
25
+ }
26
+ if ((0, ng_module_utils_1.hasModuleImport)(tree, modulePath, browserAnimationsModuleName)) {
27
+ context.logger.info(`✅️ Import of ${browserAnimationsModuleName} already present in root module. Skipping.`);
28
+ return tree;
29
+ }
30
+ (0, schematics_1.addModuleImportToModule)(tree, modulePath, browserAnimationsModuleName, '@angular/platform-browser/animations');
31
+ context.logger.info(`✅️ Added ${browserAnimationsModuleName} to root module.`);
32
+ return tree;
33
+ }
34
+ if (!(0, ng_module_utils_1.hasModuleImport)(tree, modulePath, browserAnimationsModuleName)) {
35
+ (0, schematics_1.addModuleImportToModule)(tree, modulePath, noopAnimationsModuleName, '@angular/platform-browser/animations');
36
+ context.logger.info(`✅️ Added ${noopAnimationsModuleName} to root module.`);
37
+ }
38
+ return tree;
39
+ });
40
+ }
41
+ exports.addAnimations = addAnimations;
42
+ //# sourceMappingURL=index.js.map
package/schematics/add-animations/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/schematics/add-animations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,wDAAyF;AACzF,8DAA2D;AAE3D,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;AAC9D,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;AAExD,gCAAgC;AAChC,SAAgB,aAAa,CAAC,OAAY;IACtC,OAAO,CAAO,IAAU,EAAE,OAAyB,EAAE,EAAE;QACnD,MAAM,UAAU,GAAG,MAAM,IAAA,kCAAqB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE9D,IAAI,OAAO,CAAC,UAAU,EAAE;YACpB,IAAI,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,CAAC,EAAE;gBAC7D,OAAO,CAAC,MAAM,CAAC,IAAI,CACf,qBAAqB,2BAA2B,aAAa,wBAAwB,mEAAmE,CAC3J,CAAC;gBAEF,OAAO,IAAI,CAAC;aACf;YAED,IAAI,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,2BAA2B,CAAC,EAAE;gBAChE,OAAO,CAAC,MAAM,CAAC,IAAI,CACf,gBAAgB,2BAA2B,4CAA4C,CAC1F,CAAC;gBAEF,OAAO,IAAI,CAAC;aACf;YAED,IAAA,oCAAuB,EACnB,IAAI,EACJ,UAAU,EACV,2BAA2B,EAC3B,sCAAsC,CACzC,CAAC;YAEF,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,2BAA2B,kBAAkB,CAAC,CAAC;YAE/E,OAAO,IAAI,CAAC;SACf;QAED,IAAI,CAAC,IAAA,iCAAe,EAAC,IAAI,EAAE,UAAU,EAAE,2BAA2B,CAAC,EAAE;YACjE,IAAA,oCAAuB,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,EAAE,sCAAsC,CAAC,CAAC;YAE5G,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,wBAAwB,kBAAkB,CAAC,CAAC;SAC/E;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAA,CAAC;AACN,CAAC;AAzCD,sCAyCC"}
package/schematics/collection.json CHANGED
@@ -5,6 +5,10 @@
5
5
  "description": "Adds @fundamental-ngx/core to the project.",
6
6
  "factory": "./ng-add/index#ngAdd",
7
7
  "schema": "./ng-add/schema.json"
8
+ },
9
+ "add-animations": {
10
+ "description": "Adds animations module imports using @angular/cdk tools.",
11
+ "factory": "./add-animations/index#addAnimations"
8
12
  }
9
13
  }
10
14
  }