pruebatlp20v17-design-system 0.0.1

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 (136) hide show
  1. package/README.md +25 -0
  2. package/esm2022/lib/algeciras-port-logo/algeciras-port-logo.component.mjs +21 -0
  3. package/esm2022/lib/bottom-panel/bottom-panel-content.directive.mjs +14 -0
  4. package/esm2022/lib/bottom-panel/bottom-panel-footer.component.mjs +24 -0
  5. package/esm2022/lib/bottom-panel/bottom-panel-header-heading.directive.mjs +14 -0
  6. package/esm2022/lib/bottom-panel/bottom-panel-header-label.directive.mjs +14 -0
  7. package/esm2022/lib/bottom-panel/bottom-panel-header.component.mjs +30 -0
  8. package/esm2022/lib/bottom-panel/bottom-panel.component.mjs +68 -0
  9. package/esm2022/lib/button/button.component.mjs +24 -0
  10. package/esm2022/lib/checkbox/checkbox.component.mjs +79 -0
  11. package/esm2022/lib/combobox/combobox.component.mjs +185 -0
  12. package/esm2022/lib/data-table/data-table-container.component.mjs +15 -0
  13. package/esm2022/lib/data-table/data-table-header-item.class.mjs +7 -0
  14. package/esm2022/lib/data-table/data-table-item.class.mjs +7 -0
  15. package/esm2022/lib/data-table/data-table-model.class.mjs +4 -0
  16. package/esm2022/lib/data-table/data-table-toolbar-content.component.mjs +15 -0
  17. package/esm2022/lib/data-table/data-table-toolbar.component.mjs +26 -0
  18. package/esm2022/lib/data-table/data-table.component.mjs +76 -0
  19. package/esm2022/lib/datepicker/datepicker.component.mjs +114 -0
  20. package/esm2022/lib/design-system.module.mjs +311 -0
  21. package/esm2022/lib/expandable-tile/expandable-tile.component.mjs +155 -0
  22. package/esm2022/lib/global-styles.component.mjs +11 -0
  23. package/esm2022/lib/header/hamburger.component.mjs +16 -0
  24. package/esm2022/lib/header/header-action.component.mjs +27 -0
  25. package/esm2022/lib/header/header-global.component.mjs +24 -0
  26. package/esm2022/lib/header/header.component.mjs +16 -0
  27. package/esm2022/lib/icons/icon.directive.mjs +39 -0
  28. package/esm2022/lib/icons/icon.service.mjs +2 -0
  29. package/esm2022/lib/input/input.component.mjs +98 -0
  30. package/esm2022/lib/link/link.directive.mjs +14 -0
  31. package/esm2022/lib/loading/loading.component.mjs +16 -0
  32. package/esm2022/lib/modal/base-modal.class.mjs +4 -0
  33. package/esm2022/lib/modal/modal-content.directive.mjs +14 -0
  34. package/esm2022/lib/modal/modal-footer.component.mjs +24 -0
  35. package/esm2022/lib/modal/modal-header-heading.directive.mjs +14 -0
  36. package/esm2022/lib/modal/modal-header-label.directive.mjs +14 -0
  37. package/esm2022/lib/modal/modal-header.component.mjs +30 -0
  38. package/esm2022/lib/modal/modal.component.mjs +27 -0
  39. package/esm2022/lib/modal/modal.service.mjs +11 -0
  40. package/esm2022/lib/modal/placeholder.component.mjs +16 -0
  41. package/esm2022/lib/notification/notification.component.mjs +24 -0
  42. package/esm2022/lib/notification/notification.service.mjs +19 -0
  43. package/esm2022/lib/notification/toast.component.mjs +27 -0
  44. package/esm2022/lib/overflow-menu/overflow-menu-option.component.mjs +13 -0
  45. package/esm2022/lib/overflow-menu/overflow-menu.component.mjs +19 -0
  46. package/esm2022/lib/pagination/pagination-model.class.mjs +4 -0
  47. package/esm2022/lib/pagination/pagination-translations.mjs +2 -0
  48. package/esm2022/lib/pagination/pagination.component.mjs +57 -0
  49. package/esm2022/lib/progress-indicator/progress-indicator.component.mjs +33 -0
  50. package/esm2022/lib/radio/radio-group.component.mjs +94 -0
  51. package/esm2022/lib/radio/radio.component.mjs +77 -0
  52. package/esm2022/lib/search/search.component.mjs +30 -0
  53. package/esm2022/lib/select/select.component.mjs +73 -0
  54. package/esm2022/lib/side-panel/side-panel.component.mjs +68 -0
  55. package/esm2022/lib/sidenav/sidenav-item.component.mjs +13 -0
  56. package/esm2022/lib/sidenav/sidenav-menu.component.mjs +25 -0
  57. package/esm2022/lib/sidenav/sidenav.component.mjs +13 -0
  58. package/esm2022/lib/subheader/subheader.component.mjs +11 -0
  59. package/esm2022/lib/table/table.directive.mjs +17 -0
  60. package/esm2022/lib/tabs/tab.component.mjs +135 -0
  61. package/esm2022/lib/tabs/tabs.component.mjs +100 -0
  62. package/esm2022/lib/tag/tag.component.mjs +31 -0
  63. package/esm2022/lib/tag-filter/tag-filter.component.mjs +16 -0
  64. package/esm2022/lib/textarea/textarea.component.mjs +86 -0
  65. package/esm2022/lib/toggle/toggle.component.mjs +67 -0
  66. package/esm2022/pruebatlp20v17-design-system.mjs +5 -0
  67. package/esm2022/public-api.mjs +75 -0
  68. package/fesm2022/pruebatlp20v17-design-system.mjs +2421 -0
  69. package/fesm2022/pruebatlp20v17-design-system.mjs.map +1 -0
  70. package/index.d.ts +5 -0
  71. package/lib/algeciras-port-logo/algeciras-port-logo.component.d.ts +8 -0
  72. package/lib/bottom-panel/bottom-panel-content.directive.d.ts +6 -0
  73. package/lib/bottom-panel/bottom-panel-footer.component.d.ts +6 -0
  74. package/lib/bottom-panel/bottom-panel-header-heading.directive.d.ts +6 -0
  75. package/lib/bottom-panel/bottom-panel-header-label.directive.d.ts +6 -0
  76. package/lib/bottom-panel/bottom-panel-header.component.d.ts +6 -0
  77. package/lib/bottom-panel/bottom-panel.component.d.ts +10 -0
  78. package/lib/button/button.component.d.ts +9 -0
  79. package/lib/checkbox/checkbox.component.d.ts +26 -0
  80. package/lib/combobox/combobox.component.d.ts +65 -0
  81. package/lib/data-table/data-table-container.component.d.ts +6 -0
  82. package/lib/data-table/data-table-header-item.class.d.ts +15 -0
  83. package/lib/data-table/data-table-item.class.d.ts +13 -0
  84. package/lib/data-table/data-table-model.class.d.ts +3 -0
  85. package/lib/data-table/data-table-toolbar-content.component.d.ts +6 -0
  86. package/lib/data-table/data-table-toolbar.component.d.ts +7 -0
  87. package/lib/data-table/data-table.component.d.ts +25 -0
  88. package/lib/datepicker/datepicker.component.d.ts +43 -0
  89. package/lib/design-system.module.d.ts +87 -0
  90. package/lib/expandable-tile/expandable-tile.component.d.ts +20 -0
  91. package/lib/global-styles.component.d.ts +5 -0
  92. package/lib/header/hamburger.component.d.ts +6 -0
  93. package/lib/header/header-action.component.d.ts +7 -0
  94. package/lib/header/header-global.component.d.ts +6 -0
  95. package/lib/header/header.component.d.ts +7 -0
  96. package/lib/icons/icon.directive.d.ts +16 -0
  97. package/lib/icons/icon.service.d.ts +1 -0
  98. package/lib/input/input.component.d.ts +42 -0
  99. package/lib/link/link.directive.d.ts +6 -0
  100. package/lib/loading/loading.component.d.ts +7 -0
  101. package/lib/modal/base-modal.class.d.ts +3 -0
  102. package/lib/modal/modal-content.directive.d.ts +6 -0
  103. package/lib/modal/modal-footer.component.d.ts +6 -0
  104. package/lib/modal/modal-header-heading.directive.d.ts +6 -0
  105. package/lib/modal/modal-header-label.directive.d.ts +6 -0
  106. package/lib/modal/modal-header.component.d.ts +6 -0
  107. package/lib/modal/modal.component.d.ts +11 -0
  108. package/lib/modal/modal.service.d.ts +6 -0
  109. package/lib/modal/placeholder.component.d.ts +6 -0
  110. package/lib/notification/notification.component.d.ts +9 -0
  111. package/lib/notification/notification.service.d.ts +10 -0
  112. package/lib/notification/toast.component.d.ts +10 -0
  113. package/lib/overflow-menu/overflow-menu-option.component.d.ts +6 -0
  114. package/lib/overflow-menu/overflow-menu.component.d.ts +9 -0
  115. package/lib/pagination/pagination-model.class.d.ts +3 -0
  116. package/lib/pagination/pagination-translations.d.ts +3 -0
  117. package/lib/pagination/pagination.component.d.ts +37 -0
  118. package/lib/progress-indicator/progress-indicator.component.d.ts +29 -0
  119. package/lib/radio/radio-group.component.d.ts +25 -0
  120. package/lib/radio/radio.component.d.ts +24 -0
  121. package/lib/search/search.component.d.ts +7 -0
  122. package/lib/select/select.component.d.ts +23 -0
  123. package/lib/side-panel/side-panel.component.d.ts +9 -0
  124. package/lib/sidenav/sidenav-item.component.d.ts +6 -0
  125. package/lib/sidenav/sidenav-menu.component.d.ts +11 -0
  126. package/lib/sidenav/sidenav.component.d.ts +7 -0
  127. package/lib/subheader/subheader.component.d.ts +5 -0
  128. package/lib/table/table.directive.d.ts +7 -0
  129. package/lib/tabs/tab.component.d.ts +67 -0
  130. package/lib/tabs/tabs.component.d.ts +60 -0
  131. package/lib/tag/tag.component.d.ts +12 -0
  132. package/lib/tag-filter/tag-filter.component.d.ts +7 -0
  133. package/lib/textarea/textarea.component.d.ts +26 -0
  134. package/lib/toggle/toggle.component.d.ts +21 -0
  135. package/package.json +30 -0
  136. package/public-api.d.ts +64 -0
