pruebatlp20v17-design-system 0.0.15 → 0.0.17
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.
- package/esm2022/lib/algeciras-port-logo/algeciras-port-logo.component.mjs +3 -3
- package/esm2022/lib/bottom-panel/bottom-panel.component.mjs +3 -4
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/data-table/data-table.component.mjs +2 -2
- package/esm2022/lib/datepicker/datepicker.component.mjs +2 -2
- package/esm2022/lib/design-system.module.mjs +4 -5
- package/esm2022/lib/expandable-tile/expandable-tile.component.mjs +13 -11
- package/esm2022/lib/global-styles.component.mjs +2 -2
- package/esm2022/lib/input/input.component.mjs +4 -4
- package/esm2022/lib/loading/loading.component.mjs +2 -2
- package/esm2022/lib/modal/modal.component.mjs +2 -2
- package/esm2022/lib/notification/notification.component.mjs +5 -6
- package/esm2022/lib/notification/toast.component.mjs +5 -6
- package/esm2022/lib/overflow-menu/overflow-menu.component.mjs +2 -2
- package/esm2022/lib/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/progress-indicator/progress-indicator.component.mjs +3 -3
- package/esm2022/lib/search/search.component.mjs +4 -4
- package/esm2022/lib/side-panel/side-panel.component.mjs +3 -3
- package/esm2022/lib/sidenav/sidenav-item.component.mjs +3 -3
- package/esm2022/lib/sidenav/sidenav.component.mjs +21 -5
- package/esm2022/lib/subheader/subheader.component.mjs +2 -2
- package/esm2022/lib/tabs/tab.component.mjs +7 -5
- package/esm2022/lib/tabs/tabs.component.mjs +4 -5
- package/esm2022/lib/tag/tag.component.mjs +4 -5
- package/esm2022/lib/tag-filter/tag-filter.component.mjs +2 -2
- package/esm2022/lib/textarea/textarea.component.mjs +4 -4
- package/fesm2022/pruebatlp20v17-design-system.mjs +104 -85
- package/fesm2022/pruebatlp20v17-design-system.mjs.map +1 -1
- package/lib/design-system.module.d.ts +27 -28
- package/lib/sidenav/sidenav.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export class SidePanelComponent {
|
|
|
9
9
|
side = "right";
|
|
10
10
|
width = "300px";
|
|
11
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: "
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, selector: "tlp-side-panel", inputs: { fixed: "fixed", expanded: "expanded", side: "side", width: "width" }, ngImport: i0, template: "@if (side === 'right' && expanded && !fixed) {\r\n<div [@inOutAnimationRight] class=\"wrapper\" [style]=\"{ '--width': width }\">\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n} @if (side === 'left' && expanded && !fixed) {\r\n<div\r\n [@inOutAnimationLeft]\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} @if (fixed) {\r\n<div class=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n}\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: [":host ::ng-deep .cds--header-panel{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}:host ::ng-deep .cds--header-panel--expanded{box-shadow:-4px 0 4px #00000040}:host ::ng-deep .cds--panel--expanded{box-shadow:0 8px 16px #00000040;transform:translateZ(0)}:host ::ng-deep .wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}:host ::ng-deep .wrapper ibm-panel{pointer-events:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--overlay{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--header-panel{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--expanded{box-shadow:4px 0 4px #00000040}:host ::ng-deep .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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Panel, selector: "cds-panel, ibm-panel", inputs: ["expanded", "ariaLabel"] }], animations: [
|
|
13
13
|
trigger("inOutAnimationRight", [
|
|
14
14
|
transition(":enter", [
|
|
15
15
|
style({ transform: "translateX(100%)" }),
|
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
55
|
animate("0.2s ease-in", style({ transform: "translateX(-100%)" })),
|
|
56
56
|
]),
|
|
57
57
|
]),
|
|
58
|
-
], template: "
|
|
58
|
+
], template: "@if (side === 'right' && expanded && !fixed) {\r\n<div [@inOutAnimationRight] class=\"wrapper\" [style]=\"{ '--width': width }\">\r\n <ibm-panel [expanded]=\"true\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </ibm-panel>\r\n</div>\r\n} @if (side === 'left' && expanded && !fixed) {\r\n<div\r\n [@inOutAnimationLeft]\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} @if (fixed) {\r\n<div class=\"fixed\" [style]=\"{ '--width': width }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</div>\r\n}\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>\r\n", styles: [":host ::ng-deep .cds--header-panel{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}:host ::ng-deep .cds--header-panel--expanded{box-shadow:-4px 0 4px #00000040}:host ::ng-deep .cds--panel--expanded{box-shadow:0 8px 16px #00000040;transform:translateZ(0)}:host ::ng-deep .wrapper{top:0;position:fixed;width:100%;height:100%;z-index:1000;pointer-events:none}:host ::ng-deep .wrapper ibm-panel{pointer-events:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--overlay{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--header-panel{left:0;right:auto}:host ::ng-deep .wrapper.wrapper--left .cds--panel--expanded{box-shadow:4px 0 4px #00000040}:host ::ng-deep .fixed{width:var(--width, 300px);height:100%;margin-right:1rem;padding:0 1rem;border-right:1px solid #cfcfcf;background-color:#fff}\n"] }]
|
|
59
59
|
}], propDecorators: { fixed: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}], expanded: [{
|
|
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
65
65
|
}], width: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBNkJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFDO0lBRWpDLEtBQUssR0FBRyxPQUFPLENBQUM7d0dBTGQsa0JBQWtCOzRGQUFsQixrQkFBa0Isc0lDOUIvQix1eEJBdUJBLCtuQ0RoQmM7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTNCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZDt3QkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7NEJBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7NkJBQ2pFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0NBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQzs2QkFDbEUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTs0QkFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7Z0NBQ3pDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyaWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIkBpZiAoc2lkZSA9PT0gJ3JpZ2h0JyAmJiBleHBhbmRlZCAmJiAhZml4ZWQpIHtcclxuPGRpdiBbQGluT3V0QW5pbWF0aW9uUmlnaHRdIGNsYXNzPVwid3JhcHBlclwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG59IEBpZiAoc2lkZSA9PT0gJ2xlZnQnICYmIGV4cGFuZGVkICYmICFmaXhlZCkge1xyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgY2xhc3M9XCJ3cmFwcGVyIHdyYXBwZXItLWxlZnRcIlxyXG4gIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiXHJcbj5cclxuICA8aWJtLXBhbmVsIFtleHBhbmRlZF09XCJ0cnVlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvaWJtLXBhbmVsPlxyXG48L2Rpdj5cclxufSBAaWYgKGZpeGVkKSB7XHJcbjxkaXYgY2xhc3M9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG59XHJcblxyXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class SideNavItemComponent extends SideNavItem {
|
|
6
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: "
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 @if (!isSubMenu) {\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n }\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"] }] });
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, decorators: [{
|
|
10
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
|
|
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 @if (!isSubMenu) {\r\n <div class=\"cds--side-nav__icon\">\r\n <ng-content select=\"svg, [icon]\"></ng-content>\r\n </div>\r\n }\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
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU1qRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsV0FBVzt3R0FBeEMsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDUGpDLGd2QkF5QkE7OzRGRGxCYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU2lkZU5hdkl0ZW0gfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2SXRlbUNvbXBvbmVudCBleHRlbmRzIFNpZGVOYXZJdGVtIHt9XHJcbiIsIjwhLS0gLy9OT1NPTkFSIC0tPjwhLS0gZGlzcGxheTppbmxpbmUgLS0+PGxpXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX2l0ZW0nOiAhaXNTdWJNZW51LFxyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX21lbnUtaXRlbSc6IGlzU3ViTWVudVxyXG4gIH1cIlxyXG4gIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ2xpc3RpdGVtJyA6IG51bGxcIlxyXG4+XHJcbiAgPGFcclxuICAgIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGlua1wiXHJcbiAgICBbaHJlZl09XCJocmVmXCJcclxuICAgIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ21lbnVpdGVtJyA6IG51bGxcIlxyXG4gICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImFjdGl2ZSA/ICdwYWdlJyA6IG51bGxcIlxyXG4gICAgW2F0dHIudGl0bGVdPVwidGl0bGUgPyB0aXRsZSA6IG51bGxcIlxyXG4gICAgKGNsaWNrKT1cIm5hdmlnYXRlKCRldmVudClcIlxyXG4gID5cclxuICAgIEBpZiAoIWlzU3ViTWVudSkge1xyXG4gICAgPGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGluay10ZXh0XCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvc3Bhbj5cclxuICA8L2E+XHJcbjwvbGk+XHJcbiJdfQ==
|
|
@@ -1,13 +1,29 @@
|
|
|
1
|
-
import { Component } from "@angular/core";
|
|
1
|
+
import { Component, HostListener } from "@angular/core";
|
|
2
2
|
import { SideNav as IbmSideNav } from "carbon-components-angular/ui-shell";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SideNavComponent extends IbmSideNav {
|
|
5
5
|
rail = true;
|
|
6
|
+
onMouseEnter() {
|
|
7
|
+
if (this.rail) {
|
|
8
|
+
this.expanded = true;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
onMouseLeave() {
|
|
12
|
+
if (this.rail) {
|
|
13
|
+
this.expanded = false;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
6
16
|
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
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavComponent, selector: "tlp-sidenav", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, 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:var(--cds-interactive-01)}::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:var(--cds-interactive-01);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:var(--cds-interactive-01)}::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:var(--cds-interactive-01)}::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
18
|
}
|
|
9
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavComponent, decorators: [{
|
|
10
20
|
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
|
|
12
|
-
}]
|
|
13
|
-
|
|
21
|
+
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:var(--cds-interactive-01)}::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:var(--cds-interactive-01);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:var(--cds-interactive-01)}::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:var(--cds-interactive-01)}::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"] }]
|
|
22
|
+
}], propDecorators: { onMouseEnter: [{
|
|
23
|
+
type: HostListener,
|
|
24
|
+
args: ["mouseenter"]
|
|
25
|
+
}], onMouseLeave: [{
|
|
26
|
+
type: HostListener,
|
|
27
|
+
args: ["mouseleave"]
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFPM0UsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFVBQVU7SUFDOUMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUdaLFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBR0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7d0dBZlUsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsbUtDUjdCLHFOQVNBOzs0RkREYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTs4QkFRdkIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVk7Z0JBUTFCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBTaWRlTmF2IGFzIElibVNpZGVOYXYgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXZcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2lkZW5hdi5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVOYXZDb21wb25lbnQgZXh0ZW5kcyBJYm1TaWRlTmF2IHtcclxuICByYWlsID0gdHJ1ZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIm1vdXNlZW50ZXJcIilcclxuICBvbk1vdXNlRW50ZXIoKSB7XHJcbiAgICBpZiAodGhpcy5yYWlsKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIm1vdXNlbGVhdmVcIilcclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICBpZiAodGhpcy5yYWlsKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5hdlxyXG4gIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbmF2aWdhdGlvblwiXHJcbiAgcm9sZT1cIm5hdmlnYXRpb25cIlxyXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuPlxyXG4gIDx1bCBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2l0ZW1zXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC91bD5cclxuPC9uYXY+XHJcbiJdfQ==
|
|
@@ -2,10 +2,10 @@ import { Component } from "@angular/core";
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class SubheaderComponent {
|
|
4
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: ["*{box-sizing:border-box}.container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background
|
|
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: ["*{box-sizing:border-box}.container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background:var(--cds-interactive-01);color:var(--cds-text-04)}:host ::ng-deep .subheader-title{padding:0;border:0;margin:0;font-size:24px;line-height:0;letter-spacing:1px;vertical-align:baseline;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}: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;box-shadow:none}:host ::ng-deep .cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-03)}\n"] });
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubheaderComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: "tlp-subheader", template: "<div class=\"container\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: ["*{box-sizing:border-box}.container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background
|
|
9
|
+
args: [{ selector: "tlp-subheader", template: "<div class=\"container\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: ["*{box-sizing:border-box}.container{height:72px;display:flex;align-items:center;padding:0 16px;gap:16px;background:var(--cds-interactive-01);color:var(--cds-text-04)}:host ::ng-deep .subheader-title{padding:0;border:0;margin:0;font-size:24px;line-height:0;letter-spacing:1px;vertical-align:baseline;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}: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;box-shadow:none}:host ::ng-deep .cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-03)}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjs0RkFBbEIsa0JBQWtCLHFEQ1AvQix3RUFHQTs7NEZESWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXN1YmhlYWRlclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3N1YmhlYWRlci5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1YmhlYWRlckNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -78,11 +78,11 @@ export class TabComponent {
|
|
|
78
78
|
return this.active || this.cacheActive;
|
|
79
79
|
}
|
|
80
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: "
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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
|
+
@if (shouldRender()) {
|
|
82
83
|
<div
|
|
83
84
|
[attr.tabindex]="tabIndex"
|
|
84
85
|
role="tabpanel"
|
|
85
|
-
*ngIf="shouldRender()"
|
|
86
86
|
class="cds--tab-content"
|
|
87
87
|
[ngStyle]="{ display: active ? null : 'none' }"
|
|
88
88
|
[attr.aria-labelledby]="id + '-header'"
|
|
@@ -90,17 +90,18 @@ export class TabComponent {
|
|
|
90
90
|
>
|
|
91
91
|
<ng-content></ng-content>
|
|
92
92
|
</div>
|
|
93
|
-
|
|
93
|
+
}
|
|
94
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
94
95
|
}
|
|
95
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, decorators: [{
|
|
96
97
|
type: Component,
|
|
97
98
|
args: [{
|
|
98
99
|
selector: "tlp-tab",
|
|
99
100
|
template: `
|
|
101
|
+
@if (shouldRender()) {
|
|
100
102
|
<div
|
|
101
103
|
[attr.tabindex]="tabIndex"
|
|
102
104
|
role="tabpanel"
|
|
103
|
-
*ngIf="shouldRender()"
|
|
104
105
|
class="cds--tab-content"
|
|
105
106
|
[ngStyle]="{ display: active ? null : 'none' }"
|
|
106
107
|
[attr.aria-labelledby]="id + '-header'"
|
|
@@ -108,6 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
108
109
|
>
|
|
109
110
|
<ng-content></ng-content>
|
|
110
111
|
</div>
|
|
112
|
+
}
|
|
111
113
|
`,
|
|
112
114
|
}]
|
|
113
115
|
}], propDecorators: { heading: [{
|
|
@@ -132,4 +134,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
132
134
|
type: HostBinding,
|
|
133
135
|
args: ["attr.id"]
|
|
134
136
|
}] } });
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBbUJmLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCOzs7T0FHRztJQUNJLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUVqQzs7T0FFRztJQUNNLE9BQU8sR0FBOEIsRUFBRSxDQUFDO0lBQ2pEOzs7OztPQUtHO0lBQ00sS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUM1Qjs7T0FFRztJQUNNLE9BQU8sQ0FBTTtJQUN0Qjs7O09BR0c7SUFDTSxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3hCOztPQUVHO0lBQ00sUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVqQixRQUFRLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLG1CQUFtQjtJQUNuQjs7T0FFRztJQUNNLEVBQUUsR0FBRyxTQUFTLE1BQU0sRUFBRSxFQUFFLENBQUM7SUFDbEM7O09BRUc7SUFDSCxJQUFhLFdBQVcsQ0FBQyxXQUFvQjtRQUMzQyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztJQUNsQyxDQUFDO0lBQ0Q7O09BRUc7SUFDTyxRQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFbEU7O09BRUc7SUFDcUIsU0FBUyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7SUFFNUMsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFUyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRS9COzs7T0FHRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3pDLENBQUM7d0dBbEZVLFlBQVk7NEZBQVosWUFBWSxpVEFmYjs7Ozs7Ozs7Ozs7OztHQWFUOzs0RkFFVSxZQUFZO2tCQWpCeEIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0dBYVQ7aUJBQ0Y7OEJBV1UsT0FBTztzQkFBZixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFJRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUlHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxFQUFFO3NCQUFWLEtBQUs7Z0JBSU8sV0FBVztzQkFBdkIsS0FBSztnQkFNSSxRQUFRO3NCQUFqQixNQUFNO2dCQUtpQixTQUFTO3NCQUFoQyxXQUFXO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBUZW1wbGF0ZVJlZixcclxuICBIb3N0QmluZGluZyxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxubGV0IG5leHRJZCA9IDA7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdGFiXCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIEBpZiAoc2hvdWxkUmVuZGVyKCkpIHtcclxuICAgIDxkaXZcclxuICAgICAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxyXG4gICAgICByb2xlPVwidGFicGFuZWxcIlxyXG4gICAgICBjbGFzcz1cImNkcy0tdGFiLWNvbnRlbnRcIlxyXG4gICAgICBbbmdTdHlsZV09XCJ7IGRpc3BsYXk6IGFjdGl2ZSA/IG51bGwgOiAnbm9uZScgfVwiXHJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJpZCArICctaGVhZGVyJ1wiXHJcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gIGAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8qKlxyXG4gICAqIEJvb2xlYW4gdmFsdWUgcmVmbGVjdHMgaWYgdGhlIGBUYWJgIGlzIHVzaW5nIGEgY3VzdG9tIHRlbXBsYXRlIGZvciB0aGUgaGVhZGluZy5cclxuICAgKiBEZWZhdWx0IHZhbHVlIGlzIGZhbHNlLlxyXG4gICAqL1xyXG4gIHB1YmxpYyBoZWFkaW5nSXNUZW1wbGF0ZSA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgYFRhYmAncyB0aXRsZSB0byBiZSBkaXNwbGF5ZWQgb3IgY3VzdG9tIHRlbWFwbGF0ZSBmb3IgdGhlIGBUYWJgIGhlYWRpbmcuXHJcbiAgICovXHJcbiAgQElucHV0KCkgaGVhZGluZzogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PiA9IFwiXCI7XHJcbiAgLyoqXHJcbiAgICogT3B0aW9uYWwgb3ZlcnJpZGUgZm9yIHRoZSBgdGFiSXRlbSdzYCdzIHRpdGxlIGF0dHJpYnV0ZSB3aGljaCBpcyBzZXQgaW4gYFRhYkhlYWRlcnNgLlxyXG4gICAqIGB0YWJJdGVtYCdzIHRpdGxlIGF0dHJpYnV0ZSBpcyBhdXRvbWF0aWNhbGx5IHNldCB0byBgaGVhZGluZ2AuXHJcbiAgICpcclxuICAgKiBZb3UgbWlnaHQgd2FudCB0byB1c2UgdGhpcyBpZiB5b3Ugc2V0IGBoZWFkaW5nYCB0byBhIGBUZW1wbGF0ZVJlZmAuXHJcbiAgICovXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9IFwiXCI7XHJcbiAgLyoqXHJcbiAgICogQWxsb3dzIHRoZSB1c2VyIHRvIHBhc3MgZGF0YSB0byB0aGUgY3VzdG9tIHRlbXBsYXRlIGZvciB0aGUgYFRhYmAgaGVhZGluZy5cclxuICAgKi9cclxuICBASW5wdXQoKSBjb250ZXh0OiBhbnk7XHJcbiAgLyoqXHJcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGBUYWJgIGlzIGFjdGl2ZS9zZWxlY3RlZC5cclxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgaXQncyBgVGFiUGFuZWxgIGlzIHJlbmRlcmVkLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIG9yIG5vdCB0aGUgYFRhYmAgaXRlbSBpcyBkaXNhYmxlZC5cclxuICAgKi9cclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSB0YWJJbmRleCA9IDA7XHJcbiAgLy8gZG8gd2UgbmVlZCBpZCdzP1xyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGlkIG9mIHRoZSBgVGFiYC4gV2lsbCBiZSB1bmlxdWVseSBnZW5lcmF0ZWQgaWYgbm90IHByb3ZpZGVkLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGlkID0gYG4tdGFiLSR7bmV4dElkKyt9YDtcclxuICAvKipcclxuICAgKiBTZXQgdG8gdHJ1ZSB0byBoYXZlIFRhYiBpdGVtcyBjYWNoZWQgYW5kIG5vdCByZWxvYWRlZCBvbiB0YWIgc3dpdGNoaW5nLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBjYWNoZUFjdGl2ZShzaG91bGRDYWNoZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fY2FjaGVBY3RpdmUgPSBzaG91bGRDYWNoZTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogVmFsdWUgJ3NlbGVjdGVkJyB0byBiZSBlbWl0dGVkIGFmdGVyIGEgbmV3IGBUYWJgIGlzIHNlbGVjdGVkLlxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICAvKipcclxuICAgKiBVc2VkIHRvIHNldCB0aGUgaWQgcHJvcGVydHkgb24gdGhlIGVsZW1lbnQuXHJcbiAgICovXHJcbiAgQEhvc3RCaW5kaW5nKFwiYXR0ci5pZFwiKSBhdHRyQ2xhc3MgPSB0aGlzLmlkO1xyXG5cclxuICBnZXQgY2FjaGVBY3RpdmUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fY2FjaGVBY3RpdmU7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgX2NhY2hlQWN0aXZlID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIENoZWNrcyBmb3IgY3VzdG9tIGhlYWRpbmcgdGVtcGxhdGUgb24gaW5pdGlhbGl6YXRpb24gYW5kIHVwZGF0ZXMgdGhlIHZhbHVlXHJcbiAgICogb2YgdGhlIGJvb2xlYW4gJ2hlYWRpbmdJc1RlbXBsYXRlJy5cclxuICAgKi9cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLmhlYWRpbmcgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xyXG4gICAgICB0aGlzLmhlYWRpbmdJc1RlbXBsYXRlID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEVtaXQgdGhlIHN0YXR1cyBvZiB0aGUgYFRhYmAsIHNwZWNpZmljYWxseSAnc2VsZWN0JyBhbmQgJ3NlbGVjdGVkJyBwcm9wZXJ0aWVzLlxyXG4gICAqL1xyXG4gIGRvU2VsZWN0KCkge1xyXG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBSZXR1cm5zIHZhbHVlIGluZGljYXRpbmcgd2hldGhlciB0aGlzIGBUYWJgIHNob3VsZCBiZSByZW5kZXJlZCBpbiBhIGBUYWJQYW5lbGAuXHJcbiAgICovXHJcbiAgc2hvdWxkUmVuZGVyKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuYWN0aXZlIHx8IHRoaXMuY2FjaGVBY3RpdmU7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -2,8 +2,7 @@ import { Component, ContentChild, ContentChildren, Input, } from "@angular/core"
|
|
|
2
2
|
import { TabHeaders as IbmTabHeaders } from "carbon-components-angular/tabs";
|
|
3
3
|
import { TabComponent } from "./tab.component";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
6
|
-
import * as i2 from "carbon-components-angular/tabs";
|
|
5
|
+
import * as i1 from "carbon-components-angular/tabs";
|
|
7
6
|
export class TabsComponent {
|
|
8
7
|
/**
|
|
9
8
|
* Takes either the string value 'top' or 'bottom' to place TabHeader
|
|
@@ -77,11 +76,11 @@ export class TabsComponent {
|
|
|
77
76
|
return this.tabs.length > 0;
|
|
78
77
|
}
|
|
79
78
|
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: "
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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: "@if (hasTabHeaders() && position === 'top') {\r\n<ibm-tab-headers\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}\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@if (hasTabHeaders() && position === 'bottom') {\r\n<ibm-tab-headers [tabs]=\"$any(tabs)\" [cacheActive]=\"cacheActive\" [type]=\"type\">\r\n</ibm-tab-headers>\r\n}\r\n", styles: [":host ::ng-deep{--cds-interactive-04: var(--cds-interactive-01);--cds-ui-01: var(--cds-ui-02);--cds-ui-03: var(--cds-layer-accent)}: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, var(--cds-interactive-01))}\n"], dependencies: [{ kind: "component", type: i1.TabHeaders, selector: "cds-tab-headers, ibm-tab-headers", inputs: ["tabs", "translations"] }] });
|
|
81
80
|
}
|
|
82
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponent, decorators: [{
|
|
83
82
|
type: Component,
|
|
84
|
-
args: [{ selector: "tlp-tabs", template: "
|
|
83
|
+
args: [{ selector: "tlp-tabs", template: "@if (hasTabHeaders() && position === 'top') {\r\n<ibm-tab-headers\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}\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@if (hasTabHeaders() && position === 'bottom') {\r\n<ibm-tab-headers [tabs]=\"$any(tabs)\" [cacheActive]=\"cacheActive\" [type]=\"type\">\r\n</ibm-tab-headers>\r\n}\r\n", styles: [":host ::ng-deep{--cds-interactive-04: var(--cds-interactive-01);--cds-ui-01: var(--cds-ui-02);--cds-ui-03: var(--cds-layer-accent)}: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, var(--cds-interactive-01))}\n"] }]
|
|
85
84
|
}], propDecorators: { position: [{
|
|
86
85
|
type: Input
|
|
87
86
|
}], ariaLabel: [{
|
|
@@ -97,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
97
96
|
type: ContentChild,
|
|
98
97
|
args: [IbmTabHeaders, { static: false }]
|
|
99
98
|
}] } });
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvdGFicy90YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osZUFBZSxFQUNmLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxJQUFJLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBTy9DLE1BQU0sT0FBTyxhQUFhO0lBQ3hCOzs7T0FHRztJQUNNLFFBQVEsR0FBcUIsS0FBSyxDQUFDO0lBQzVDOzs7O09BSUc7SUFDSCxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3BCOztPQUVHO0lBQ0gsV0FBVyxHQUFHLElBQUksQ0FBQztJQUNuQjs7T0FFRztJQUNILFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakI7O09BRUc7SUFDSCxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQ3JCOztPQUVHO0lBQ00sU0FBUyxHQUFXLEVBQUUsQ0FBQztJQUNoQzs7T0FFRztJQUNNLGNBQWMsR0FBVyxFQUFFLENBQUM7SUFDckM7O09BRUc7SUFDTSxJQUFJLEdBQXlCLE1BQU0sQ0FBQztJQUU3Qzs7T0FFRztJQUVILElBQUksQ0FBMkI7SUFDL0I7O09BRUc7SUFDNkMsVUFBVSxDQUFNO0lBRWhFOzs7T0FHRztJQUNILGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ2pELENBQUM7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQVEsRUFBRSxFQUFFO1lBQzdCLEdBQUcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDOUMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDM0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNqRCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQVEsRUFBRSxFQUFFO2dCQUM3QixHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzlDLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILGFBQWE7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUM5QixDQUFDO3dHQTlFVSxhQUFhOzRGQUFiLGFBQWEsa01BNkNWLGFBQWEsMERBTFYsWUFBWSxrREN4RC9CLGt1QkF3QkE7OzRGRFJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTs4QkFTWCxRQUFRO3NCQUFoQixLQUFLO2dCQXNCRyxTQUFTO3NCQUFqQixLQUFLO2dCQUlHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQU1OLElBQUk7c0JBREgsZUFBZTt1QkFBQyxZQUFZLEVBQUUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFO2dCQUtMLFVBQVU7c0JBQXpELFlBQVk7dUJBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgSW5wdXQsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgVGFiSGVhZGVycyBhcyBJYm1UYWJIZWFkZXJzIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvdGFic1wiO1xyXG5pbXBvcnQgeyBUYWJDb21wb25lbnQgfSBmcm9tIFwiLi90YWIuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdGFic1wiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGFicy5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi90YWJzLmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudCB7XHJcbiAgLyoqXHJcbiAgICogVGFrZXMgZWl0aGVyIHRoZSBzdHJpbmcgdmFsdWUgJ3RvcCcgb3IgJ2JvdHRvbScgdG8gcGxhY2UgVGFiSGVhZGVyXHJcbiAgICogcmVsYXRpdmUgdG8gdGhlIGBUYWJQYW5lbGBzLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBcInRvcFwiIHwgXCJib3R0b21cIiA9IFwidG9wXCI7XHJcbiAgLyoqXHJcbiAgICogU2V0IHRvICd0cnVlJyB0byBoYXZlIGBUYWJgIGl0ZW1zIGNhY2hlZCBhbmQgbm90IHJlbG9hZGVkIG9uIHRhYiBzd2l0Y2hpbmcuXHJcbiAgICpcclxuICAgKiBJTlRFUk5BTCBOT1RFOiBhcHBhcmVudGx5IHRhYnMgYXJlIGNhY2hlZCBhbnl3YXkgKEkgdHJpZWQgaW5wdXR0aW5nIHNvbWUgdGV4dCkuIFByb2JhYmx5IHNvbWV0aGluZyBpbiBBbmd1bGFyIGlzIGNhY2hpbmc/Pz9cclxuICAgKi9cclxuICBjYWNoZUFjdGl2ZSA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byAndHJ1ZScgdG8gaGF2ZSB0YWJzIGF1dG9tYXRpY2FsbHkgYWN0aXZhdGVkIGFuZCBoYXZlIHRoZWlyIGNvbnRlbnQgZGlzcGxheWVkIHdoZW4gdGhleSByZWNlaXZlIGZvY3VzLlxyXG4gICAqL1xyXG4gIGZvbGxvd0ZvY3VzID0gdHJ1ZTtcclxuICAvKipcclxuICAgKiBTZXQgdG8gYHRydWVgIHRvIHB1dCB0YWJzIGluIGEgbG9hZGluZyBzdGF0ZS5cclxuICAgKi9cclxuICBza2VsZXRvbiA9IGZhbHNlO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gaGF2ZSB0aGUgdGFiSW5kZXggb2YgdGhlIGFsbCB0YWJwYW5lbHMgYmUgLTEuXHJcbiAgICovXHJcbiAgaXNOYXZpZ2F0aW9uID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgYXJpYSBsYWJlbCBvbiB0aGUgYFRhYkhlYWRlcmBzIG5hdiBlbGVtZW50LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nID0gXCJcIjtcclxuICAvKipcclxuICAgKiBTZXRzIHRoZSBhcmlhIGxhYmVsbGVkYnkgb24gdGhlIGBUYWJIZWFkZXJgcyBuYXYgZWxlbWVudC5cclxuICAgKi9cclxuICBASW5wdXQoKSBhcmlhTGFiZWxsZWRieTogc3RyaW5nID0gXCJcIjtcclxuICAvKipcclxuICAgKiBTZXRzIHRoZSB0eXBlIG9mIHRoZSBgVGFiSGVhZGVyYHNcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBcImxpbmVcIiB8IFwiY29udGFpbmVkXCIgPSBcImxpbmVcIjtcclxuXHJcbiAgLyoqXHJcbiAgICogTWFpbnRhaW5zIGEgYFF1ZXJ5TGlzdGAgb2YgdGhlIGBUYWJgIGVsZW1lbnRzIGFuZCB1cGRhdGVzIGlmIGBUYWJgcyBhcmUgYWRkZWQgb3IgcmVtb3ZlZC5cclxuICAgKi9cclxuICBAQ29udGVudENoaWxkcmVuKFRhYkNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogZmFsc2UgfSlcclxuICB0YWJzITogUXVlcnlMaXN0PFRhYkNvbXBvbmVudD47XHJcbiAgLyoqXHJcbiAgICogQ29udGVudCBjaGlsZCBvZiB0aGUgcHJvamVjdGVkIGhlYWRlciBjb21wb25lbnRcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKElibVRhYkhlYWRlcnMsIHsgc3RhdGljOiBmYWxzZSB9KSB0YWJIZWFkZXJzOiBhbnk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEFmdGVyIGNvbnRlbnQgaXMgaW5pdGlhbGl6ZWQgdXBkYXRlIGBUYWJgcyB0byBjYWNoZSAoaWYgdHVybmVkIG9uKSBhbmQgc2V0IHRoZSBpbml0aWFsXHJcbiAgICogc2VsZWN0ZWQgVGFiIGl0ZW0uXHJcbiAgICovXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgaWYgKHRoaXMudGFiSGVhZGVycykge1xyXG4gICAgICB0aGlzLnRhYkhlYWRlcnMuY2FjaGVBY3RpdmUgPSB0aGlzLmNhY2hlQWN0aXZlO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWI6IGFueSkgPT4ge1xyXG4gICAgICB0YWIudGFiSW5kZXggPSB0aGlzLmlzTmF2aWdhdGlvbiA/IG51bGwgOiAwO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAodGhpcy50YWJIZWFkZXJzICYmIGNoYW5nZXMuY2FjaGVBY3RpdmUpIHtcclxuICAgICAgdGhpcy50YWJIZWFkZXJzLmNhY2hlQWN0aXZlID0gdGhpcy5jYWNoZUFjdGl2ZTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy50YWJzICYmIGNoYW5nZXMuaXNOYXZpZ2F0aW9uKSB7XHJcbiAgICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWI6IGFueSkgPT4ge1xyXG4gICAgICAgIHRhYi50YWJJbmRleCA9IHRoaXMuaXNOYXZpZ2F0aW9uID8gbnVsbCA6IDA7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogdHJ1ZSBpZiB0aGUgbi10YWIncyBhcmUgcGFzc2VkIGRpcmVjdGx5IHRvIHRoZSBjb21wb25lbnQgYXMgY2hpbGRyZW5cclxuICAgKi9cclxuICBoYXNUYWJIZWFkZXJzKCkge1xyXG4gICAgcmV0dXJuIHRoaXMudGFicy5sZW5ndGggPiAwO1xyXG4gIH1cclxufVxyXG4iLCJAaWYgKGhhc1RhYkhlYWRlcnMoKSAmJiBwb3NpdGlvbiA9PT0gJ3RvcCcpIHtcclxuPGlibS10YWItaGVhZGVyc1xyXG4gIFt0YWJzXT1cIiRhbnkodGFicylcIlxyXG4gIFtmb2xsb3dGb2N1c109XCJmb2xsb3dGb2N1c1wiXHJcbiAgW2NhY2hlQWN0aXZlXT1cImNhY2hlQWN0aXZlXCJcclxuICBbY29udGVudEJlZm9yZV09XCJiZWZvcmVcIlxyXG4gIFtjb250ZW50QWZ0ZXJdPVwiYWZ0ZXJcIlxyXG4gIFthcmlhTGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuICBbYXJpYUxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnlcIlxyXG4gIFt0eXBlXT1cInR5cGVcIlxyXG4+XHJcbjwvaWJtLXRhYi1oZWFkZXJzPlxyXG59XHJcbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPG5nLXRlbXBsYXRlICNiZWZvcmU+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JlZm9yZV1cIj48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjYWZ0ZXI+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FmdGVyXVwiPjwvbmctY29udGVudD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuQGlmIChoYXNUYWJIZWFkZXJzKCkgJiYgcG9zaXRpb24gPT09ICdib3R0b20nKSB7XHJcbjxpYm0tdGFiLWhlYWRlcnMgW3RhYnNdPVwiJGFueSh0YWJzKVwiIFtjYWNoZUFjdGl2ZV09XCJjYWNoZUFjdGl2ZVwiIFt0eXBlXT1cInR5cGVcIj5cclxuPC9pYm0tdGFiLWhlYWRlcnM+XHJcbn1cclxuIl19
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "../icons/icon.directive";
|
|
3
|
+
import * as i1 from "../icons/icon.directive";
|
|
5
4
|
export class TagComponent {
|
|
6
5
|
type = "info";
|
|
7
6
|
removable = false;
|
|
@@ -12,11 +11,11 @@ export class TagComponent {
|
|
|
12
11
|
this.remove.emit();
|
|
13
12
|
}
|
|
14
13
|
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
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 @if (removable) {\r\n <button class=\"cds--tag__close-icon\" (click)=\"onRemove()\" title=\"Remove\">\r\n <span class=\"cds--visually-hidden\">Remove</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n }\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.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
16
15
|
}
|
|
17
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagComponent, decorators: [{
|
|
18
17
|
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
|
|
18
|
+
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 @if (removable) {\r\n <button class=\"cds--tag__close-icon\" (click)=\"onRemove()\" title=\"Remove\">\r\n <span class=\"cds--visually-hidden\">Remove</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n </button>\r\n }\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
19
|
}], propDecorators: { type: [{
|
|
21
20
|
type: Input
|
|
22
21
|
}], removable: [{
|
|
@@ -28,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
28
27
|
}], remove: [{
|
|
29
28
|
type: Output
|
|
30
29
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU92RSxNQUFNLE9BQU8sWUFBWTtJQUNkLElBQUksR0FBOEMsTUFBTSxDQUFDO0lBQ3pELFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDbEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBRWxCLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXRDLFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7d0dBVlUsWUFBWTs0RkFBWixZQUFZLGdMQ1B6QiwrY0FlQTs7NEZEUmEsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxTQUFTOzhCQUtWLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdGFnXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWcuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vdGFnLmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFnQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBcInN1Y2Nlc3NcIiB8IFwiaW5mb1wiIHwgXCJ3YXJuaW5nXCIgfCBcImRhbmdlclwiID0gXCJpbmZvXCI7XHJcbiAgQElucHV0KCkgcmVtb3ZhYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2VsZWN0ZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZWxlY3RhYmxlID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIG9uUmVtb3ZlKCkge1xyXG4gICAgdGhpcy5yZW1vdmUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJjZHMtLXRhZyB7eyB0eXBlIH19IHt7IHNlbGVjdGFibGUgPyAnc2VsZWN0YWJsZScgOiAnJyB9fSB7e1xyXG4gICAgc2VsZWN0ZWQgPyAnc2VsZWN0ZWQnIDogJydcclxuICB9fVwiXHJcbj5cclxuICA8c3BhbiBjbGFzcz1cImNkcy0tdGFnX19sYWJlbFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvc3Bhbj5cclxuICBAaWYgKHJlbW92YWJsZSkge1xyXG4gIDxidXR0b24gY2xhc3M9XCJjZHMtLXRhZ19fY2xvc2UtaWNvblwiIChjbGljayk9XCJvblJlbW92ZSgpXCIgdGl0bGU9XCJSZW1vdmVcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS12aXN1YWxseS1oaWRkZW5cIj5SZW1vdmU8L3NwYW4+XHJcbiAgICA8c3ZnIHRscEljb249XCJjbG9zZVwiIHNpemU9XCIxNlwiPjwvc3ZnPlxyXG4gIDwvYnV0dG9uPlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -5,11 +5,11 @@ import * as i1 from "../icons/icon.directive";
|
|
|
5
5
|
export class TagFilterComponent extends IbmTagFilter {
|
|
6
6
|
type = "blue";
|
|
7
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"] }] });
|
|
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}::ng-deep .cds--tag--disabled:not(.cds--tag--operational),::ng-deep .cds--tag--filter.cds--tag--disabled,::ng-deep .cds--tag--interactive.cds--tag--disabled{background-color:var(--cds-disabled-01)}::ng-deep .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,::ng-deep .cds--tag--filter.cds--tag--disabled .cds--tag__label,::ng-deep .cds--tag--interactive.cds--tag--disabled .cds--tag__label{background-color:var(--cds-disabled-01)}\n"], dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagFilterComponent, decorators: [{
|
|
11
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"] }]
|
|
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}::ng-deep .cds--tag--disabled:not(.cds--tag--operational),::ng-deep .cds--tag--filter.cds--tag--disabled,::ng-deep .cds--tag--interactive.cds--tag--disabled{background-color:var(--cds-disabled-01)}::ng-deep .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,::ng-deep .cds--tag--filter.cds--tag--disabled .cds--tag__label,::ng-deep .cds--tag--interactive.cds--tag--disabled .cds--tag__label{background-color:var(--cds-disabled-01)}\n"] }]
|
|
13
13
|
}], propDecorators: { type: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
|
@@ -48,13 +48,13 @@ export class TextareaComponent {
|
|
|
48
48
|
textarea.focus();
|
|
49
49
|
}
|
|
50
50
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TextareaComponent, selector: "tlp-textarea", inputs: { label: "label", helperText: "helperText", placeholder: "placeholder", disabled: "disabled", invalidText: "invalidText", invalid: "invalid", rows: "rows" }, providers: [
|
|
52
52
|
{
|
|
53
53
|
provide: NG_VALUE_ACCESSOR,
|
|
54
54
|
multi: true,
|
|
55
55
|
useExisting: TextareaComponent,
|
|
56
56
|
},
|
|
57
|
-
], viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true }], ngImport: i0, template: "<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <textarea\r\n #textareaRef\r\n ibmTextArea\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [value]=\"value\"\r\n [rows]=\"rows\"\r\n (input)=\"handleInput($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n ></textarea>\r\n</ibm-label>\r\n\r\n
|
|
57
|
+
], viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true }], ngImport: i0, template: "<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <textarea\r\n #textareaRef\r\n ibmTextArea\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [value]=\"value\"\r\n [rows]=\"rows\"\r\n (input)=\"handleInput($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n ></textarea>\r\n</ibm-label>\r\n\r\n@if (value && value.length > 0) {\r\n<button\r\n class=\"clear-button\"\r\n [ngClass]=\"{ 'with-label-offset': !!label }\"\r\n (click)=\"clear()\"\r\n>\r\n <span class=\"cds--visually-hidden\">Clear</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n</button>\r\n}\r\n", styles: [":host ::ng-deep{position:relative}:host ::ng-deep .cds--text-area__field-wrapper[data-invalid]>.cds--text-area--invalid:not(:focus){outline:none;border:1px solid #d52b1e}:host ::ng-deep .cds--text-area{border:1px solid #003c69;border-radius:4px;width:100%}:host ::ng-deep .cds--text-area:focus{border-color:#287eff}:host ::ng-deep .cds--text-area:disabled{border:1px solid #afafaf}:host ::ng-deep .cds--text-area__invalid-icon{top:1rem}:host ::ng-deep .disabled{--cds-text-02: #afafaf}:host ::ng-deep .empty_label>.cds--label{margin-bottom:0}:host ::ng-deep .clear-button{position:absolute;top:8px;right:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:none;display:flex;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;fill:#003c69}:host ::ng-deep .clear-button.with-label-offset{top:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "directive", type: i3.IconDirective, selector: "[tlpIcon]", inputs: ["tlpIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] });
|
|
58
58
|
}
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
64
|
multi: true,
|
|
65
65
|
useExisting: TextareaComponent,
|
|
66
66
|
},
|
|
67
|
-
], template: "<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <textarea\r\n #textareaRef\r\n ibmTextArea\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [value]=\"value\"\r\n [rows]=\"rows\"\r\n (input)=\"handleInput($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n ></textarea>\r\n</ibm-label>\r\n\r\n
|
|
67
|
+
], template: "<ibm-label\r\n [ngClass]=\"{ disabled: disabled, empty_label: !label }\"\r\n [helperText]=\"helperText\"\r\n [invalid]=\"invalid\"\r\n [invalidText]=\"invalidText\"\r\n>\r\n {{ label }}\r\n <textarea\r\n #textareaRef\r\n ibmTextArea\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [invalid]=\"invalid\"\r\n [value]=\"value\"\r\n [rows]=\"rows\"\r\n (input)=\"handleInput($event)\"\r\n (blur)=\"handleTouch($event)\"\r\n ></textarea>\r\n</ibm-label>\r\n\r\n@if (value && value.length > 0) {\r\n<button\r\n class=\"clear-button\"\r\n [ngClass]=\"{ 'with-label-offset': !!label }\"\r\n (click)=\"clear()\"\r\n>\r\n <span class=\"cds--visually-hidden\">Clear</span>\r\n <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n</button>\r\n}\r\n", styles: [":host ::ng-deep{position:relative}:host ::ng-deep .cds--text-area__field-wrapper[data-invalid]>.cds--text-area--invalid:not(:focus){outline:none;border:1px solid #d52b1e}:host ::ng-deep .cds--text-area{border:1px solid #003c69;border-radius:4px;width:100%}:host ::ng-deep .cds--text-area:focus{border-color:#287eff}:host ::ng-deep .cds--text-area:disabled{border:1px solid #afafaf}:host ::ng-deep .cds--text-area__invalid-icon{top:1rem}:host ::ng-deep .disabled{--cds-text-02: #afafaf}:host ::ng-deep .empty_label>.cds--label{margin-bottom:0}:host ::ng-deep .clear-button{position:absolute;top:8px;right:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:none;display:flex;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;fill:#003c69}:host ::ng-deep .clear-button.with-label-offset{top:24px}\n"] }]
|
|
68
68
|
}], propDecorators: { label: [{
|
|
69
69
|
type: Input
|
|
70
70
|
}], helperText: [{
|
|
@@ -83,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
83
83
|
type: ViewChild,
|
|
84
84
|
args: ["textareaRef"]
|
|
85
85
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQWN6RSxNQUFNLE9BQU8saUJBQWlCO0lBQ25CLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDaEIsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUVRLFdBQVcsQ0FBYztJQUVuRCxLQUFLLEdBQWtCLEVBQUUsQ0FBQztJQUMxQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWxCLGlCQUFpQixDQUF3QztJQUN6RCxnQkFBZ0IsQ0FBdUM7SUFFdkQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsTUFBTSxLQUFLLEdBQUksS0FBSyxDQUFDLE1BQThCLENBQUMsS0FBSyxDQUFDO1FBRTFELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLFFBQXVCO1FBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELEtBQUs7UUFDSCxNQUFNLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFFcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFbkMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFvQyxDQUFDO1FBQ3ZFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNuQixDQUFDO3dHQXZEVSxpQkFBaUI7NEZBQWpCLGlCQUFpQiw2TUFSakI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsaUJBQWlCO2FBQy9CO1NBQ0Ysc0lDYkgsb3hCQThCQTs7NEZEZmEsaUJBQWlCO2tCQVo3QixTQUFTOytCQUNFLGNBQWMsYUFHYjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLG1CQUFtQjt5QkFDL0I7cUJBQ0Y7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFb0IsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdGV4dGFyZWFcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3RleHRhcmVhLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBUZXh0YXJlYUNvbXBvbmVudCxcclxuICAgIH0sXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRleHRhcmVhQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gXCJcIjtcclxuICBASW5wdXQoKSBoZWxwZXJUZXh0ID0gXCJcIjtcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbnZhbGlkVGV4dCA9IFwiXCI7XHJcbiAgQElucHV0KCkgaW52YWxpZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHJvd3MgPSAyO1xyXG5cclxuICBAVmlld0NoaWxkKFwidGV4dGFyZWFSZWZcIikgdGV4dGFyZWFSZWYhOiBFbGVtZW50UmVmO1xyXG5cclxuICB2YWx1ZTogc3RyaW5nIHwgbnVsbCA9IFwiXCI7XHJcbiAgaXNUb3VjaGVkID0gZmFsc2U7XHJcblxyXG4gIF9vbkNoYW5nZUNhbGxiYWNrOiAoKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xyXG4gIF9vblRvdWNoQ2FsbGJhY2s6ICgoZXZlbnQ6IEV2ZW50KSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgaGFuZGxlSW5wdXQoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCB2YWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTFRleHRBcmVhRWxlbWVudCkudmFsdWU7XHJcblxyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5fb25DaGFuZ2VDYWxsYmFjaz8uKHZhbHVlKTtcclxuICB9XHJcblxyXG4gIGhhbmRsZVRvdWNoKGV2ZW50OiBFdmVudCkge1xyXG4gICAgaWYgKCF0aGlzLmlzVG91Y2hlZCkge1xyXG4gICAgICB0aGlzLmlzVG91Y2hlZCA9IHRydWU7XHJcbiAgICAgIHRoaXMuX29uVG91Y2hDYWxsYmFjaz8uKGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5fb25DaGFuZ2VDYWxsYmFjayA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5fb25Ub3VjaENhbGxiYWNrID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgY2xlYXIoKSB7XHJcbiAgICBjb25zdCBuZXdWYWx1ZSA9IFwiXCI7XHJcblxyXG4gICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5fb25DaGFuZ2VDYWxsYmFjaz8uKG5ld1ZhbHVlKTtcclxuXHJcbiAgICBjb25zdCB0ZXh0YXJlYSA9IHRoaXMudGV4dGFyZWFSZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50O1xyXG4gICAgdGV4dGFyZWEuZm9jdXMoKTtcclxuICB9XHJcbn1cclxuIiwiPGlibS1sYWJlbFxyXG4gIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IGRpc2FibGVkLCBlbXB0eV9sYWJlbDogIWxhYmVsIH1cIlxyXG4gIFtoZWxwZXJUZXh0XT1cImhlbHBlclRleHRcIlxyXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gIFtpbnZhbGlkVGV4dF09XCJpbnZhbGlkVGV4dFwiXHJcbj5cclxuICB7eyBsYWJlbCB9fVxyXG4gIDx0ZXh0YXJlYVxyXG4gICAgI3RleHRhcmVhUmVmXHJcbiAgICBpYm1UZXh0QXJlYVxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICBbcm93c109XCJyb3dzXCJcclxuICAgIChpbnB1dCk9XCJoYW5kbGVJbnB1dCgkZXZlbnQpXCJcclxuICAgIChibHVyKT1cImhhbmRsZVRvdWNoKCRldmVudClcIlxyXG4gID48L3RleHRhcmVhPlxyXG48L2libS1sYWJlbD5cclxuXHJcbkBpZiAodmFsdWUgJiYgdmFsdWUubGVuZ3RoID4gMCkge1xyXG48YnV0dG9uXHJcbiAgY2xhc3M9XCJjbGVhci1idXR0b25cIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ3dpdGgtbGFiZWwtb2Zmc2V0JzogISFsYWJlbCB9XCJcclxuICAoY2xpY2spPVwiY2xlYXIoKVwiXHJcbj5cclxuICA8c3BhbiBjbGFzcz1cImNkcy0tdmlzdWFsbHktaGlkZGVuXCI+Q2xlYXI8L3NwYW4+XHJcbiAgPHN2ZyB0bHBJY29uPVwiY2xvc2VcIiBzaXplPVwiMTZcIj48L3N2Zz5cclxuPC9idXR0b24+XHJcbn1cclxuIl19
|