@fundamental-ngx/core 0.39.2 → 0.40.0-rc.0

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 (147) hide show
  1. package/dialog/base/dialog-config-base.class.d.ts +2 -0
  2. package/esm2020/avatar/avatar.component.mjs +6 -3
  3. package/esm2020/calendar/calendar-views/calendar-day-view/calendar-day-view.component.mjs +6 -3
  4. package/esm2020/date-picker/date-picker.component.mjs +5 -15
  5. package/esm2020/dialog/base/dialog-config-base.class.mjs +3 -1
  6. package/esm2020/dialog/dialog-body/dialog-body.component.mjs +3 -3
  7. package/esm2020/dialog/dialog.component.mjs +4 -3
  8. package/esm2020/dynamic-page/dynamic-page.component.mjs +2 -2
  9. package/esm2020/form/form-input-message-group/form-input-message-group.component.mjs +1 -1
  10. package/esm2020/form/form-label/form-label.component.mjs +8 -2
  11. package/esm2020/icon/icon.component.mjs +1 -1
  12. package/esm2020/illustrated-message/illustrated-message.component.mjs +5 -2
  13. package/esm2020/layout-panel/layout-panel-footer/layout-panel-footer.component.mjs +40 -22
  14. package/esm2020/layout-panel/layout-panel-title/layout-panel-title.directive.mjs +4 -4
  15. package/esm2020/layout-panel/layout-panel.component.mjs +15 -3
  16. package/esm2020/link/link.component.mjs +3 -3
  17. package/esm2020/list/list-component.interface.mjs +1 -1
  18. package/esm2020/list/list-item/list-item.component.mjs +9 -10
  19. package/esm2020/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
  20. package/esm2020/list/list.component.mjs +2 -2
  21. package/esm2020/list/tokens.mjs +1 -1
  22. package/esm2020/multi-combobox/base-multi-combobox.class.mjs +2 -2
  23. package/esm2020/multi-combobox/multi-combobox.component.mjs +8 -9
  24. package/esm2020/multi-input/multi-input.component.mjs +7 -4
  25. package/esm2020/object-status/object-status.component.mjs +1 -1
  26. package/esm2020/popover/base/base-popover.class.mjs +18 -4
  27. package/esm2020/popover/popover-service/popover.service.mjs +22 -8
  28. package/esm2020/segmented-button/segmented-button.component.mjs +11 -15
  29. package/esm2020/select/option/option.component.mjs +21 -5
  30. package/esm2020/select/select.component.mjs +1 -1
  31. package/esm2020/splitter/splitter-pane-container/splitter-pane-container.component.mjs +9 -3
  32. package/esm2020/text/text.component.mjs +3 -3
  33. package/esm2020/theming/theming.service.mjs +11 -4
  34. package/esm2020/timeline/timeline.component.mjs +11 -11
  35. package/esm2020/token/token.component.mjs +27 -6
  36. package/esm2020/token/tokenizer.component.mjs +151 -71
  37. package/fesm2015/fundamental-ngx-core-avatar.mjs +5 -2
  38. package/fesm2015/fundamental-ngx-core-avatar.mjs.map +1 -1
  39. package/fesm2015/fundamental-ngx-core-calendar.mjs +5 -2
  40. package/fesm2015/fundamental-ngx-core-calendar.mjs.map +1 -1
  41. package/fesm2015/fundamental-ngx-core-date-picker.mjs +4 -14
  42. package/fesm2015/fundamental-ngx-core-date-picker.mjs.map +1 -1
  43. package/fesm2015/fundamental-ngx-core-dialog.mjs +6 -4
  44. package/fesm2015/fundamental-ngx-core-dialog.mjs.map +1 -1
  45. package/fesm2015/fundamental-ngx-core-dynamic-page.mjs +2 -2
  46. package/fesm2015/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  47. package/fesm2015/fundamental-ngx-core-form.mjs +7 -1
  48. package/fesm2015/fundamental-ngx-core-form.mjs.map +1 -1
  49. package/fesm2015/fundamental-ngx-core-icon.mjs.map +1 -1
  50. package/fesm2015/fundamental-ngx-core-illustrated-message.mjs +4 -1
  51. package/fesm2015/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  52. package/fesm2015/fundamental-ngx-core-layout-panel.mjs +55 -25
  53. package/fesm2015/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  54. package/fesm2015/fundamental-ngx-core-link.mjs +2 -2
  55. package/fesm2015/fundamental-ngx-core-link.mjs.map +1 -1
  56. package/fesm2015/fundamental-ngx-core-list.mjs +15 -19
  57. package/fesm2015/fundamental-ngx-core-list.mjs.map +1 -1
  58. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs +9 -11
  59. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  60. package/fesm2015/fundamental-ngx-core-multi-input.mjs +6 -3
  61. package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
  62. package/fesm2015/fundamental-ngx-core-object-status.mjs.map +1 -1
  63. package/fesm2015/fundamental-ngx-core-popover.mjs +38 -10
  64. package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
  65. package/fesm2015/fundamental-ngx-core-segmented-button.mjs +11 -15
  66. package/fesm2015/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  67. package/fesm2015/fundamental-ngx-core-select.mjs +29 -14
  68. package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
  69. package/fesm2015/fundamental-ngx-core-splitter.mjs +8 -2
  70. package/fesm2015/fundamental-ngx-core-splitter.mjs.map +1 -1
  71. package/fesm2015/fundamental-ngx-core-text.mjs +2 -2
  72. package/fesm2015/fundamental-ngx-core-text.mjs.map +1 -1
  73. package/fesm2015/fundamental-ngx-core-theming.mjs +10 -3
  74. package/fesm2015/fundamental-ngx-core-theming.mjs.map +1 -1
  75. package/fesm2015/fundamental-ngx-core-timeline.mjs +9 -10
  76. package/fesm2015/fundamental-ngx-core-timeline.mjs.map +1 -1
  77. package/fesm2015/fundamental-ngx-core-token.mjs +179 -76
  78. package/fesm2015/fundamental-ngx-core-token.mjs.map +1 -1
  79. package/fesm2020/fundamental-ngx-core-avatar.mjs +5 -2
  80. package/fesm2020/fundamental-ngx-core-avatar.mjs.map +1 -1
  81. package/fesm2020/fundamental-ngx-core-calendar.mjs +5 -2
  82. package/fesm2020/fundamental-ngx-core-calendar.mjs.map +1 -1
  83. package/fesm2020/fundamental-ngx-core-date-picker.mjs +4 -14
  84. package/fesm2020/fundamental-ngx-core-date-picker.mjs.map +1 -1
  85. package/fesm2020/fundamental-ngx-core-dialog.mjs +6 -4
  86. package/fesm2020/fundamental-ngx-core-dialog.mjs.map +1 -1
  87. package/fesm2020/fundamental-ngx-core-dynamic-page.mjs +2 -2
  88. package/fesm2020/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  89. package/fesm2020/fundamental-ngx-core-form.mjs +7 -1
  90. package/fesm2020/fundamental-ngx-core-form.mjs.map +1 -1
  91. package/fesm2020/fundamental-ngx-core-icon.mjs.map +1 -1
  92. package/fesm2020/fundamental-ngx-core-illustrated-message.mjs +4 -1
  93. package/fesm2020/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  94. package/fesm2020/fundamental-ngx-core-layout-panel.mjs +55 -25
  95. package/fesm2020/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  96. package/fesm2020/fundamental-ngx-core-link.mjs +2 -2
  97. package/fesm2020/fundamental-ngx-core-link.mjs.map +1 -1
  98. package/fesm2020/fundamental-ngx-core-list.mjs +15 -18
  99. package/fesm2020/fundamental-ngx-core-list.mjs.map +1 -1
  100. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs +8 -9
  101. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  102. package/fesm2020/fundamental-ngx-core-multi-input.mjs +6 -3
  103. package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
  104. package/fesm2020/fundamental-ngx-core-object-status.mjs.map +1 -1
  105. package/fesm2020/fundamental-ngx-core-popover.mjs +38 -10
  106. package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
  107. package/fesm2020/fundamental-ngx-core-segmented-button.mjs +11 -15
  108. package/fesm2020/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  109. package/fesm2020/fundamental-ngx-core-select.mjs +27 -14
  110. package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
  111. package/fesm2020/fundamental-ngx-core-splitter.mjs +8 -2
  112. package/fesm2020/fundamental-ngx-core-splitter.mjs.map +1 -1
  113. package/fesm2020/fundamental-ngx-core-text.mjs +2 -2
  114. package/fesm2020/fundamental-ngx-core-text.mjs.map +1 -1
  115. package/fesm2020/fundamental-ngx-core-theming.mjs +10 -3
  116. package/fesm2020/fundamental-ngx-core-theming.mjs.map +1 -1
  117. package/fesm2020/fundamental-ngx-core-timeline.mjs +9 -10
  118. package/fesm2020/fundamental-ngx-core-timeline.mjs.map +1 -1
  119. package/fesm2020/fundamental-ngx-core-token.mjs +173 -74
  120. package/fesm2020/fundamental-ngx-core-token.mjs.map +1 -1
  121. package/form/form-input-message-group/form-input-message-group.component.d.ts +2 -1
  122. package/fundamental-ngx-core-v0.40.0-rc.0.tgz +0 -0
  123. package/illustrated-message/illustrated-message.component.d.ts +2 -2
  124. package/layout-panel/layout-panel-footer/layout-panel-footer.component.d.ts +23 -14
  125. package/layout-panel/layout-panel-title/layout-panel-title.directive.d.ts +1 -1
  126. package/layout-panel/layout-panel.component.d.ts +5 -1
  127. package/list/list-component.interface.d.ts +1 -0
  128. package/list/list-item/list-item.component.d.ts +2 -2
  129. package/list/tokens.d.ts +1 -1
  130. package/multi-combobox/base-multi-combobox.class.d.ts +1 -2
  131. package/multi-combobox/multi-combobox.component.d.ts +2 -3
  132. package/object-status/object-status.component.d.ts +1 -1
  133. package/package.json +4 -4
  134. package/popover/base/base-popover.class.d.ts +17 -3
  135. package/popover/popover-service/popover.service.d.ts +2 -0
  136. package/schematics/add-dependencies/index.js +6 -6
  137. package/segmented-button/segmented-button.component.d.ts +0 -1
  138. package/select/option/option.component.d.ts +9 -2
  139. package/select/select.component.d.ts +1 -1
  140. package/splitter/splitter-pane-container/splitter-pane-container.component.d.ts +5 -1
  141. package/theming/theming.service.d.ts +12 -6
  142. package/timeline/timeline.component.d.ts +3 -2
  143. package/token/token.component.d.ts +7 -1
  144. package/token/tokenizer.component.d.ts +28 -7
  145. package/esm2020/list/list-component.token.mjs +0 -4
  146. package/fundamental-ngx-core-v0.39.2.tgz +0 -0
  147. package/list/list-component.token.d.ts +0 -4