@@ -0,0 +1,68 @@
1
+ import { trigger, style, transition, animate } from "@angular/animations";
2
+ import { Component, Input } from "@angular/core";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/common";
5
+ import * as i2 from "carbon-components-angular/ui-shell";
6
+ export class SidePanelComponent {
7
+ fixed = false;
8
+ expanded = false;
9
+ side = "right";
10
+ width = "300px";
11
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidePanelComponent, selector: "tlp-side-panel", inputs: { fixed: "fixed", expanded: "expanded", side: "side", width: "width" }, ngImport: i0, template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .bx--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .bx--panel--expanded{box-shadow:-4px 0 4px #00000040}.wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}.wrapper ibm-panel{pointer-events:auto}.wrapper.wrapper--left ::ng-deep .bx--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .bx--panel--expanded{box-shadow:4px 0 4px #00000040}.fixed{width:var(--width, 300px);height:100%;margin-right:1rem;padding:0 1rem;border-right:1px solid #cfcfcf;background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Panel, selector: "cds-panel, ibm-panel", inputs: ["expanded", "ariaLabel"] }], animations: [
13
+ trigger("inOutAnimationRight", [
14
+ transition(":enter", [
15
+ style({ transform: "translateX(100%)" }),
16
+ animate("0.2s ease-out", style({ transform: "translateX(0%)" })),
17
+ ]),
18
+ transition(":leave", [
19
+ style({ transform: "translateX(0%)" }),
20
+ animate("0.2s ease-in", style({ transform: "translateX(100%)" })),
21
+ ]),
22
+ ]),
23
+ trigger("inOutAnimationLeft", [
24
+ transition(":enter", [
25
+ style({ transform: "translateX(-100%)" }),
26
+ animate("0.2s ease-out", style({ transform: "translateX(0%)" })),
27
+ ]),
28
+ transition(":leave", [
29
+ style({ transform: "translateX(0%)" }),
30
+ animate("0.2s ease-in", style({ transform: "translateX(-100%)" })),
31
+ ]),
32
+ ]),
33
+ ] });
34
+ }
35
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, decorators: [{
36
+ type: Component,
37
+ args: [{ selector: "tlp-side-panel", animations: [
38
+ trigger("inOutAnimationRight", [
39
+ transition(":enter", [
40
+ style({ transform: "translateX(100%)" }),
41
+ animate("0.2s ease-out", style({ transform: "translateX(0%)" })),
42
+ ]),
43
+ transition(":leave", [
44
+ style({ transform: "translateX(0%)" }),
45
+ animate("0.2s ease-in", style({ transform: "translateX(100%)" })),
46
+ ]),
47
+ ]),
48
+ trigger("inOutAnimationLeft", [
49
+ transition(":enter", [
50
+ style({ transform: "translateX(-100%)" }),
51
+ animate("0.2s ease-out", style({ transform: "translateX(0%)" })),
52
+ ]),
53
+ transition(":leave", [
54
+ style({ transform: "translateX(0%)" }),
55
+ animate("0.2s ease-in", style({ transform: "translateX(-100%)" })),
56
+ ]),
57
+ ]),
58
+ ], template: "<div\r\n [@inOutAnimationRight]\r\n *ngIf=\"side === 'right' && expanded && !fixed\"\r\n class=\"wrapper\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div\r\n [@inOutAnimationLeft]\r\n *ngIf=\"side === 'left' && expanded && !fixed\"\r\n class=\"wrapper wrapper--left\"\r\n [style]=\"{ '--width': width }\"\r\n>\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n\r\n<div class=\"fixed\" *ngIf=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: ["::ng-deep .bx--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .bx--panel--expanded{box-shadow:-4px 0 4px #00000040}.wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}.wrapper ibm-panel{pointer-events:auto}.wrapper.wrapper--left ::ng-deep .bx--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .bx--panel--expanded{box-shadow:4px 0 4px #00000040}.fixed{width:var(--width, 300px);height:100%;margin-right:1rem;padding:0 1rem;border-right:1px solid #cfcfcf;background-color:#fff}\n"] }]
59
+ }], propDecorators: { fixed: [{
60
+ type: Input
61
+ }], expanded: [{
62
+ type: Input
63
+ }], side: [{
64
+ type: Input
65
+ }], width: [{
66
+ type: Input
67
+ }] } });
68
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBNkJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFDO0lBRWpDLEtBQUssR0FBRyxPQUFPLENBQUM7d0dBTGQsa0JBQWtCOzRGQUFsQixrQkFBa0Isc0lDOUIvQixnekJBMkJBLDY5QkRwQmM7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTNCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZDt3QkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7NEJBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7NkJBQ2pFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0NBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQzs2QkFDbEUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTs0QkFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7Z0NBQ3pDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyaWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIjxkaXZcclxuICBbQGluT3V0QW5pbWF0aW9uUmlnaHRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAncmlnaHQnICYmIGV4cGFuZGVkICYmICFmaXhlZFwiXHJcbiAgY2xhc3M9XCJ3cmFwcGVyXCJcclxuICBbc3R5bGVdPVwieyAnLS13aWR0aCc6IHdpZHRoIH1cIlxyXG4+XHJcbiAgPGlibS1wYW5lbCBbZXhwYW5kZWRdPVwidHJ1ZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2libS1wYW5lbD5cclxuPC9kaXY+XHJcblxyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAnbGVmdCcgJiYgZXhwYW5kZWQgJiYgIWZpeGVkXCJcclxuICBjbGFzcz1cIndyYXBwZXIgd3JhcHBlci0tbGVmdFwiXHJcbiAgW3N0eWxlXT1cInsgJy0td2lkdGgnOiB3aWR0aCB9XCJcclxuPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImZpeGVkXCIgKm5nSWY9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxyXG4iXX0=
@@ -0,0 +1,13 @@
1
+ import { Component } from "@angular/core";
2
+ import { SideNavItem } from "carbon-components-angular/ui-shell";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/common";
5
+ export class SideNavItemComponent extends SideNavItem {
6
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavItemComponent, selector: "tlp-sidenav-item", usesInheritance: true, ngImport: i0, template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n [ngClass]=\"{\r\n 'cds--side-nav__item': !isSubMenu,\r\n 'cds--side-nav__menu-item': isSubMenu\r\n }\"\r\n [attr.role]=\"isSubMenu ? 'listitem' : null\"\r\n>\r\n <a\r\n class=\"cds--side-nav__link\"\r\n [href]=\"href\"\r\n [attr.role]=\"isSubMenu ? 'menuitem' : null\"\r\n [attr.aria-current]=\"active ? 'page' : null\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"navigate($event)\"\r\n >\r\n <div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n <span class=\"cds--side-nav__link-text\">\r\n <ng-content></ng-content>\r\n </span>\r\n </a>\r\n</li>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
8
+ }
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, decorators: [{
10
+ type: Component,
11
+ args: [{ selector: "tlp-sidenav-item", template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n [ngClass]=\"{\r\n 'cds--side-nav__item': !isSubMenu,\r\n 'cds--side-nav__menu-item': isSubMenu\r\n }\"\r\n [attr.role]=\"isSubMenu ? 'listitem' : null\"\r\n>\r\n <a\r\n class=\"cds--side-nav__link\"\r\n [href]=\"href\"\r\n [attr.role]=\"isSubMenu ? 'menuitem' : null\"\r\n [attr.aria-current]=\"active ? 'page' : null\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"navigate($event)\"\r\n >\r\n <div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n <span class=\"cds--side-nav__link-text\">\r\n <ng-content></ng-content>\r\n </span>\r\n </a>\r\n</li>\r\n" }]
12
+ }] });
13
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU1qRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsV0FBVzt3R0FBeEMsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDUGpDLGt1QkF1QkE7OzRGRGhCYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU2lkZU5hdkl0ZW0gfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2SXRlbUNvbXBvbmVudCBleHRlbmRzIFNpZGVOYXZJdGVtIHt9XHJcbiIsIjwhLS0gLy9OT1NPTkFSIC0tPjwhLS0gZGlzcGxheTppbmxpbmUgLS0+PGxpXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX2l0ZW0nOiAhaXNTdWJNZW51LFxyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX21lbnUtaXRlbSc6IGlzU3ViTWVudVxyXG4gIH1cIlxyXG4gIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ2xpc3RpdGVtJyA6IG51bGxcIlxyXG4+XHJcbiAgPGFcclxuICAgIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGlua1wiXHJcbiAgICBbaHJlZl09XCJocmVmXCJcclxuICAgIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ21lbnVpdGVtJyA6IG51bGxcIlxyXG4gICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImFjdGl2ZSA/ICdwYWdlJyA6IG51bGxcIlxyXG4gICAgW2F0dHIudGl0bGVdPVwidGl0bGUgPyB0aXRsZSA6IG51bGxcIlxyXG4gICAgKGNsaWNrKT1cIm5hdmlnYXRlKCRldmVudClcIlxyXG4gID5cclxuICAgIDxkaXYgKm5nSWY9XCIhaXNTdWJNZW51XCIgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pY29uXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInN2ZywgW2ljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhbiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2xpbmstdGV4dFwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9hPlxyXG48L2xpPlxyXG4iXX0=
@@ -0,0 +1,25 @@
1
+ import { Component } from "@angular/core";
2
+ import { SideNavMenu as IbmSideNavMenu } from "carbon-components-angular/ui-shell";
3
+ // @ts-ignore - @carbon/icons v11 doesn't ship with types
4
+ import ChevronDown16 from "@carbon/icons/es/chevron--down/16";
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "../icons/icon.service";
7
+ import * as i2 from "@angular/common";
8
+ import * as i3 from "../icons/icon.directive";
9
+ export class SideNavMenuComponent extends IbmSideNavMenu {
10
+ iconService;
11
+ constructor(iconService) {
12
+ super();
13
+ this.iconService = iconService;
14
+ }
15
+ ngOnInit() {
16
+ this.iconService.register(ChevronDown16);
17
+ }
18
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavMenuComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component });
19
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavMenuComponent, selector: "tlp-sidenav-menu", usesInheritance: true, ngImport: i0, template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n class=\"cds--side-nav__item cds--side-nav__item--icon\"\r\n [ngClass]=\"{ 'cds--side-nav__item--active': hasActiveChild }\"\r\n>\r\n <button\r\n (click)=\"toggle()\"\r\n class=\"cds--side-nav__submenu\"\r\n aria-haspopup=\"true\"\r\n [attr.aria-expanded]=\"expanded\"\r\n type=\"button\"\r\n >\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n <span class=\"cds--side-nav__submenu-title\">{{ title }}</span>\r\n <div\r\n class=\"\r\n cds--side-nav__icon\r\n cds--side-nav__icon--small\r\n cds--side-nav__submenu-chevron\r\n \"\r\n >\r\n <svg tlpIcon=\"chevron--down\"></svg>\r\n </div>\r\n </button>\r\n <ul class=\"cds--side-nav__menu\" role=\"menu\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</li>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
20
+ }
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavMenuComponent, decorators: [{
22
+ type: Component,
23
+ args: [{ selector: "tlp-sidenav-menu", template: "<!-- //NOSONAR --><!-- display:inline --><li\r\n class=\"cds--side-nav__item cds--side-nav__item--icon\"\r\n [ngClass]=\"{ 'cds--side-nav__item--active': hasActiveChild }\"\r\n>\r\n <button\r\n (click)=\"toggle()\"\r\n class=\"cds--side-nav__submenu\"\r\n aria-haspopup=\"true\"\r\n [attr.aria-expanded]=\"expanded\"\r\n type=\"button\"\r\n >\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n <span class=\"cds--side-nav__submenu-title\">{{ title }}</span>\r\n <div\r\n class=\"\r\n cds--side-nav__icon\r\n cds--side-nav__icon--small\r\n cds--side-nav__submenu-chevron\r\n \"\r\n >\r\n <svg tlpIcon=\"chevron--down\"></svg>\r\n </div>\r\n </button>\r\n <ul class=\"cds--side-nav__menu\" role=\"menu\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</li>\r\n" }]
24
+ }], ctorParameters: () => [{ type: i1.IconService }] });
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsV0FBVyxJQUFJLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ25GLHlEQUF5RDtBQUN6RCxPQUFPLGFBQWEsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7QUFNOUQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGNBQWM7SUFDbEM7SUFBcEIsWUFBb0IsV0FBd0I7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEVSxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUU1QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7d0dBUFUsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDVmpDLGs0QkE2QkE7OzRGRG5CYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBJY29uU2VydmljZSB9IGZyb20gXCIuLi9pY29ucy9pY29uLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU2lkZU5hdk1lbnUgYXMgSWJtU2lkZU5hdk1lbnUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG4vLyBAdHMtaWdub3JlIC0gQGNhcmJvbi9pY29ucyB2MTEgZG9lc24ndCBzaGlwIHdpdGggdHlwZXNcclxuaW1wb3J0IENoZXZyb25Eb3duMTYgZnJvbSBcIkBjYXJib24vaWNvbnMvZXMvY2hldnJvbi0tZG93bi8xNlwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtbWVudVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1tZW51LmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2TWVudUNvbXBvbmVudCBleHRlbmRzIElibVNpZGVOYXZNZW51IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGljb25TZXJ2aWNlOiBJY29uU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pY29uU2VydmljZS5yZWdpc3RlcihDaGV2cm9uRG93bjE2KTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSAvL05PU09OQVIgLS0+PCEtLSBkaXNwbGF5OmlubGluZSAtLT48bGlcclxuICBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2l0ZW0gY2RzLS1zaWRlLW5hdl9faXRlbS0taWNvblwiXHJcbiAgW25nQ2xhc3NdPVwieyAnY2RzLS1zaWRlLW5hdl9faXRlbS0tYWN0aXZlJzogaGFzQWN0aXZlQ2hpbGQgfVwiXHJcbj5cclxuICA8YnV0dG9uXHJcbiAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxyXG4gICAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19zdWJtZW51XCJcclxuICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcclxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fc3VibWVudS10aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cIlxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX2ljb25cclxuICAgICAgICBjZHMtLXNpZGUtbmF2X19pY29uLS1zbWFsbFxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX3N1Ym1lbnUtY2hldnJvblxyXG4gICAgICBcIlxyXG4gICAgPlxyXG4gICAgICA8c3ZnIHRscEljb249XCJjaGV2cm9uLS1kb3duXCI+PC9zdmc+XHJcbiAgICA8L2Rpdj5cclxuICA8L2J1dHRvbj5cclxuICA8dWwgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19tZW51XCIgcm9sZT1cIm1lbnVcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3VsPlxyXG48L2xpPlxyXG4iXX0=
@@ -0,0 +1,13 @@
1
+ import { Component } from "@angular/core";
2
+ import { SideNav as IbmSideNav } from "carbon-components-angular/ui-shell";
3
+ import * as i0 from "@angular/core";
4
+ export class SideNavComponent extends IbmSideNav {
5
+ rail = true;
6
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavComponent, selector: "tlp-sidenav", usesInheritance: true, ngImport: i0, template: "<nav\r\n class=\"cds--side-nav__navigation\"\r\n role=\"navigation\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n>\r\n <ul class=\"cds--side-nav__items\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: ["::ng-deep .cds--side-nav{background-color:#003c69}::ng-deep .cds--side-nav__icon>svg{fill:#fff}::ng-deep .cds--side-nav__submenu{width:calc(100% - 8px)}::ng-deep .cds--side-nav__submenu[aria-expanded=true]{background-color:#004b84}::ng-deep .cds--side-nav__submenu,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]){height:unset;padding:12px;border-radius:4px;margin:2px 4px;font-weight:400}::ng-deep .cds--side-nav__submenu span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]) span{padding-top:2px;color:#fff}::ng-deep .cds--side-nav__submenu:hover,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:hover,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover{color:#fff;background-color:#00215e}::ng-deep .cds--side-nav__submenu:hover span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:hover span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover span{color:#fff}::ng-deep .cds--side-nav__submenu:active,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:active,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):active{background-color:#010045}::ng-deep .cds--side-nav__submenu[aria-current],::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current],::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current]{padding:12px;background-color:#fff}::ng-deep .cds--side-nav__submenu[aria-current] span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current] span{padding-top:2px;color:#003c69;font-weight:400}::ng-deep .cds--side-nav__submenu[aria-current]:before,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]:before,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current]:before{content:none}::ng-deep .cds--side-nav__submenu[aria-current] .cds--side-nav__icon>svg,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] .cds--side-nav__icon>svg,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current] .cds--side-nav__icon>svg{fill:#003c69}::ng-deep .cds--side-nav__item--active .cds--side-nav__submenu span{color:#fff;font-weight:400}::ng-deep .cds--side-nav__item--active .cds--side-nav__submenu:hover{background-color:#00215e}::ng-deep .cds--side-nav__menu{background-color:#004b84;border-radius:4px;margin-right:4px;margin-left:3rem;justify-content:flex-start}::ng-deep .cds--side-nav__menu .cds--side-nav__item>.cds--side-nav__link{margin:0!important;align-self:flex-start}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]{background-color:#fff}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] span{color:#003c69}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]:before{content:none}::ng-deep .cds--side-nav--ux{top:3rem}\n"] });
8
+ }
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavComponent, decorators: [{
10
+ type: Component,
11
+ args: [{ selector: "tlp-sidenav", template: "<nav\r\n class=\"cds--side-nav__navigation\"\r\n role=\"navigation\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n>\r\n <ul class=\"cds--side-nav__items\">\r\n <ng-content></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: ["::ng-deep .cds--side-nav{background-color:#003c69}::ng-deep .cds--side-nav__icon>svg{fill:#fff}::ng-deep .cds--side-nav__submenu{width:calc(100% - 8px)}::ng-deep .cds--side-nav__submenu[aria-expanded=true]{background-color:#004b84}::ng-deep .cds--side-nav__submenu,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]){height:unset;padding:12px;border-radius:4px;margin:2px 4px;font-weight:400}::ng-deep .cds--side-nav__submenu span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]) span{padding-top:2px;color:#fff}::ng-deep .cds--side-nav__submenu:hover,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:hover,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover{color:#fff;background-color:#00215e}::ng-deep .cds--side-nav__submenu:hover span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:hover span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover span{color:#fff}::ng-deep .cds--side-nav__submenu:active,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link:active,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):active{background-color:#010045}::ng-deep .cds--side-nav__submenu[aria-current],::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current],::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current]{padding:12px;background-color:#fff}::ng-deep .cds--side-nav__submenu[aria-current] span,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] span,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current] span{padding-top:2px;color:#003c69;font-weight:400}::ng-deep .cds--side-nav__submenu[aria-current]:before,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]:before,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current]:before{content:none}::ng-deep .cds--side-nav__submenu[aria-current] .cds--side-nav__icon>svg,::ng-deep .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] .cds--side-nav__icon>svg,::ng-deep .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page])[aria-current] .cds--side-nav__icon>svg{fill:#003c69}::ng-deep .cds--side-nav__item--active .cds--side-nav__submenu span{color:#fff;font-weight:400}::ng-deep .cds--side-nav__item--active .cds--side-nav__submenu:hover{background-color:#00215e}::ng-deep .cds--side-nav__menu{background-color:#004b84;border-radius:4px;margin-right:4px;margin-left:3rem;justify-content:flex-start}::ng-deep .cds--side-nav__menu .cds--side-nav__item>.cds--side-nav__link{margin:0!important;align-self:flex-start}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]{background-color:#fff}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current] span{color:#003c69}::ng-deep .cds--side-nav__menu .cds--side-nav__item:not(.cds--side-nav__item--active)>.cds--side-nav__link[aria-current]:before{content:none}::ng-deep .cds--side-nav--ux{top:3rem}\n"] }]
12
+ }] });
13
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsT0FBTyxJQUFJLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQU8zRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQUM5QyxJQUFJLEdBQUcsSUFBSSxDQUFDO3dHQURELGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDBFQ1I3QixxTkFTQTs7NEZERGEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBTaWRlTmF2IGFzIElibVNpZGVOYXYgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXZcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2lkZW5hdi5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVOYXZDb21wb25lbnQgZXh0ZW5kcyBJYm1TaWRlTmF2IHtcclxuICByYWlsID0gdHJ1ZTtcclxufVxyXG4iLCI8bmF2XHJcbiAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19uYXZpZ2F0aW9uXCJcclxuICByb2xlPVwibmF2aWdhdGlvblwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxyXG4+XHJcbiAgPHVsIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9faXRlbXNcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3VsPlxyXG48L25hdj5cclxuIl19
@@ -0,0 +1,11 @@
1
+ import { Component } from "@angular/core";
2
+ import * as i0 from "@angular/core";
3
+ export class SubheaderComponent {
4
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubheaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SubheaderComponent, selector: "tlp-subheader", ngImport: i0, template: "<div class=\"container\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background:#003c69;color:#fff}:host ::ng-deep .cds--overflow-menu__icon{--cds-icon-01: #ffffff;width:32px;height:32px}:host ::ng-deep .cds--overflow-menu:hover,:host ::ng-deep .cds--overflow-menu__trigger:hover{background:#0003}:host ::ng-deep .cds--overflow-menu.cds--overflow-menu--open,:host ::ng-deep .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{background:unset}\n"] });
6
+ }
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubheaderComponent, decorators: [{
8
+ type: Component,
9
+ args: [{ selector: "tlp-subheader", template: "<div class=\"container\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background:#003c69;color:#fff}:host ::ng-deep .cds--overflow-menu__icon{--cds-icon-01: #ffffff;width:32px;height:32px}:host ::ng-deep .cds--overflow-menu:hover,:host ::ng-deep .cds--overflow-menu__trigger:hover{background:#0003}:host ::ng-deep .cds--overflow-menu.cds--overflow-menu--open,:host ::ng-deep .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{background:unset}\n"] }]
10
+ }] });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjs0RkFBbEIsa0JBQWtCLHFEQ1AvQix3RUFHQTs7NEZESWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXN1YmhlYWRlclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3N1YmhlYWRlci5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1YmhlYWRlckNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
@@ -0,0 +1,17 @@
1
+ import { Directive, Input } from "@angular/core";
2
+ import { TableDirective as IbmTableDirective } from "carbon-components-angular/table";
3
+ import * as i0 from "@angular/core";
4
+ export class TableDirective extends IbmTableDirective {
5
+ striped = true;
6
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
7
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TableDirective, selector: "[tlpTable]", inputs: { striped: "striped" }, usesInheritance: true, ngImport: i0 });
8
+ }
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableDirective, decorators: [{
10
+ type: Directive,
11
+ args: [{
12
+ selector: "[tlpTable]",
13
+ }]
14
+ }], propDecorators: { striped: [{
15
+ type: Input
16
+ }] } });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3RhYmxlL3RhYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxJQUFJLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBS3RGLE1BQU0sT0FBTyxjQUFlLFNBQVEsaUJBQWlCO0lBQzFDLE9BQU8sR0FBWSxJQUFJLENBQUM7d0dBRHRCLGNBQWM7NEZBQWQsY0FBYzs7NEZBQWQsY0FBYztrQkFIMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtpQkFDdkI7OEJBRVUsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRhYmxlRGlyZWN0aXZlIGFzIElibVRhYmxlRGlyZWN0aXZlIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvdGFibGVcIjtcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBcIlt0bHBUYWJsZV1cIixcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlRGlyZWN0aXZlIGV4dGVuZHMgSWJtVGFibGVEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpIHN0cmlwZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG59XHJcbiJdfQ==
@@ -0,0 +1,135 @@
1
+ import { Component, Input, Output, EventEmitter, TemplateRef, HostBinding, } from "@angular/core";
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ let nextId = 0;
5
+ export class TabComponent {
6
+ /**
7
+ * Boolean value reflects if the `Tab` is using a custom template for the heading.
8
+ * Default value is false.
9
+ */
10
+ headingIsTemplate = false;
11
+ /**
12
+ * The `Tab`'s title to be displayed or custom temaplate for the `Tab` heading.
13
+ */
14
+ heading = "";
15
+ /**
16
+ * Optional override for the `tabItem's`'s title attribute which is set in `TabHeaders`.
17
+ * `tabItem`'s title attribute is automatically set to `heading`.
18
+ *
19
+ * You might want to use this if you set `heading` to a `TemplateRef`.
20
+ */
21
+ title = "";
22
+ /**
23
+ * Allows the user to pass data to the custom template for the `Tab` heading.
24
+ */
25
+ context;
26
+ /**
27
+ * Indicates whether the `Tab` is active/selected.
28
+ * Determines whether it's `TabPanel` is rendered.
29
+ */
30
+ active = false;
31
+ /**
32
+ * Indicates whether or not the `Tab` item is disabled.
33
+ */
34
+ disabled = false;
35
+ tabIndex = 0;
36
+ // do we need id's?
37
+ /**
38
+ * Sets the id of the `Tab`. Will be uniquely generated if not provided.
39
+ */
40
+ id = `n-tab-${nextId++}`;
41
+ /**
42
+ * Set to true to have Tab items cached and not reloaded on tab switching.
43
+ */
44
+ set cacheActive(shouldCache) {
45
+ this._cacheActive = shouldCache;
46
+ }
47
+ /**
48
+ * Value 'selected' to be emitted after a new `Tab` is selected.
49
+ */
50
+ selected = new EventEmitter();
51
+ /**
52
+ * Used to set the id property on the element.
53
+ */
54
+ attrClass = this.id;
55
+ get cacheActive() {
56
+ return this._cacheActive;
57
+ }
58
+ _cacheActive = false;
59
+ /**
60
+ * Checks for custom heading template on initialization and updates the value
61
+ * of the boolean 'headingIsTemplate'.
62
+ */
63
+ ngOnInit() {
64
+ if (this.heading instanceof TemplateRef) {
65
+ this.headingIsTemplate = true;
66
+ }
67
+ }
68
+ /**
69
+ * Emit the status of the `Tab`, specifically 'select' and 'selected' properties.
70
+ */
71
+ doSelect() {
72
+ this.selected.emit();
73
+ }
74
+ /**
75
+ * Returns value indicating whether this `Tab` should be rendered in a `TabPanel`.
76
+ */
77
+ shouldRender() {
78
+ return this.active || this.cacheActive;
79
+ }
80
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
81
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabComponent, selector: "tlp-tab", inputs: { heading: "heading", title: "title", context: "context", active: "active", disabled: "disabled", tabIndex: "tabIndex", id: "id", cacheActive: "cacheActive" }, outputs: { selected: "selected" }, host: { properties: { "attr.id": "this.attrClass" } }, ngImport: i0, template: `
82
+ <div
83
+ [attr.tabindex]="tabIndex"
84
+ role="tabpanel"
85
+ *ngIf="shouldRender()"
86
+ class="cds--tab-content"
87
+ [ngStyle]="{ display: active ? null : 'none' }"
88
+ [attr.aria-labelledby]="id + '-header'"
89
+ aria-live="polite"
90
+ >
91
+ <ng-content></ng-content>
92
+ </div>
93
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
94
+ }
95
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, decorators: [{
96
+ type: Component,
97
+ args: [{
98
+ selector: "tlp-tab",
99
+ template: `
100
+ <div
101
+ [attr.tabindex]="tabIndex"
102
+ role="tabpanel"
103
+ *ngIf="shouldRender()"
104
+ class="cds--tab-content"
105
+ [ngStyle]="{ display: active ? null : 'none' }"
106
+ [attr.aria-labelledby]="id + '-header'"
107
+ aria-live="polite"
108
+ >
109
+ <ng-content></ng-content>
110
+ </div>
111
+ `,
112
+ }]
113
+ }], propDecorators: { heading: [{
114
+ type: Input
115
+ }], title: [{
116
+ type: Input
117
+ }], context: [{
118
+ type: Input
119
+ }], active: [{
120
+ type: Input
121
+ }], disabled: [{
122
+ type: Input
123
+ }], tabIndex: [{
124
+ type: Input
125
+ }], id: [{
126
+ type: Input
127
+ }], cacheActive: [{
128
+ type: Input
129
+ }], selected: [{
130
+ type: Output
131
+ }], attrClass: [{
132
+ type: HostBinding,
133
+ args: ["attr.id"]
134
+ }] } });
135
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBa0JmLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCOzs7T0FHRztJQUNJLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUVqQzs7T0FFRztJQUNNLE9BQU8sR0FBOEIsRUFBRSxDQUFDO0lBQ2pEOzs7OztPQUtHO0lBQ00sS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUM1Qjs7T0FFRztJQUNNLE9BQU8sQ0FBTTtJQUN0Qjs7O09BR0c7SUFDTSxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3hCOztPQUVHO0lBQ00sUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVqQixRQUFRLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLG1CQUFtQjtJQUNuQjs7T0FFRztJQUNNLEVBQUUsR0FBRyxTQUFTLE1BQU0sRUFBRSxFQUFFLENBQUM7SUFDbEM7O09BRUc7SUFDSCxJQUFhLFdBQVcsQ0FBQyxXQUFvQjtRQUMzQyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztJQUNsQyxDQUFDO0lBQ0Q7O09BRUc7SUFDTyxRQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFbEU7O09BRUc7SUFDcUIsU0FBUyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7SUFFNUMsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFUyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRS9COzs7T0FHRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3pDLENBQUM7d0dBbEZVLFlBQVk7NEZBQVosWUFBWSxpVEFkYjs7Ozs7Ozs7Ozs7O0dBWVQ7OzRGQUVVLFlBQVk7a0JBaEJ4QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2lCQUNGOzhCQVdVLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csRUFBRTtzQkFBVixLQUFLO2dCQUlPLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUksUUFBUTtzQkFBakIsTUFBTTtnQkFLaUIsU0FBUztzQkFBaEMsV0FBVzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbmxldCBuZXh0SWQgPSAwO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXRhYlwiLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2XHJcbiAgICAgIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcclxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcclxuICAgICAgKm5nSWY9XCJzaG91bGRSZW5kZXIoKVwiXHJcbiAgICAgIGNsYXNzPVwiY2RzLS10YWItY29udGVudFwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsgZGlzcGxheTogYWN0aXZlID8gbnVsbCA6ICdub25lJyB9XCJcclxuICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImlkICsgJy1oZWFkZXInXCJcclxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqXHJcbiAgICogQm9vbGVhbiB2YWx1ZSByZWZsZWN0cyBpZiB0aGUgYFRhYmAgaXMgdXNpbmcgYSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBoZWFkaW5nLlxyXG4gICAqIERlZmF1bHQgdmFsdWUgaXMgZmFsc2UuXHJcbiAgICovXHJcbiAgcHVibGljIGhlYWRpbmdJc1RlbXBsYXRlID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBgVGFiYCdzIHRpdGxlIHRvIGJlIGRpc3BsYXllZCBvciBjdXN0b20gdGVtYXBsYXRlIGZvciB0aGUgYFRhYmAgaGVhZGluZy5cclxuICAgKi9cclxuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+ID0gXCJcIjtcclxuICAvKipcclxuICAgKiBPcHRpb25hbCBvdmVycmlkZSBmb3IgdGhlIGB0YWJJdGVtJ3NgJ3MgdGl0bGUgYXR0cmlidXRlIHdoaWNoIGlzIHNldCBpbiBgVGFiSGVhZGVyc2AuXHJcbiAgICogYHRhYkl0ZW1gJ3MgdGl0bGUgYXR0cmlidXRlIGlzIGF1dG9tYXRpY2FsbHkgc2V0IHRvIGBoZWFkaW5nYC5cclxuICAgKlxyXG4gICAqIFlvdSBtaWdodCB3YW50IHRvIHVzZSB0aGlzIGlmIHlvdSBzZXQgYGhlYWRpbmdgIHRvIGEgYFRlbXBsYXRlUmVmYC5cclxuICAgKi9cclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICAvKipcclxuICAgKiBBbGxvd3MgdGhlIHVzZXIgdG8gcGFzcyBkYXRhIHRvIHRoZSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBgVGFiYCBoZWFkaW5nLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNvbnRleHQ6IGFueTtcclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYFRhYmAgaXMgYWN0aXZlL3NlbGVjdGVkLlxyXG4gICAqIERldGVybWluZXMgd2hldGhlciBpdCdzIGBUYWJQYW5lbGAgaXMgcmVuZGVyZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgb3Igbm90IHRoZSBgVGFiYCBpdGVtIGlzIGRpc2FibGVkLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHRhYkluZGV4ID0gMDtcclxuICAvLyBkbyB3ZSBuZWVkIGlkJ3M/XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgaWQgb2YgdGhlIGBUYWJgLiBXaWxsIGJlIHVuaXF1ZWx5IGdlbmVyYXRlZCBpZiBub3QgcHJvdmlkZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgaWQgPSBgbi10YWItJHtuZXh0SWQrK31gO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byB0cnVlIHRvIGhhdmUgVGFiIGl0ZW1zIGNhY2hlZCBhbmQgbm90IHJlbG9hZGVkIG9uIHRhYiBzd2l0Y2hpbmcuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IGNhY2hlQWN0aXZlKHNob3VsZENhY2hlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9jYWNoZUFjdGl2ZSA9IHNob3VsZENhY2hlO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBWYWx1ZSAnc2VsZWN0ZWQnIHRvIGJlIGVtaXR0ZWQgYWZ0ZXIgYSBuZXcgYFRhYmAgaXMgc2VsZWN0ZWQuXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFVzZWQgdG8gc2V0IHRoZSBpZCBwcm9wZXJ0eSBvbiB0aGUgZWxlbWVudC5cclxuICAgKi9cclxuICBASG9zdEJpbmRpbmcoXCJhdHRyLmlkXCIpIGF0dHJDbGFzcyA9IHRoaXMuaWQ7XHJcblxyXG4gIGdldCBjYWNoZUFjdGl2ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl9jYWNoZUFjdGl2ZTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBfY2FjaGVBY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ2hlY2tzIGZvciBjdXN0b20gaGVhZGluZyB0ZW1wbGF0ZSBvbiBpbml0aWFsaXphdGlvbiBhbmQgdXBkYXRlcyB0aGUgdmFsdWVcclxuICAgKiBvZiB0aGUgYm9vbGVhbiAnaGVhZGluZ0lzVGVtcGxhdGUnLlxyXG4gICAqL1xyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaGVhZGluZyBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XHJcbiAgICAgIHRoaXMuaGVhZGluZ0lzVGVtcGxhdGUgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRW1pdCB0aGUgc3RhdHVzIG9mIHRoZSBgVGFiYCwgc3BlY2lmaWNhbGx5ICdzZWxlY3QnIGFuZCAnc2VsZWN0ZWQnIHByb3BlcnRpZXMuXHJcbiAgICovXHJcbiAgZG9TZWxlY3QoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJldHVybnMgdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoaXMgYFRhYmAgc2hvdWxkIGJlIHJlbmRlcmVkIGluIGEgYFRhYlBhbmVsYC5cclxuICAgKi9cclxuICBzaG91bGRSZW5kZXIoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY3RpdmUgfHwgdGhpcy5jYWNoZUFjdGl2ZTtcclxuICB9XHJcbn1cclxuIl19
@@ -0,0 +1,100 @@
1
+ import { Component, ContentChild, ContentChildren, Input, } from "@angular/core";
2
+ import { TabHeaders as IbmTabHeaders } from "carbon-components-angular/tabs";
3
+ import { TabComponent } from "./tab.component";
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/common";
6
+ import * as i2 from "carbon-components-angular/tabs";
7
+ export class TabsComponent {
8
+ /**
9
+ * Takes either the string value 'top' or 'bottom' to place TabHeader
10
+ * relative to the `TabPanel`s.
11
+ */
12
+ position = "top";
13
+ /**
14
+ * Set to 'true' to have `Tab` items cached and not reloaded on tab switching.
15
+ *
16
+ * INTERNAL NOTE: apparently tabs are cached anyway (I tried inputting some text). Probably something in Angular is caching???
17
+ */
18
+ cacheActive = false;
19
+ /**
20
+ * Set to 'true' to have tabs automatically activated and have their content displayed when they receive focus.
21
+ */
22
+ followFocus = true;
23
+ /**
24
+ * Set to `true` to put tabs in a loading state.
25
+ */
26
+ skeleton = false;
27
+ /**
28
+ * Set to `true` to have the tabIndex of the all tabpanels be -1.
29
+ */
30
+ isNavigation = false;
31
+ /**
32
+ * Sets the aria label on the `TabHeader`s nav element.
33
+ */
34
+ ariaLabel = "";
35
+ /**
36
+ * Sets the aria labelledby on the `TabHeader`s nav element.
37
+ */
38
+ ariaLabelledby = "";
39
+ /**
40
+ * Sets the type of the `TabHeader`s
41
+ */
42
+ type = "line";
43
+ /**
44
+ * Maintains a `QueryList` of the `Tab` elements and updates if `Tab`s are added or removed.
45
+ */
46
+ tabs;
47
+ /**
48
+ * Content child of the projected header component
49
+ */
50
+ tabHeaders;
51
+ /**
52
+ * After content is initialized update `Tab`s to cache (if turned on) and set the initial
53
+ * selected Tab item.
54
+ */
55
+ ngAfterContentInit() {
56
+ if (this.tabHeaders) {
57
+ this.tabHeaders.cacheActive = this.cacheActive;
58
+ }
59
+ this.tabs.forEach((tab) => {
60
+ tab.tabIndex = this.isNavigation ? null : 0;
61
+ });
62
+ }
63
+ ngOnChanges(changes) {
64
+ if (this.tabHeaders && changes.cacheActive) {
65
+ this.tabHeaders.cacheActive = this.cacheActive;
66
+ }
67
+ if (this.tabs && changes.isNavigation) {
68
+ this.tabs.forEach((tab) => {
69
+ tab.tabIndex = this.isNavigation ? null : 0;
70
+ });
71
+ }
72
+ }
73
+ /**
74
+ * true if the n-tab's are passed directly to the component as children
75
+ */
76
+ hasTabHeaders() {
77
+ return this.tabs.length > 0;
78
+ }
79
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
80
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabsComponent, selector: "tlp-tabs", inputs: { position: "position", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", type: "type" }, queries: [{ propertyName: "tabHeaders", first: true, predicate: IbmTabHeaders, descendants: true }, { propertyName: "tabs", predicate: TabComponent }], usesOnChanges: true, ngImport: i0, template: "<ibm-tab-headers\r\n *ngIf=\"hasTabHeaders() && position === 'top'\"\r\n [tabs]=\"$any(tabs)\"\r\n [followFocus]=\"followFocus\"\r\n [cacheActive]=\"cacheActive\"\r\n [contentBefore]=\"before\"\r\n [contentAfter]=\"after\"\r\n [ariaLabel]=\"ariaLabel\"\r\n [ariaLabelledby]=\"ariaLabelledby\"\r\n [type]=\"type\"\r\n>\r\n</ibm-tab-headers>\r\n<ng-content></ng-content>\r\n<ng-template #before>\r\n <ng-content select=\"[before]\"></ng-content>\r\n</ng-template>\r\n<ng-template #after>\r\n <ng-content select=\"[after]\"></ng-content>\r\n</ng-template>\r\n<ibm-tab-headers\r\n *ngIf=\"hasTabHeaders() && position === 'bottom'\"\r\n [tabs]=\"$any(tabs)\"\r\n [cacheActive]=\"cacheActive\"\r\n [type]=\"type\"\r\n>\r\n</ibm-tab-headers>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #003c69;--cds-ui-01: #f5f7f9;--cds-ui-03: #ced9e4}:host ::ng-deep .cds--tabs--scrollable.cds--tabs--scrollable--container .cds--tabs--scrollable__nav-item--selected .cds--tabs--scrollable__nav-link:focus{box-shadow:inset 0 2px 0 0 var(--cds-interactive-04, #003c69)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TabHeaders, selector: "cds-tab-headers, ibm-tab-headers", inputs: ["tabs", "translations"] }] });
81
+ }
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponent, decorators: [{
83
+ type: Component,
84
+ args: [{ selector: "tlp-tabs", template: "<ibm-tab-headers\r\n *ngIf=\"hasTabHeaders() && position === 'top'\"\r\n [tabs]=\"$any(tabs)\"\r\n [followFocus]=\"followFocus\"\r\n [cacheActive]=\"cacheActive\"\r\n [contentBefore]=\"before\"\r\n [contentAfter]=\"after\"\r\n [ariaLabel]=\"ariaLabel\"\r\n [ariaLabelledby]=\"ariaLabelledby\"\r\n [type]=\"type\"\r\n>\r\n</ibm-tab-headers>\r\n<ng-content></ng-content>\r\n<ng-template #before>\r\n <ng-content select=\"[before]\"></ng-content>\r\n</ng-template>\r\n<ng-template #after>\r\n <ng-content select=\"[after]\"></ng-content>\r\n</ng-template>\r\n<ibm-tab-headers\r\n *ngIf=\"hasTabHeaders() && position === 'bottom'\"\r\n [tabs]=\"$any(tabs)\"\r\n [cacheActive]=\"cacheActive\"\r\n [type]=\"type\"\r\n>\r\n</ibm-tab-headers>\r\n", styles: [":host ::ng-deep{--cds-interactive-04: #003c69;--cds-ui-01: #f5f7f9;--cds-ui-03: #ced9e4}:host ::ng-deep .cds--tabs--scrollable.cds--tabs--scrollable--container .cds--tabs--scrollable__nav-item--selected .cds--tabs--scrollable__nav-link:focus{box-shadow:inset 0 2px 0 0 var(--cds-interactive-04, #003c69)}\n"] }]
85
+ }], propDecorators: { position: [{
86
+ type: Input
87
+ }], ariaLabel: [{
88
+ type: Input
89
+ }], ariaLabelledby: [{
90
+ type: Input
91
+ }], type: [{
92
+ type: Input
93
+ }], tabs: [{
94
+ type: ContentChildren,
95
+ args: [TabComponent, { descendants: false }]
96
+ }], tabHeaders: [{
97
+ type: ContentChild,
98
+ args: [IbmTabHeaders, { static: false }]
99
+ }] } });
100
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvdGFicy90YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osZUFBZSxFQUNmLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxJQUFJLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQU8vQyxNQUFNLE9BQU8sYUFBYTtJQUN4Qjs7O09BR0c7SUFDTSxRQUFRLEdBQXFCLEtBQUssQ0FBQztJQUM1Qzs7OztPQUlHO0lBQ0gsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUNwQjs7T0FFRztJQUNILFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbkI7O09BRUc7SUFDSCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCOztPQUVHO0lBQ0gsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUNyQjs7T0FFRztJQUNNLFNBQVMsR0FBVyxFQUFFLENBQUM7SUFDaEM7O09BRUc7SUFDTSxjQUFjLEdBQVcsRUFBRSxDQUFDO0lBQ3JDOztPQUVHO0lBQ00sSUFBSSxHQUF5QixNQUFNLENBQUM7SUFFN0M7O09BRUc7SUFFSCxJQUFJLENBQTJCO0lBQy9COztPQUVHO0lBQzZDLFVBQVUsQ0FBTTtJQUVoRTs7O09BR0c7SUFDSCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNqRCxDQUFDO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUM3QixHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksT0FBTyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDakQsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtnQkFDN0IsR0FBRyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM5QyxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxhQUFhO1FBQ1gsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQzt3R0E5RVUsYUFBYTs0RkFBYixhQUFhLGtNQTZDVixhQUFhLDBEQUxWLFlBQVksa0RDeEQvQixtdkJBMEJBOzs0RkRWYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFVBQVU7OEJBU1gsUUFBUTtzQkFBaEIsS0FBSztnQkFzQkcsU0FBUztzQkFBakIsS0FBSztnQkFJRyxjQUFjO3NCQUF0QixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFNTixJQUFJO3NCQURILGVBQWU7dUJBQUMsWUFBWSxFQUFFLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRTtnQkFLTCxVQUFVO3NCQUF6RCxZQUFZO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIElucHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRhYkhlYWRlcnMgYXMgSWJtVGFiSGVhZGVycyB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL3RhYnNcIjtcclxuaW1wb3J0IHsgVGFiQ29tcG9uZW50IH0gZnJvbSBcIi4vdGFiLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXRhYnNcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RhYnMuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vdGFicy5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQge1xyXG4gIC8qKlxyXG4gICAqIFRha2VzIGVpdGhlciB0aGUgc3RyaW5nIHZhbHVlICd0b3AnIG9yICdib3R0b20nIHRvIHBsYWNlIFRhYkhlYWRlclxyXG4gICAqIHJlbGF0aXZlIHRvIHRoZSBgVGFiUGFuZWxgcy5cclxuICAgKi9cclxuICBASW5wdXQoKSBwb3NpdGlvbjogXCJ0b3BcIiB8IFwiYm90dG9tXCIgPSBcInRvcFwiO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byAndHJ1ZScgdG8gaGF2ZSBgVGFiYCBpdGVtcyBjYWNoZWQgYW5kIG5vdCByZWxvYWRlZCBvbiB0YWIgc3dpdGNoaW5nLlxyXG4gICAqXHJcbiAgICogSU5URVJOQUwgTk9URTogYXBwYXJlbnRseSB0YWJzIGFyZSBjYWNoZWQgYW55d2F5IChJIHRyaWVkIGlucHV0dGluZyBzb21lIHRleHQpLiBQcm9iYWJseSBzb21ldGhpbmcgaW4gQW5ndWxhciBpcyBjYWNoaW5nPz8/XHJcbiAgICovXHJcbiAgY2FjaGVBY3RpdmUgPSBmYWxzZTtcclxuICAvKipcclxuICAgKiBTZXQgdG8gJ3RydWUnIHRvIGhhdmUgdGFicyBhdXRvbWF0aWNhbGx5IGFjdGl2YXRlZCBhbmQgaGF2ZSB0aGVpciBjb250ZW50IGRpc3BsYXllZCB3aGVuIHRoZXkgcmVjZWl2ZSBmb2N1cy5cclxuICAgKi9cclxuICBmb2xsb3dGb2N1cyA9IHRydWU7XHJcbiAgLyoqXHJcbiAgICogU2V0IHRvIGB0cnVlYCB0byBwdXQgdGFicyBpbiBhIGxvYWRpbmcgc3RhdGUuXHJcbiAgICovXHJcbiAgc2tlbGV0b24gPSBmYWxzZTtcclxuICAvKipcclxuICAgKiBTZXQgdG8gYHRydWVgIHRvIGhhdmUgdGhlIHRhYkluZGV4IG9mIHRoZSBhbGwgdGFicGFuZWxzIGJlIC0xLlxyXG4gICAqL1xyXG4gIGlzTmF2aWdhdGlvbiA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGFyaWEgbGFiZWwgb24gdGhlIGBUYWJIZWFkZXJgcyBuYXYgZWxlbWVudC5cclxuICAgKi9cclxuICBASW5wdXQoKSBhcmlhTGFiZWw6IHN0cmluZyA9IFwiXCI7XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgYXJpYSBsYWJlbGxlZGJ5IG9uIHRoZSBgVGFiSGVhZGVyYHMgbmF2IGVsZW1lbnQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgYXJpYUxhYmVsbGVkYnk6IHN0cmluZyA9IFwiXCI7XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgdHlwZSBvZiB0aGUgYFRhYkhlYWRlcmBzXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZTogXCJsaW5lXCIgfCBcImNvbnRhaW5lZFwiID0gXCJsaW5lXCI7XHJcblxyXG4gIC8qKlxyXG4gICAqIE1haW50YWlucyBhIGBRdWVyeUxpc3RgIG9mIHRoZSBgVGFiYCBlbGVtZW50cyBhbmQgdXBkYXRlcyBpZiBgVGFiYHMgYXJlIGFkZGVkIG9yIHJlbW92ZWQuXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZHJlbihUYWJDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IGZhbHNlIH0pXHJcbiAgdGFicyE6IFF1ZXJ5TGlzdDxUYWJDb21wb25lbnQ+O1xyXG4gIC8qKlxyXG4gICAqIENvbnRlbnQgY2hpbGQgb2YgdGhlIHByb2plY3RlZCBoZWFkZXIgY29tcG9uZW50XHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChJYm1UYWJIZWFkZXJzLCB7IHN0YXRpYzogZmFsc2UgfSkgdGFiSGVhZGVyczogYW55O1xyXG5cclxuICAvKipcclxuICAgKiBBZnRlciBjb250ZW50IGlzIGluaXRpYWxpemVkIHVwZGF0ZSBgVGFiYHMgdG8gY2FjaGUgKGlmIHR1cm5lZCBvbikgYW5kIHNldCB0aGUgaW5pdGlhbFxyXG4gICAqIHNlbGVjdGVkIFRhYiBpdGVtLlxyXG4gICAqL1xyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIGlmICh0aGlzLnRhYkhlYWRlcnMpIHtcclxuICAgICAgdGhpcy50YWJIZWFkZXJzLmNhY2hlQWN0aXZlID0gdGhpcy5jYWNoZUFjdGl2ZTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnRhYnMuZm9yRWFjaCgodGFiOiBhbnkpID0+IHtcclxuICAgICAgdGFiLnRhYkluZGV4ID0gdGhpcy5pc05hdmlnYXRpb24gPyBudWxsIDogMDtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKHRoaXMudGFiSGVhZGVycyAmJiBjaGFuZ2VzLmNhY2hlQWN0aXZlKSB7XHJcbiAgICAgIHRoaXMudGFiSGVhZGVycy5jYWNoZUFjdGl2ZSA9IHRoaXMuY2FjaGVBY3RpdmU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMudGFicyAmJiBjaGFuZ2VzLmlzTmF2aWdhdGlvbikge1xyXG4gICAgICB0aGlzLnRhYnMuZm9yRWFjaCgodGFiOiBhbnkpID0+IHtcclxuICAgICAgICB0YWIudGFiSW5kZXggPSB0aGlzLmlzTmF2aWdhdGlvbiA/IG51bGwgOiAwO1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIHRydWUgaWYgdGhlIG4tdGFiJ3MgYXJlIHBhc3NlZCBkaXJlY3RseSB0byB0aGUgY29tcG9uZW50IGFzIGNoaWxkcmVuXHJcbiAgICovXHJcbiAgaGFzVGFiSGVhZGVycygpIHtcclxuICAgIHJldHVybiB0aGlzLnRhYnMubGVuZ3RoID4gMDtcclxuICB9XHJcbn1cclxuIiwiPGlibS10YWItaGVhZGVyc1xyXG4gICpuZ0lmPVwiaGFzVGFiSGVhZGVycygpICYmIHBvc2l0aW9uID09PSAndG9wJ1wiXHJcbiAgW3RhYnNdPVwiJGFueSh0YWJzKVwiXHJcbiAgW2ZvbGxvd0ZvY3VzXT1cImZvbGxvd0ZvY3VzXCJcclxuICBbY2FjaGVBY3RpdmVdPVwiY2FjaGVBY3RpdmVcIlxyXG4gIFtjb250ZW50QmVmb3JlXT1cImJlZm9yZVwiXHJcbiAgW2NvbnRlbnRBZnRlcl09XCJhZnRlclwiXHJcbiAgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWxcIlxyXG4gIFthcmlhTGFiZWxsZWRieV09XCJhcmlhTGFiZWxsZWRieVwiXHJcbiAgW3R5cGVdPVwidHlwZVwiXHJcbj5cclxuPC9pYm0tdGFiLWhlYWRlcnM+XHJcbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPG5nLXRlbXBsYXRlICNiZWZvcmU+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JlZm9yZV1cIj48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjYWZ0ZXI+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FmdGVyXVwiPjwvbmctY29udGVudD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuPGlibS10YWItaGVhZGVyc1xyXG4gICpuZ0lmPVwiaGFzVGFiSGVhZGVycygpICYmIHBvc2l0aW9uID09PSAnYm90dG9tJ1wiXHJcbiAgW3RhYnNdPVwiJGFueSh0YWJzKVwiXHJcbiAgW2NhY2hlQWN0aXZlXT1cImNhY2hlQWN0aXZlXCJcclxuICBbdHlwZV09XCJ0eXBlXCJcclxuPlxyXG48L2libS10YWItaGVhZGVycz5cclxuIl19
@@ -0,0 +1,31 @@
1
+ import { Component, EventEmitter, Input, Output } from "@angular/core";
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../icons/icon.directive";
5
+ export class TagComponent {
6
+ type = "info";
7
+ removable = false;
8
+ selected = false;
9
+ selectable = false;
10
+ remove = new EventEmitter();
11
+ onRemove() {
12
+ this.remove.emit();
13
+ }
14
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TagComponent, selector: "tlp-tag", inputs: { type: "type", removable: "removable", selected: "selected", selectable: "selectable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div\r\n class=\"cds--tag {{ type }} {{ selectable ? 'selectable' : '' }} {{\r\n selected ? 'selected' : ''\r\n }}\"\r\n>\r\n <span class=\"cds--tag__label\">\r\n <ng-content></ng-content>\r\n </span>\r\n <button\r\n *ngIf=\"removable\"\r\n class=\"cds--tag__close-icon\"\r\n (click)=\"onRemove()\"\r\n title=\"Remove\"\r\n >\r\n <span class=\"cds--visually-hidden\">Remove</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: [".cds--tag{border-radius:0;font-weight:500;padding:0 8px;margin:0}.cds--tag.selectable{cursor:pointer}.cds--tag.success{border:1px solid #36bd64;background-color:#f8fffa;color:#36bd64}.cds--tag.info{border:1px solid #008bf5;background-color:#eff8ff;color:#008bf5}.cds--tag.warning{border:1px solid #ff6b00;background-color:#fffaf6;color:#ff6b00}.cds--tag.danger{border:1px solid #ff2121;background-color:#fff8f8;color:#ff2121}.cds--tag.selected{color:#fff}.cds--tag.selected.success{background-color:#36bd64}.cds--tag.selected.info{background-color:#008bf5}.cds--tag.selected.warning{background-color:#ff6b00}.cds--tag.selected.danger{background-color:#ff2121}.cds--tag__close-icon{width:auto;height:auto;margin-left:4px}.cds--tag .cds--tag__close-icon:hover{background:#0000000d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
16
+ }
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagComponent, decorators: [{
18
+ type: Component,
19
+ args: [{ selector: "tlp-tag", template: "<div\r\n class=\"cds--tag {{ type }} {{ selectable ? 'selectable' : '' }} {{\r\n selected ? 'selected' : ''\r\n }}\"\r\n>\r\n <span class=\"cds--tag__label\">\r\n <ng-content></ng-content>\r\n </span>\r\n <button\r\n *ngIf=\"removable\"\r\n class=\"cds--tag__close-icon\"\r\n (click)=\"onRemove()\"\r\n title=\"Remove\"\r\n >\r\n <span class=\"cds--visually-hidden\">Remove</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n</div>\r\n", styles: [".cds--tag{border-radius:0;font-weight:500;padding:0 8px;margin:0}.cds--tag.selectable{cursor:pointer}.cds--tag.success{border:1px solid #36bd64;background-color:#f8fffa;color:#36bd64}.cds--tag.info{border:1px solid #008bf5;background-color:#eff8ff;color:#008bf5}.cds--tag.warning{border:1px solid #ff6b00;background-color:#fffaf6;color:#ff6b00}.cds--tag.danger{border:1px solid #ff2121;background-color:#fff8f8;color:#ff2121}.cds--tag.selected{color:#fff}.cds--tag.selected.success{background-color:#36bd64}.cds--tag.selected.info{background-color:#008bf5}.cds--tag.selected.warning{background-color:#ff6b00}.cds--tag.selected.danger{background-color:#ff2121}.cds--tag__close-icon{width:auto;height:auto;margin-left:4px}.cds--tag .cds--tag__close-icon:hover{background:#0000000d}\n"] }]
20
+ }], propDecorators: { type: [{
21
+ type: Input
22
+ }], removable: [{
23
+ type: Input
24
+ }], selected: [{
25
+ type: Input
26
+ }], selectable: [{
27
+ type: Input
28
+ }], remove: [{
29
+ type: Output
30
+ }] } });
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkUsTUFBTSxPQUFPLFlBQVk7SUFDZCxJQUFJLEdBQThDLE1BQU0sQ0FBQztJQUN6RCxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUVsQixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV0QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO3dHQVZVLFlBQVk7NEZBQVosWUFBWSxnTENQekIsdWVBa0JBOzs0RkRYYSxZQUFZO2tCQUx4QixTQUFTOytCQUNFLFNBQVM7OEJBS1YsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC10YWdcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RhZy5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi90YWcuY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHR5cGU6IFwic3VjY2Vzc1wiIHwgXCJpbmZvXCIgfCBcIndhcm5pbmdcIiB8IFwiZGFuZ2VyXCIgPSBcImluZm9cIjtcclxuICBASW5wdXQoKSByZW1vdmFibGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGFibGUgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgb25SZW1vdmUoKSB7XHJcbiAgICB0aGlzLnJlbW92ZS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImNkcy0tdGFnIHt7IHR5cGUgfX0ge3sgc2VsZWN0YWJsZSA/ICdzZWxlY3RhYmxlJyA6ICcnIH19IHt7XHJcbiAgICBzZWxlY3RlZCA/ICdzZWxlY3RlZCcgOiAnJ1xyXG4gIH19XCJcclxuPlxyXG4gIDxzcGFuIGNsYXNzPVwiY2RzLS10YWdfX2xhYmVsXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9zcGFuPlxyXG4gIDxidXR0b25cclxuICAgICpuZ0lmPVwicmVtb3ZhYmxlXCJcclxuICAgIGNsYXNzPVwiY2RzLS10YWdfX2Nsb3NlLWljb25cIlxyXG4gICAgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIlxyXG4gICAgdGl0bGU9XCJSZW1vdmVcIlxyXG4gID5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS12aXN1YWxseS1oaWRkZW5cIj5SZW1vdmU8L3NwYW4+XHJcbiAgICA8c3ZnIHRscEljb249XCJjbG9zZVwiIHNpemU9XCIxNlwiPjwvc3ZnPlxyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19
@@ -0,0 +1,16 @@
1
+ import { Component, Input } from "@angular/core";
2
+ import { TagFilter as IbmTagFilter } from "carbon-components-angular";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../icons/icon.directive";
5
+ export class TagFilterComponent extends IbmTagFilter {
6
+ type = "blue";
7
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
8
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TagFilterComponent, selector: "tlp-tag-filter", inputs: { type: "type" }, usesInheritance: true, ngImport: i0, template: "<span\r\n class=\"cds--tag__label\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</span>\r\n<button\r\n class=\"cds--tag__close-icon\"\r\n (click)=\"onClose($event)\"\r\n [disabled]=\"disabled\"\r\n [title]=\"closeButtonLabel\"\r\n>\r\n <span class=\"cds--visually-hidden\">{{ closeButtonLabel }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--tag--blue{color:#003c69;background-color:#003c6926}::ng-deep .cds--tag--blue .cds--tag__close-icon:hover{background-color:#003c6933}\n"], dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
9
+ }
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagFilterComponent, decorators: [{
11
+ type: Component,
12
+ args: [{ selector: "tlp-tag-filter", template: "<span\r\n class=\"cds--tag__label\"\r\n [attr.title]=\"title ? title : null\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</span>\r\n<button\r\n class=\"cds--tag__close-icon\"\r\n (click)=\"onClose($event)\"\r\n [disabled]=\"disabled\"\r\n [title]=\"closeButtonLabel\"\r\n>\r\n <span class=\"cds--visually-hidden\">{{ closeButtonLabel }}</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n</button>\r\n", styles: ["::ng-deep .cds--tag--blue{color:#003c69;background-color:#003c6926}::ng-deep .cds--tag--blue .cds--tag__close-icon:hover{background-color:#003c6933}\n"] }]
13
+ }], propDecorators: { type: [{
14
+ type: Input
15
+ }] } });
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvdGFnLWZpbHRlci90YWctZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWctZmlsdGVyL3RhZy1maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsSUFBSSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBT3RFLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxZQUFZO0lBQ3pDLElBQUksR0FVSyxNQUFNLENBQUM7d0dBWGQsa0JBQWtCOzRGQUFsQixrQkFBa0IsdUdDUi9CLDZiQWdCQTs7NEZEUmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRhZ0ZpbHRlciBhcyBJYm1UYWdGaWx0ZXIgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhclwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXRhZy1maWx0ZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RhZy1maWx0ZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vdGFnLWZpbHRlci5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhZ0ZpbHRlckNvbXBvbmVudCBleHRlbmRzIElibVRhZ0ZpbHRlciB7XHJcbiAgQElucHV0KCkgdHlwZTpcclxuICAgIHwgXCJyZWRcIlxyXG4gICAgfCBcIm1hZ2VudGFcIlxyXG4gICAgfCBcInB1cnBsZVwiXHJcbiAgICB8IFwiYmx1ZVwiXHJcbiAgICB8IFwiY3lhblwiXHJcbiAgICB8IFwidGVhbFwiXHJcbiAgICB8IFwiZ3JlZW5cIlxyXG4gICAgfCBcImdyYXlcIlxyXG4gICAgfCBcImNvb2wtZ3JheVwiXHJcbiAgICB8IFwid2FybS1ncmF5XCIgPSBcImJsdWVcIjtcclxufVxyXG4iLCI8c3BhblxyXG4gIGNsYXNzPVwiY2RzLS10YWdfX2xhYmVsXCJcclxuICBbYXR0ci50aXRsZV09XCJ0aXRsZSA/IHRpdGxlIDogbnVsbFwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvc3Bhbj5cclxuPGJ1dHRvblxyXG4gIGNsYXNzPVwiY2RzLS10YWdfX2Nsb3NlLWljb25cIlxyXG4gIChjbGljayk9XCJvbkNsb3NlKCRldmVudClcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW3RpdGxlXT1cImNsb3NlQnV0dG9uTGFiZWxcIlxyXG4+XHJcbiAgPHNwYW4gY2xhc3M9XCJjZHMtLXZpc3VhbGx5LWhpZGRlblwiPnt7IGNsb3NlQnV0dG9uTGFiZWwgfX08L3NwYW4+XHJcbiAgPHN2ZyB0bHBJY29uPVwiY2xvc2VcIiBzaXplPVwiMTZcIj48L3N2Zz5cclxuPC9idXR0b24+XHJcbiJdfQ==