@@ -1,7 +1,10 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, Directive, NgModule } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
+ import { __decorate, __metadata } from 'tslib';
5
+ import { applyCssClass } from '@fundamental-ngx/cdk/utils';
4
6
 
7
+ let layoutPanelUniqueId = 0;
5
8
  /**
6
9
  * Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.
7
10
  */
@@ -9,8 +12,12 @@ class LayoutPanelComponent {
9
12
  /** @hidden */
10
13
  constructor(elRef) {
11
14
  this.elRef = elRef;
15
+ /** Id for the layout panel element. */
16
+ this.id = 'fd-layout-panel-' + layoutPanelUniqueId++;
12
17
  /** @hidden */
13
18
  this.fdLayoutPanelClass = true;
19
+ /** Whether the background of the panel should be transparent. */
20
+ this.transparent = false;
14
21
  }
15
22
  /** @hidden */
16
23
  ngOnChanges() {
@@ -28,17 +35,24 @@ class LayoutPanelComponent {
28
35
  }
29
36
  }
30
37
  LayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
31
- LayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelComponent, selector: "fd-layout-panel", inputs: { backgroundImage: "backgroundImage" }, host: { properties: { "class.fd-has-display-block": "true", "class.fd-layout-panel": "this.fdLayoutPanelClass" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-layout-panel{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.5rem;padding:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapGroup_TitleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{-webkit-box-sizing:border-box;-webkit-transition:all .15s ease-in;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0}.fd-layout-panel__body{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{margin-bottom:0}.fd-layout-panel__footer{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{justify-content:flex-end}.fd-layout-panel__footer--start{justify-content:flex-start}.fd-has-display-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
38
+ LayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelComponent, selector: "fd-layout-panel", inputs: { backgroundImage: "backgroundImage", id: "id", transparent: "transparent" }, host: { properties: { "class.fd-has-display-block": "true", "class.fd-layout-panel": "this.fdLayoutPanelClass", "class.fd-layout-panel--transparent": "this.transparent" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-layout-panel{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.5rem;padding:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapGroup_TitleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{-webkit-box-sizing:border-box;-webkit-transition:all .15s ease-in;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0}.fd-layout-panel__body{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{margin-bottom:0}.fd-layout-panel__footer{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{justify-content:flex-end}.fd-layout-panel__footer--start{justify-content:flex-start}/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-has-display-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
32
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelComponent, decorators: [{
33
40
  type: Component,
34
41
  args: [{ selector: 'fd-layout-panel', host: {
35
42
  '[class.fd-has-display-block]': 'true'
36
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-layout-panel{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.5rem;padding:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapGroup_TitleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{-webkit-box-sizing:border-box;-webkit-transition:all .15s ease-in;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0}.fd-layout-panel__body{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{margin-bottom:0}.fd-layout-panel__footer{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{justify-content:flex-end}.fd-layout-panel__footer--start{justify-content:flex-start}.fd-has-display-block{display:block}\n"] }]
43
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-layout-panel{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.5rem;padding:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapGroup_TitleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{-webkit-box-sizing:border-box;-webkit-transition:all .15s ease-in;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0}.fd-layout-panel__body{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{margin-bottom:0}.fd-layout-panel__footer{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:.5rem 1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{justify-content:flex-end}.fd-layout-panel__footer--start{justify-content:flex-start}/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-has-display-block{display:block}\n"] }]
37
44
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { backgroundImage: [{
38
45
  type: Input
46
+ }], id: [{
47
+ type: Input
39
48
  }], fdLayoutPanelClass: [{
40
49
  type: HostBinding,
41
50
  args: ['class.fd-layout-panel']
51
+ }], transparent: [{
52
+ type: Input
53
+ }, {
54
+ type: HostBinding,
55
+ args: ['class.fd-layout-panel--transparent']
42
56
  }] } });
43
57
 
44
58
  /**
@@ -110,11 +124,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
110
124
  class LayoutPanelTitleDirective {
111
125
  constructor() {
112
126
  /** @hidden */
113
- this.fdLayoutPanelTitleClass = true;
127
+ this.fdLayoutPanelTitleClass = 'fd-title fd-title--h5';
114
128
  }
115
129
  }
116
130
  LayoutPanelTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
117
- LayoutPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]", host: { properties: { "class.fd-layout-panel__title": "this.fdLayoutPanelTitleClass" } }, ngImport: i0 });
131
+ LayoutPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]", host: { properties: { "class": "this.fdLayoutPanelTitleClass" } }, ngImport: i0 });
118
132
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelTitleDirective, decorators: [{
119
133
  type: Directive,
120
134
  args: [{
@@ -124,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
124
138
  }]
125
139
  }], propDecorators: { fdLayoutPanelTitleClass: [{
126
140
  type: HostBinding,
127
- args: ['class.fd-layout-panel__title']
141
+ args: ['class']
128
142
  }] } });
129
143
 
130
144
  /**
@@ -243,32 +257,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
243
257
  args: ['class.fd-layout-panel__body--bleed']
244
258
  }] } });
245
259
 
246
- /**
247
- * Layout Panel footer can be utilized for pagination, secondary actions, add more data, etc.
248
- *
249
- * ```html
250
- * <fd-layout-panel>
251
- * <fd-layout-panel-footer>
252
- * Some text can go here!
253
- * </fd-layout-panel-footer>
254
- * </fd-layout-panel>
255
- * ```
256
- */
257
260
  class LayoutPanelFooterComponent {
258
- constructor() {
259
- /** @hidden */
260
- this.fdLayoutPanelFooterClass = true;
261
+ /** @hidden */
262
+ constructor(_elementRef) {
263
+ this._elementRef = _elementRef;
264
+ }
265
+ /** @hidden */
266
+ ngOnInit() {
267
+ this.buildComponentCssClass();
268
+ }
269
+ /** @hidden */
270
+ ngOnChanges() {
271
+ this.buildComponentCssClass();
272
+ }
273
+ /** @hidden */
274
+ buildComponentCssClass() {
275
+ return [
276
+ 'fd-layout-panel__footer',
277
+ this.position ? `fd-layout-panel__footer--${this.position}` : '',
278
+ this.class
279
+ ];
280
+ }
281
+ /** @hidden */
282
+ elementRef() {
283
+ return this._elementRef;
261
284
  }
262
285
  }
263
- LayoutPanelFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
264
- LayoutPanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelFooterComponent, selector: "fd-layout-panel-footer", host: { properties: { "class.fd-layout-panel__footer": "this.fdLayoutPanelFooterClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
286
+ LayoutPanelFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelFooterComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
287
+ LayoutPanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: LayoutPanelFooterComponent, selector: "fd-layout-panel-footer", inputs: { class: "class", position: "position" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
288
+ __decorate([
289
+ applyCssClass,
290
+ __metadata("design:type", Function),
291
+ __metadata("design:paramtypes", []),
292
+ __metadata("design:returntype", Array)
293
+ ], LayoutPanelFooterComponent.prototype, "buildComponentCssClass", null);
265
294
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LayoutPanelFooterComponent, decorators: [{
266
295
  type: Component,
267
296
  args: [{ selector: 'fd-layout-panel-footer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
268
- }], propDecorators: { fdLayoutPanelFooterClass: [{
269
- type: HostBinding,
270
- args: ['class.fd-layout-panel__footer']
271
- }] } });
297
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
298
+ type: Input
299
+ }], position: [{
300
+ type: Input
301
+ }], buildComponentCssClass: [] } });
272
302
 
273
303
  class LayoutPanelModule {
274
304
  }
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-layout-panel.mjs","sources":["../../../../libs/core/src/lib/layout-panel/layout-panel.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-header/layout-panel-header.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-header/layout-panel-header.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-head/layout-panel-head.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-head/layout-panel-head.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-title/layout-panel-title.directive.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-description/layout-panel-description.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-description/layout-panel-description.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-actions/layout-panel-actions.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-actions/layout-panel-actions.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-filters/layout-panel-filters.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-filters/layout-panel-filters.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-body/layout-panel-body.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-body/layout-panel-body.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-footer/layout-panel-footer.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-footer/layout-panel-footer.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel.module.ts","../../../../libs/core/src/lib/layout-panel/fundamental-ngx-core-layout-panel.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\n\n/**\n * Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.\n */\n@Component({\n selector: 'fd-layout-panel',\n templateUrl: './layout-panel.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./layout-panel.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelComponent implements OnChanges, OnInit {\n /** @Input Background image of the panel. */\n @Input()\n backgroundImage: string;\n\n /** @hidden */\n @HostBinding('class.fd-layout-panel')\n fdLayoutPanelClass = true;\n\n /** @hidden */\n constructor(private elRef: ElementRef) {}\n\n /** @hidden */\n ngOnChanges(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n private _applyBackgroundImage(): void {\n if (this.backgroundImage) {\n (this.elRef.nativeElement as HTMLElement).style['background-image'] = 'url(\"' + this.backgroundImage + '\")';\n }\n }\n}\n","<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Header of the panel. Contains a head and actions.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-header',\n templateUrl: './layout-panel-header.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelHeaderComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__header')\n fdLayoutPanelHeaderClass = true;\n}\n","<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Container for title and description.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-head',\n templateUrl: './layout-panel-head.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelHeadComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__head')\n fdLayoutPanelHeadClass = true;\n}\n","<ng-content></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * Applies the panel title style to a header element. It can be used with any header level.\n *\n * ```html\n * <h1 fd-layout-panel-title>Layout Panel Title</h1>\n * <h3 fd-layout-panel-title>Layout Panel Title</h3>\n * ```\n */\n@Directive({\n // TODO to be discussed\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-layout-panel-title]'\n})\nexport class LayoutPanelTitleDirective {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__title')\n fdLayoutPanelTitleClass = true;\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Description of the panel title.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-description>This is a description for a panel title!</fd-layout-panel-description>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-description',\n templateUrl: './layout-panel-description.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelDescriptionComponent {}\n","<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level actions such as add, remove, delete, sort, etc.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-actions>\n * <button fd-button (click)=\"action()\">Action</button>\n * </fd-layout-panel-actions>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-actions',\n templateUrl: './layout-panel-actions.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelActionsComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__actions')\n fdLayoutPanelActionsClass = true;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level filters that is specific to the data being displayed within the panel.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-filters>\n * Some text can go here!\n * </fd-layout-panel-filters>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-filters',\n templateUrl: './layout-panel-filters.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelFiltersComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__filters')\n fdLayoutPanelFiltersClass = true;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * Main content of the panel can that hold lists, table, tree, text, form or any other information.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-body>\n * Some text can go here!\n * </fd-layout-panel-body>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-body',\n templateUrl: './layout-panel-body.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelBodyComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__body')\n fdLayoutPanelBodyClass = true;\n\n /** Whether the edges of the panel should have bleeding padding. */\n @Input()\n @HostBinding('class.fd-layout-panel__body--bleed')\n bleed = false;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel footer can be utilized for pagination, secondary actions, add more data, etc.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-footer>\n * Some text can go here!\n * </fd-layout-panel-footer>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-footer',\n templateUrl: './layout-panel-footer.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelFooterComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__footer')\n fdLayoutPanelFooterClass = true;\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LayoutPanelComponent } from './layout-panel.component';\nimport { LayoutPanelHeaderComponent } from './layout-panel-header/layout-panel-header.component';\nimport { LayoutPanelHeadComponent } from './layout-panel-head/layout-panel-head.component';\nimport { LayoutPanelTitleDirective } from './layout-panel-title/layout-panel-title.directive';\nimport { LayoutPanelDescriptionComponent } from './layout-panel-description/layout-panel-description.component';\nimport { LayoutPanelActionsComponent } from './layout-panel-actions/layout-panel-actions.component';\nimport { LayoutPanelFiltersComponent } from './layout-panel-filters/layout-panel-filters.component';\nimport { LayoutPanelBodyComponent } from './layout-panel-body/layout-panel-body.component';\nimport { LayoutPanelFooterComponent } from './layout-panel-footer/layout-panel-footer.component';\n@NgModule({\n declarations: [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n ],\n imports: [CommonModule],\n exports: [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n ]\n})\nexport class LayoutPanelModule {}\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-panel.mjs","sources":["../../../../libs/core/src/lib/layout-panel/layout-panel.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-header/layout-panel-header.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-header/layout-panel-header.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-head/layout-panel-head.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-head/layout-panel-head.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-title/layout-panel-title.directive.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-description/layout-panel-description.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-description/layout-panel-description.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-actions/layout-panel-actions.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-actions/layout-panel-actions.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-filters/layout-panel-filters.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-filters/layout-panel-filters.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-body/layout-panel-body.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-body/layout-panel-body.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel-footer/layout-panel-footer.component.ts","../../../../libs/core/src/lib/layout-panel/layout-panel-footer/layout-panel-footer.component.html","../../../../libs/core/src/lib/layout-panel/layout-panel.module.ts","../../../../libs/core/src/lib/layout-panel/fundamental-ngx-core-layout-panel.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\n\nlet layoutPanelUniqueId = 0;\n\n/**\n * Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.\n */\n@Component({\n selector: 'fd-layout-panel',\n templateUrl: './layout-panel.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./layout-panel.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelComponent implements OnChanges, OnInit {\n /** @Input Background image of the panel. */\n @Input()\n backgroundImage: string;\n\n /** Id for the layout panel element. */\n @Input()\n id: string = 'fd-layout-panel-' + layoutPanelUniqueId++;\n\n /** @hidden */\n @HostBinding('class.fd-layout-panel')\n fdLayoutPanelClass = true;\n\n /** Whether the background of the panel should be transparent. */\n @Input()\n @HostBinding('class.fd-layout-panel--transparent')\n transparent = false;\n\n /** @hidden */\n constructor(private elRef: ElementRef) {}\n\n /** @hidden */\n ngOnChanges(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n private _applyBackgroundImage(): void {\n if (this.backgroundImage) {\n (this.elRef.nativeElement as HTMLElement).style['background-image'] = 'url(\"' + this.backgroundImage + '\")';\n }\n }\n}\n","<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Header of the panel. Contains a head and actions.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-header',\n templateUrl: './layout-panel-header.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelHeaderComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__header')\n fdLayoutPanelHeaderClass = true;\n}\n","<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Container for title and description.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-head',\n templateUrl: './layout-panel-head.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelHeadComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__head')\n fdLayoutPanelHeadClass = true;\n}\n","<ng-content></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * Applies the panel title style to a header element. It can be used with any header level.\n *\n * ```html\n * <h1 fd-layout-panel-title>Layout Panel Title</h1>\n * <h3 fd-layout-panel-title>Layout Panel Title</h3>\n * ```\n */\n@Directive({\n // TODO to be discussed\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-layout-panel-title]'\n})\nexport class LayoutPanelTitleDirective {\n /** @hidden */\n @HostBinding('class')\n fdLayoutPanelTitleClass = 'fd-title fd-title--h5';\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Description of the panel title.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-description>This is a description for a panel title!</fd-layout-panel-description>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-description',\n templateUrl: './layout-panel-description.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelDescriptionComponent {}\n","<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level actions such as add, remove, delete, sort, etc.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-actions>\n * <button fd-button (click)=\"action()\">Action</button>\n * </fd-layout-panel-actions>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-actions',\n templateUrl: './layout-panel-actions.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelActionsComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__actions')\n fdLayoutPanelActionsClass = true;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level filters that is specific to the data being displayed within the panel.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-filters>\n * Some text can go here!\n * </fd-layout-panel-filters>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-filters',\n templateUrl: './layout-panel-filters.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelFiltersComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__filters')\n fdLayoutPanelFiltersClass = true;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * Main content of the panel can that hold lists, table, tree, text, form or any other information.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-body>\n * Some text can go here!\n * </fd-layout-panel-body>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-body',\n templateUrl: './layout-panel-body.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelBodyComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__body')\n fdLayoutPanelBodyClass = true;\n\n /** Whether the edges of the panel should have bleeding padding. */\n @Input()\n @HostBinding('class.fd-layout-panel__body--bleed')\n bleed = false;\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nexport type FooterPosition = 'start' | 'end';\n\n@Component({\n selector: 'fd-layout-panel-footer',\n templateUrl: './layout-panel-footer.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelFooterComponent implements OnInit, CssClassBuilder {\n /** Apply user custom styles */\n @Input()\n class: string;\n\n /**\n * Footer variations, can be start (left aligned), end (right aligned) or null for default.\n * The default value will render the content of the footer in the middle.\n */\n @Input() position: Nullable<FooterPosition>;\n\n /** @hidden */\n constructor(private readonly _elementRef: ElementRef<HTMLElement>) {}\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-layout-panel__footer',\n this.position ? `fd-layout-panel__footer--${this.position}` : '',\n this.class\n ];\n }\n\n /** @hidden */\n elementRef(): ElementRef<HTMLElement> {\n return this._elementRef;\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LayoutPanelComponent } from './layout-panel.component';\nimport { LayoutPanelHeaderComponent } from './layout-panel-header/layout-panel-header.component';\nimport { LayoutPanelHeadComponent } from './layout-panel-head/layout-panel-head.component';\nimport { LayoutPanelTitleDirective } from './layout-panel-title/layout-panel-title.directive';\nimport { LayoutPanelDescriptionComponent } from './layout-panel-description/layout-panel-description.component';\nimport { LayoutPanelActionsComponent } from './layout-panel-actions/layout-panel-actions.component';\nimport { LayoutPanelFiltersComponent } from './layout-panel-filters/layout-panel-filters.component';\nimport { LayoutPanelBodyComponent } from './layout-panel-body/layout-panel-body.component';\nimport { LayoutPanelFooterComponent } from './layout-panel-footer/layout-panel-footer.component';\n@NgModule({\n declarations: [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n ],\n imports: [CommonModule],\n exports: [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n ]\n})\nexport class LayoutPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -116,7 +116,7 @@ LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
116
116
  [new Optional(), new Self(), RouterLink]
117
117
  ]
118
118
  }
119
- ], queries: [{ propertyName: "iconComponents", predicate: FD_ICON_COMPONENT }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:inherit;margin:0;padding:0 .0625rem;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-link:after,.fd-link:before{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:first-child[dir=rtl],.fd-link[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:first-child,[dir=rtl] .fd-link[class*=sap-icon]:first-child{margin-left:var(--fdLink_Icon_Spacing, 0);margin-right:0}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child[dir=rtl],.fd-link[class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:last-child,[dir=rtl] .fd-link[class*=sap-icon]:last-child{margin-left:0;margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
119
+ ], queries: [{ propertyName: "iconComponents", predicate: FD_ICON_COMPONENT }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content [class.fd-link__content--icon-line-height]=\"_postfixPortal || _prefixPortal\">\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:inherit;margin:0;padding:0 .0625rem;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-link:after,.fd-link:before{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:first-child[dir=rtl],.fd-link[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:first-child,[dir=rtl] .fd-link[class*=sap-icon]:first-child{margin-left:var(--fdLink_Icon_Spacing, 0);margin-right:0}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child[dir=rtl],.fd-link[class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:last-child,[dir=rtl] .fd-link[class*=sap-icon]:last-child{margin-left:0;margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-link__content--icon-line-height{line-height:var(--sapContent_LineHeight)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
120
120
  __decorate([
121
121
  applyCssClass,
122
122
  __metadata("design:type", Function),
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
138
138
  [new Optional(), new Self(), RouterLink]
139
139
  ]
140
140
  }
141
- ], template: "<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:inherit;margin:0;padding:0 .0625rem;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-link:after,.fd-link:before{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:first-child[dir=rtl],.fd-link[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:first-child,[dir=rtl] .fd-link[class*=sap-icon]:first-child{margin-left:var(--fdLink_Icon_Spacing, 0);margin-right:0}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child[dir=rtl],.fd-link[class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:last-child,[dir=rtl] .fd-link[class*=sap-icon]:last-child{margin-left:0;margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"] }]
141
+ ], template: "<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content [class.fd-link__content--icon-line-height]=\"_postfixPortal || _prefixPortal\">\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:inherit;margin:0;padding:0 .0625rem;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-link:after,.fd-link:before{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:first-child[dir=rtl],.fd-link[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:first-child,[dir=rtl] .fd-link[class*=sap-icon]:first-child{margin-left:var(--fdLink_Icon_Spacing, 0);margin-right:0}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child[dir=rtl],.fd-link[class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link [class*=sap-icon]:last-child,[dir=rtl] .fd-link[class*=sap-icon]:last-child{margin-left:0;margin-right:var(--fdLink_Icon_Spacing, 0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-link__content--icon-line-height{line-height:var(--sapContent_LineHeight)}\n"] }]
142
142
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i3.RouterLink, decorators: [{
143
143
  type: Inject,
144
144
  args: ['linkRouterTarget']
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-link.mjs","sources":["../../../../libs/core/src/lib/link/tokens.ts","../../../../libs/core/src/lib/link/link.component.ts","../../../../libs/core/src/lib/link/link.component.html","../../../../libs/core/src/lib/link/link.module.ts","../../../../libs/core/src/lib/link/constants.ts","../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_LINK_COMPONENT = new InjectionToken('FdLinkComponent');\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n Inject,\n Input,\n isDevMode,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n QueryList,\n Self,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { FD_ICON_COMPONENT, IconComponent } from '@fundamental-ngx/core/icon';\nimport { FD_LINK_COMPONENT } from './tokens';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fdLink], [fd-link], [fd-breadcrumb-link]',\n templateUrl: './link.component.html',\n styleUrls: ['./link.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: FD_LINK_COMPONENT,\n useExisting: LinkComponent\n },\n {\n provide: 'linkRouterTarget',\n useFactory: (withHref?: RouterLink, routerLink?: RouterLink): RouterLink | undefined =>\n withHref || routerLink,\n deps: [\n [new Optional(), new Self(), RouterLink],\n [new Optional(), new Self(), RouterLink]\n ]\n }\n ]\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n /** @hidden */\n @ContentChildren(FD_ICON_COMPONENT)\n iconComponents: QueryList<IconComponent>;\n\n /** @hidden */\n @ViewChild('content')\n contentSpan: ElementRef<HTMLSpanElement>;\n\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether user wants to use emphasized mode */\n @Input()\n emphasized: boolean;\n\n /** Whether user wants to put disabled mode */\n @Input()\n disabled: boolean;\n\n /** Whether user wants to use inverted mode */\n @Input()\n inverted: boolean;\n\n /** Whether user wants to use subtle mode */\n @Input()\n subtle: boolean;\n\n /** Whether user wants to have a link without underline decoration */\n @Input()\n undecorated: boolean;\n\n /** @hidden */\n _prefixPortal: Portal<any> | null;\n\n /** @hidden */\n _postfixPortal: Portal<any> | null;\n\n /** @hidden */\n _prefixIconName: string;\n /** @hidden */\n _postfixIconName: string;\n\n /** @hidden */\n private _destroyed$ = new Subject<void>();\n\n /** @hidden */\n constructor(\n private _elementRef: ElementRef<HTMLElement>,\n private changeDetectorRef: ChangeDetectorRef,\n @Inject('linkRouterTarget') readonly routerLink: RouterLink\n ) {\n if (isDevMode() && this._elementRef.nativeElement.hasAttribute('fd-breadcrumb-link')) {\n console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');\n }\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden\n * CssClassBuilder interface implementation\n * function is responsible for order which css classes are applied\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-link',\n this.emphasized ? 'fd-link--emphasized' : '',\n this.disabled ? 'is-disabled' : '',\n this.inverted ? `fd-link--inverted` : '',\n this.subtle ? 'fd-link--subtle' : '',\n this.undecorated ? 'fd-link--undecorated' : '',\n this.class\n ];\n }\n\n /** @hidden */\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this.iconComponents.changes\n .pipe(\n startWith(this.iconComponents),\n map((c) => c.toArray()),\n map((icons) =>\n // We are only interested in the first descendant of the content element\n icons.filter(\n (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n )\n ),\n map((icons) => {\n if (icons.length === 0) {\n return {};\n }\n const prefix =\n icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n ? icons[0].elementRef().nativeElement\n : null;\n const postfix =\n icons[icons.length - 1].elementRef().nativeElement ===\n this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n ? icons[icons.length - 1].elementRef().nativeElement\n : null;\n if (prefix) {\n this._prefixIconName = this.iconComponents.first.glyph;\n } else {\n this._prefixIconName = '';\n }\n if (postfix) {\n this._postfixIconName = this.iconComponents.last.glyph;\n } else {\n this._postfixIconName = '';\n }\n return { prefix, postfix };\n }),\n tap(() => {\n if (this._prefixPortal?.isAttached) {\n this._prefixPortal.detach();\n }\n if (this._postfixPortal?.isAttached) {\n this._postfixPortal.detach();\n }\n }),\n tap(({ prefix, postfix }) => {\n this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n }),\n tap(() => {\n this.changeDetectorRef.detectChanges();\n }),\n takeUntil(this._destroyed$)\n )\n .subscribe();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n}\n","<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n declarations: [LinkComponent],\n imports: [CommonModule, PortalModule],\n exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n linkContent: 'fd-link__content'\n} as const;\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-link.mjs","sources":["../../../../libs/core/src/lib/link/tokens.ts","../../../../libs/core/src/lib/link/link.component.ts","../../../../libs/core/src/lib/link/link.component.html","../../../../libs/core/src/lib/link/link.module.ts","../../../../libs/core/src/lib/link/constants.ts","../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_LINK_COMPONENT = new InjectionToken('FdLinkComponent');\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n Inject,\n Input,\n isDevMode,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n QueryList,\n Self,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { FD_ICON_COMPONENT, IconComponent } from '@fundamental-ngx/core/icon';\nimport { FD_LINK_COMPONENT } from './tokens';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fdLink], [fd-link], [fd-breadcrumb-link]',\n templateUrl: './link.component.html',\n styleUrls: ['./link.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: FD_LINK_COMPONENT,\n useExisting: LinkComponent\n },\n {\n provide: 'linkRouterTarget',\n useFactory: (withHref?: RouterLink, routerLink?: RouterLink): RouterLink | undefined =>\n withHref || routerLink,\n deps: [\n [new Optional(), new Self(), RouterLink],\n [new Optional(), new Self(), RouterLink]\n ]\n }\n ]\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n /** @hidden */\n @ContentChildren(FD_ICON_COMPONENT)\n iconComponents: QueryList<IconComponent>;\n\n /** @hidden */\n @ViewChild('content')\n contentSpan: ElementRef<HTMLSpanElement>;\n\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether user wants to use emphasized mode */\n @Input()\n emphasized: boolean;\n\n /** Whether user wants to put disabled mode */\n @Input()\n disabled: boolean;\n\n /** Whether user wants to use inverted mode */\n @Input()\n inverted: boolean;\n\n /** Whether user wants to use subtle mode */\n @Input()\n subtle: boolean;\n\n /** Whether user wants to have a link without underline decoration */\n @Input()\n undecorated: boolean;\n\n /** @hidden */\n _prefixPortal: Portal<any> | null;\n\n /** @hidden */\n _postfixPortal: Portal<any> | null;\n\n /** @hidden */\n _prefixIconName: string;\n /** @hidden */\n _postfixIconName: string;\n\n /** @hidden */\n private _destroyed$ = new Subject<void>();\n\n /** @hidden */\n constructor(\n private _elementRef: ElementRef<HTMLElement>,\n private changeDetectorRef: ChangeDetectorRef,\n @Inject('linkRouterTarget') readonly routerLink: RouterLink\n ) {\n if (isDevMode() && this._elementRef.nativeElement.hasAttribute('fd-breadcrumb-link')) {\n console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');\n }\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden\n * CssClassBuilder interface implementation\n * function is responsible for order which css classes are applied\n */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-link',\n this.emphasized ? 'fd-link--emphasized' : '',\n this.disabled ? 'is-disabled' : '',\n this.inverted ? `fd-link--inverted` : '',\n this.subtle ? 'fd-link--subtle' : '',\n this.undecorated ? 'fd-link--undecorated' : '',\n this.class\n ];\n }\n\n /** @hidden */\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this.iconComponents.changes\n .pipe(\n startWith(this.iconComponents),\n map((c) => c.toArray()),\n map((icons) =>\n // We are only interested in the first descendant of the content element\n icons.filter(\n (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n )\n ),\n map((icons) => {\n if (icons.length === 0) {\n return {};\n }\n const prefix =\n icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n ? icons[0].elementRef().nativeElement\n : null;\n const postfix =\n icons[icons.length - 1].elementRef().nativeElement ===\n this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n ? icons[icons.length - 1].elementRef().nativeElement\n : null;\n if (prefix) {\n this._prefixIconName = this.iconComponents.first.glyph;\n } else {\n this._prefixIconName = '';\n }\n if (postfix) {\n this._postfixIconName = this.iconComponents.last.glyph;\n } else {\n this._postfixIconName = '';\n }\n return { prefix, postfix };\n }),\n tap(() => {\n if (this._prefixPortal?.isAttached) {\n this._prefixPortal.detach();\n }\n if (this._postfixPortal?.isAttached) {\n this._postfixPortal.detach();\n }\n }),\n tap(({ prefix, postfix }) => {\n this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n }),\n tap(() => {\n this.changeDetectorRef.detectChanges();\n }),\n takeUntil(this._destroyed$)\n )\n .subscribe();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._destroyed$.next();\n this._destroyed$.complete();\n }\n}\n","<span *ngIf=\"_prefixPortal\">\n <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content [class.fd-link__content--icon-line-height]=\"_postfixPortal || _prefixPortal\">\n <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n declarations: [LinkComponent],\n imports: [CommonModule, PortalModule],\n exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n linkContent: 'fd-link__content'\n} as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}