pruebatlp20v17-design-system 0.0.16 → 0.0.18

package/esm2022/lib/search/search.component.mjs

@@ -1,30 +1,30 @@
 import { Component, Input } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
-import { Search as IbmSearch } from "carbon-components-angular/search";
+import { Search as IbmSearch, SearchModule, } from "carbon-components-angular/search";
+import { CommonModule } from "@angular/common";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "../icons/icon.directive";
 export class SearchComponent extends IbmSearch {
     size = "md";
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchComponent, selector: "tlp-search", inputs: { size: "size" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchComponent, isStandalone: true, selector: "tlp-search", inputs: { size: "size" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: SearchComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"cds--search\"\r\n  [ngClass]=\"{\r\n    'cds--search--sm': size === 'sm',\r\n    'cds--search--lg': size === 'md' || size === 'lg',\r\n    'cds--search--expandable': expandable && !tableSearch,\r\n    'cds--search--expanded': expandable && !tableSearch && active\r\n  }\"\r\n  role=\"search\"\r\n  [attr.aria-label]=\"ariaLabel\"\r\n  tabindex=\"0\"\r\n  (click)=\"openSearch()\"\r\n>\r\n  <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n  <input\r\n    #input\r\n    class=\"cds--search-input\"\r\n    [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n    [id]=\"id\"\r\n    [value]=\"value\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    [required]=\"required\"\r\n    (input)=\"onSearch($any($event.target).value)\"\r\n    (keyup.enter)=\"onEnter()\"\r\n  />\r\n  <svg\r\n    tlpIcon=\"search\"\r\n    *ngIf=\"tableSearch || !toolbar\"\r\n    class=\"cds--search-magnifier-icon\"\r\n    size=\"16\"\r\n  ></svg>\r\n\r\n  <button\r\n    *ngIf=\"tableSearch || !toolbar\"\r\n    class=\"cds--search-close\"\r\n    [ngClass]=\"{\r\n      'cds--search-close--hidden': !value || value.length === 0\r\n    }\"\r\n    [title]=\"clearButtonTitle\"\r\n    (click)=\"clearSearch()\"\r\n  >\r\n    <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n    <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n  </button>\r\n</div>\r\n", styles: ["::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}::ng-deep .cds--search-input:focus{border-color:#287eff}::ng-deep .cds--search-input:disabled{border:1px solid #afafaf}::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}::ng-deep .cds--search-close:before{display:none}::ng-deep .cds--search-close:hover{background-color:unset;border:none}::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"cds--search\"\r\n  [ngClass]=\"{\r\n    'cds--search--sm': size === 'sm',\r\n    'cds--search--md': size === 'md',\r\n    'cds--search--lg': size === 'lg',\r\n    'cds--search--expandable': expandable && !tableSearch,\r\n    'cds--search--expanded': expandable && !tableSearch && active\r\n  }\"\r\n  role=\"search\"\r\n  [attr.aria-label]=\"ariaLabel\"\r\n  tabindex=\"0\"\r\n  (click)=\"openSearch()\"\r\n>\r\n  <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n  <input\r\n    #input\r\n    class=\"cds--search-input\"\r\n    [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n    [id]=\"id\"\r\n    [value]=\"value\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    [required]=\"required\"\r\n    (input)=\"onSearch($any($event.target).value)\"\r\n    (keyup.enter)=\"onEnter()\"\r\n  />\r\n  @if (tableSearch || !toolbar) {\r\n  <svg tlpIcon=\"search\" class=\"cds--search-magnifier-icon\" size=\"16\"></svg>\r\n  } @if (tableSearch || !toolbar) {\r\n  <button\r\n    class=\"cds--search-close\"\r\n    [ngClass]=\"{\r\n      'cds--search-close--hidden': !value || value.length === 0\r\n    }\"\r\n    [title]=\"clearButtonTitle\"\r\n    (click)=\"clearSearch()\"\r\n  >\r\n    <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n    <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n  </button>\r\n  }\r\n</div>\r\n", styles: [":host ::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}:host ::ng-deep .cds--search-input:focus{border-color:#287eff}:host ::ng-deep .cds--search-input:disabled{border:1px solid #afafaf;background-color:#f4f4f4}:host ::ng-deep input{--placeHolder-color: #afafaf}:host ::ng-deep input::placeholder{color:var(--placeHolder-color)}:host ::ng-deep input:disabled::placeholder{color:var(--placeHolder-color);opacity:1}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}:host ::ng-deep .cds--search-close:before{display:none}:host ::ng-deep .cds--search-close:hover{background-color:unset;border:none}:host ::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SearchModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tlp-search", providers: [
+            args: [{ selector: "tlp-search", standalone: true, imports: [CommonModule, SearchModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
                             useExisting: SearchComponent,
                         },
-                    ], template: "<div\r\n  class=\"cds--search\"\r\n  [ngClass]=\"{\r\n    'cds--search--sm': size === 'sm',\r\n    'cds--search--lg': size === 'md' || size === 'lg',\r\n    'cds--search--expandable': expandable && !tableSearch,\r\n    'cds--search--expanded': expandable && !tableSearch && active\r\n  }\"\r\n  role=\"search\"\r\n  [attr.aria-label]=\"ariaLabel\"\r\n  tabindex=\"0\"\r\n  (click)=\"openSearch()\"\r\n>\r\n  <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n  <input\r\n    #input\r\n    class=\"cds--search-input\"\r\n    [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n    [id]=\"id\"\r\n    [value]=\"value\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    [required]=\"required\"\r\n    (input)=\"onSearch($any($event.target).value)\"\r\n    (keyup.enter)=\"onEnter()\"\r\n  />\r\n  <svg\r\n    tlpIcon=\"search\"\r\n    *ngIf=\"tableSearch || !toolbar\"\r\n    class=\"cds--search-magnifier-icon\"\r\n    size=\"16\"\r\n  ></svg>\r\n\r\n  <button\r\n    *ngIf=\"tableSearch || !toolbar\"\r\n    class=\"cds--search-close\"\r\n    [ngClass]=\"{\r\n      'cds--search-close--hidden': !value || value.length === 0\r\n    }\"\r\n    [title]=\"clearButtonTitle\"\r\n    (click)=\"clearSearch()\"\r\n  >\r\n    <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n    <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n  </button>\r\n</div>\r\n", styles: ["::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}::ng-deep .cds--search-input:focus{border-color:#287eff}::ng-deep .cds--search-input:disabled{border:1px solid #afafaf}::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}::ng-deep .cds--search-close:before{display:none}::ng-deep .cds--search-close:hover{background-color:unset;border:none}::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"] }]
+                    ], template: "<div\r\n  class=\"cds--search\"\r\n  [ngClass]=\"{\r\n    'cds--search--sm': size === 'sm',\r\n    'cds--search--md': size === 'md',\r\n    'cds--search--lg': size === 'lg',\r\n    'cds--search--expandable': expandable && !tableSearch,\r\n    'cds--search--expanded': expandable && !tableSearch && active\r\n  }\"\r\n  role=\"search\"\r\n  [attr.aria-label]=\"ariaLabel\"\r\n  tabindex=\"0\"\r\n  (click)=\"openSearch()\"\r\n>\r\n  <label class=\"cds--label\" [for]=\"id\">{{ label }}</label>\r\n\r\n  <input\r\n    #input\r\n    class=\"cds--search-input\"\r\n    [type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\r\n    [id]=\"id\"\r\n    [value]=\"value\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    [required]=\"required\"\r\n    (input)=\"onSearch($any($event.target).value)\"\r\n    (keyup.enter)=\"onEnter()\"\r\n  />\r\n  @if (tableSearch || !toolbar) {\r\n  <svg tlpIcon=\"search\" class=\"cds--search-magnifier-icon\" size=\"16\"></svg>\r\n  } @if (tableSearch || !toolbar) {\r\n  <button\r\n    class=\"cds--search-close\"\r\n    [ngClass]=\"{\r\n      'cds--search-close--hidden': !value || value.length === 0\r\n    }\"\r\n    [title]=\"clearButtonTitle\"\r\n    (click)=\"clearSearch()\"\r\n  >\r\n    <span class=\"cds--visually-hidden\">{{ clearButtonTitle }}</span>\r\n    <svg tlpIcon=\"close\" size=\"16\"></svg>\r\n  </button>\r\n  }\r\n</div>\r\n", styles: [":host ::ng-deep .cds--search-input{border:1px solid #003c69;border-radius:4px}:host ::ng-deep .cds--search-input:focus{border-color:#287eff}:host ::ng-deep .cds--search-input:disabled{border:1px solid #afafaf;background-color:#f4f4f4}:host ::ng-deep input{--placeHolder-color: #afafaf}:host ::ng-deep input::placeholder{color:var(--placeHolder-color)}:host ::ng-deep input:disabled::placeholder{color:var(--placeHolder-color);opacity:1}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded){cursor:pointer}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded):hover{background-color:var(--cds-field-hover, #e5e5e5);border-radius:4px}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded) .cds--search-input{cursor:pointer;border:none}:host ::ng-deep .cds--search--expandable:not(.cds--search--expanded)>.cds--search-magnifier-icon{pointer-events:unset}:host ::ng-deep .cds--search-close:before{display:none}:host ::ng-deep .cds--search-close:hover{background-color:unset;border:none}:host ::ng-deep .cds--search--xl .cds--search-input{padding:0 3rem}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxNQUFNLElBQUksU0FBUyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7QUFjdkUsTUFBTSxPQUFPLGVBQWdCLFNBQVEsU0FBUztJQUNuQyxJQUFJLEdBQXVCLElBQUksQ0FBQzt3R0FEOUIsZUFBZTs0RkFBZixlQUFlLCtEQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLGVBQWU7YUFDN0I7U0FDRixpRENkSCwwNkNBZ0RBOzs0RkRoQ2EsZUFBZTtrQkFaM0IsU0FBUzsrQkFDRSxZQUFZLGFBR1g7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxpQkFBaUI7eUJBQzdCO3FCQUNGOzhCQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgeyBTZWFyY2ggYXMgSWJtU2VhcmNoIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvc2VhcmNoXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2VhcmNoXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zZWFyY2guY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2VhcmNoLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBTZWFyY2hDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBJYm1TZWFyY2gge1xyXG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiA9IFwibWRcIjtcclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJjZHMtLXNlYXJjaFwiXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2VhcmNoLS1zbSc6IHNpemUgPT09ICdzbScsXHJcbiAgICAnY2RzLS1zZWFyY2gtLWxnJzogc2l6ZSA9PT0gJ21kJyB8fCBzaXplID09PSAnbGcnLFxyXG4gICAgJ2Nkcy0tc2VhcmNoLS1leHBhbmRhYmxlJzogZXhwYW5kYWJsZSAmJiAhdGFibGVTZWFyY2gsXHJcbiAgICAnY2RzLS1zZWFyY2gtLWV4cGFuZGVkJzogZXhwYW5kYWJsZSAmJiAhdGFibGVTZWFyY2ggJiYgYWN0aXZlXHJcbiAgfVwiXHJcbiAgcm9sZT1cInNlYXJjaFwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxyXG4gIHRhYmluZGV4PVwiMFwiXHJcbiAgKGNsaWNrKT1cIm9wZW5TZWFyY2goKVwiXHJcbj5cclxuICA8bGFiZWwgY2xhc3M9XCJjZHMtLWxhYmVsXCIgW2Zvcl09XCJpZFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuXHJcbiAgPGlucHV0XHJcbiAgICAjaW5wdXRcclxuICAgIGNsYXNzPVwiY2RzLS1zZWFyY2gtaW5wdXRcIlxyXG4gICAgW3R5cGVdPVwidGFibGVTZWFyY2ggfHwgIXRvb2xiYXIgPyAndGV4dCcgOiAnc2VhcmNoJ1wiXHJcbiAgICBbaWRdPVwiaWRcIlxyXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcclxuICAgIChpbnB1dCk9XCJvblNlYXJjaCgkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAoa2V5dXAuZW50ZXIpPVwib25FbnRlcigpXCJcclxuICAvPlxyXG4gIDxzdmdcclxuICAgIHRscEljb249XCJzZWFyY2hcIlxyXG4gICAgKm5nSWY9XCJ0YWJsZVNlYXJjaCB8fCAhdG9vbGJhclwiXHJcbiAgICBjbGFzcz1cImNkcy0tc2VhcmNoLW1hZ25pZmllci1pY29uXCJcclxuICAgIHNpemU9XCIxNlwiXHJcbiAgPjwvc3ZnPlxyXG5cclxuICA8YnV0dG9uXHJcbiAgICAqbmdJZj1cInRhYmxlU2VhcmNoIHx8ICF0b29sYmFyXCJcclxuICAgIGNsYXNzPVwiY2RzLS1zZWFyY2gtY2xvc2VcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnY2RzLS1zZWFyY2gtY2xvc2UtLWhpZGRlbic6ICF2YWx1ZSB8fCB2YWx1ZS5sZW5ndGggPT09IDBcclxuICAgIH1cIlxyXG4gICAgW3RpdGxlXT1cImNsZWFyQnV0dG9uVGl0bGVcIlxyXG4gICAgKGNsaWNrKT1cImNsZWFyU2VhcmNoKClcIlxyXG4gID5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS12aXN1YWxseS1oaWRkZW5cIj57eyBjbGVhckJ1dHRvblRpdGxlIH19PC9zcGFuPlxyXG4gICAgPHN2ZyB0bHBJY29uPVwiY2xvc2VcIiBzaXplPVwiMTZcIj48L3N2Zz5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxNQUFNLElBQUksU0FBUyxFQUNuQixZQUFZLEdBQ2IsTUFBTSxrQ0FBa0MsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQWdCL0MsTUFBTSxPQUFPLGVBQWdCLFNBQVEsU0FBUztJQUNuQyxJQUFJLEdBQXVCLElBQUksQ0FBQzt3R0FEOUIsZUFBZTs0RkFBZixlQUFlLG1GQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLGVBQWU7YUFDN0I7U0FDRixpRENwQkgsbzZDQTZDQSxnb0NEaENZLFlBQVksNEhBQUUsWUFBWTs7NEZBU3pCLGVBQWU7a0JBZDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxpQkFBaUI7eUJBQzdCO3FCQUNGOzhCQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQge1xyXG4gIFNlYXJjaCBhcyBJYm1TZWFyY2gsXHJcbiAgU2VhcmNoTW9kdWxlLFxyXG59IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL3NlYXJjaFwiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2VhcmNoXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zZWFyY2guY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2VhcmNoLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU2VhcmNoTW9kdWxlXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICB1c2VFeGlzdGluZzogU2VhcmNoQ29tcG9uZW50LFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VhcmNoQ29tcG9uZW50IGV4dGVuZHMgSWJtU2VhcmNoIHtcclxuICBASW5wdXQoKSBzaXplOiBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgPSBcIm1kXCI7XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiY2RzLS1zZWFyY2hcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdjZHMtLXNlYXJjaC0tc20nOiBzaXplID09PSAnc20nLFxyXG4gICAgJ2Nkcy0tc2VhcmNoLS1tZCc6IHNpemUgPT09ICdtZCcsXHJcbiAgICAnY2RzLS1zZWFyY2gtLWxnJzogc2l6ZSA9PT0gJ2xnJyxcclxuICAgICdjZHMtLXNlYXJjaC0tZXhwYW5kYWJsZSc6IGV4cGFuZGFibGUgJiYgIXRhYmxlU2VhcmNoLFxyXG4gICAgJ2Nkcy0tc2VhcmNoLS1leHBhbmRlZCc6IGV4cGFuZGFibGUgJiYgIXRhYmxlU2VhcmNoICYmIGFjdGl2ZVxyXG4gIH1cIlxyXG4gIHJvbGU9XCJzZWFyY2hcIlxyXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuICB0YWJpbmRleD1cIjBcIlxyXG4gIChjbGljayk9XCJvcGVuU2VhcmNoKClcIlxyXG4+XHJcbiAgPGxhYmVsIGNsYXNzPVwiY2RzLS1sYWJlbFwiIFtmb3JdPVwiaWRcIj57eyBsYWJlbCB9fTwvbGFiZWw+XHJcblxyXG4gIDxpbnB1dFxyXG4gICAgI2lucHV0XHJcbiAgICBjbGFzcz1cImNkcy0tc2VhcmNoLWlucHV0XCJcclxuICAgIFt0eXBlXT1cInRhYmxlU2VhcmNoIHx8ICF0b29sYmFyID8gJ3RleHQnIDogJ3NlYXJjaCdcIlxyXG4gICAgW2lkXT1cImlkXCJcclxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICBbYXV0b2NvbXBsZXRlXT1cImF1dG9jb21wbGV0ZVwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXHJcbiAgICAoaW5wdXQpPVwib25TZWFyY2goJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZSlcIlxyXG4gICAgKGtleXVwLmVudGVyKT1cIm9uRW50ZXIoKVwiXHJcbiAgLz5cclxuICBAaWYgKHRhYmxlU2VhcmNoIHx8ICF0b29sYmFyKSB7XHJcbiAgPHN2ZyB0bHBJY29uPVwic2VhcmNoXCIgY2xhc3M9XCJjZHMtLXNlYXJjaC1tYWduaWZpZXItaWNvblwiIHNpemU9XCIxNlwiPjwvc3ZnPlxyXG4gIH0gQGlmICh0YWJsZVNlYXJjaCB8fCAhdG9vbGJhcikge1xyXG4gIDxidXR0b25cclxuICAgIGNsYXNzPVwiY2RzLS1zZWFyY2gtY2xvc2VcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnY2RzLS1zZWFyY2gtY2xvc2UtLWhpZGRlbic6ICF2YWx1ZSB8fCB2YWx1ZS5sZW5ndGggPT09IDBcclxuICAgIH1cIlxyXG4gICAgW3RpdGxlXT1cImNsZWFyQnV0dG9uVGl0bGVcIlxyXG4gICAgKGNsaWNrKT1cImNsZWFyU2VhcmNoKClcIlxyXG4gID5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS12aXN1YWxseS1oaWRkZW5cIj57eyBjbGVhckJ1dHRvblRpdGxlIH19PC9zcGFuPlxyXG4gICAgPHN2ZyB0bHBJY29uPVwiY2xvc2VcIiBzaXplPVwiMTZcIj48L3N2Zz5cclxuICA8L2J1dHRvbj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/select/select.component.mjs

@@ -1,5 +1,7 @@
 import { Component, Input } from "@angular/core";
-import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { NG_VALUE_ACCESSOR, FormsModule, } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { SelectModule } from "carbon-components-angular/select";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "carbon-components-angular/select";
@@ -38,17 +40,17 @@ export class SelectComponent {
         this.disabled = isDisabled;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectComponent, selector: "tlp-select", inputs: { label: "label", helperText: "helperText", size: "size", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", placeholder: "placeholder" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectComponent, isStandalone: true, selector: "tlp-select", inputs: { label: "label", helperText: "helperText", size: "size", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", placeholder: "placeholder" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: SelectComponent,
             },
-        ], ngImport: i0, template: "<ibm-select\r\n  [label]=\"label\"\r\n  [helperText]=\"helperText\"\r\n  [size]=\"size\"\r\n  [disabled]=\"disabled\"\r\n  [invalid]=\"invalid\"\r\n  [invalidText]=\"invalidText\"\r\n  [value]=\"value\"\r\n  (valueChange)=\"handleChange($event)\"\r\n  (focusout)=\"handleTouch($event)\"\r\n>\r\n  <option value=\"\" disabled hidden>{{ placeholder }}</option>\r\n  <ng-content></ng-content>\r\n</ibm-select>\r\n", styles: [":host ::ng-deep{--cds-hover-ui: #f1f1f1}:host ::ng-deep .cds--select-input{border:1px solid #003c69;box-sizing:border-box;border-radius:4px}:host ::ng-deep .cds--select-input option{background:#fff}:host ::ng-deep .cds--select-input:disabled,:host ::ng-deep .cds--select-input:hover:disabled{border:1px solid #afafaf;background-color:#f1f1f1}:host ::ng-deep .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus){border:1px solid #d52b1e;outline:none}:host ::ng-deep .cds--select-input__wrapper[data-invalid] .cds--select__arrow{fill:#d52b1e}:host ::ng-deep .cds--select .cds--form__helper-text{order:1}:host ::ng-deep .cds--select--invalid>.cds--form__helper-text{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: i2.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i2.Option, selector: "option" }] });
+        ], ngImport: i0, template: "<ibm-select\r\n  [label]=\"label\"\r\n  [helperText]=\"helperText\"\r\n  [size]=\"size\"\r\n  [disabled]=\"disabled\"\r\n  [invalid]=\"invalid\"\r\n  [invalidText]=\"invalidText\"\r\n  [value]=\"value\"\r\n  (valueChange)=\"handleChange($event)\"\r\n  (focusout)=\"handleTouch($event)\"\r\n>\r\n  <option value=\"\" disabled hidden>{{ placeholder }}</option>\r\n  <ng-content></ng-content>\r\n</ibm-select>\r\n", styles: [":host ::ng-deep{--cds-hover-ui: #f1f1f1}:host ::ng-deep .cds--select-input{border:1px solid #003c69;box-sizing:border-box;border-radius:4px}:host ::ng-deep .cds--select-input option{background:#fff}:host ::ng-deep .cds--select-input:disabled,:host ::ng-deep .cds--select-input:hover:disabled{border:1px solid #afafaf;background-color:#f1f1f1}:host ::ng-deep .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus){border:1px solid #d52b1e;outline:none}:host ::ng-deep .cds--select-input__wrapper[data-invalid] .cds--select__arrow{fill:#d52b1e}:host ::ng-deep .cds--select .cds--form__helper-text{order:1}:host ::ng-deep .cds--select--invalid>.cds--form__helper-text{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i2.Option, selector: "option" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tlp-select", providers: [
+            args: [{ selector: "tlp-select", standalone: true, imports: [CommonModule, FormsModule, SelectModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
@@ -70,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], placeholder: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWN6RSxNQUFNLE9BQU8sZUFBZTtJQUNqQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNoQixJQUFJLEdBQXVCLElBQUksQ0FBQztJQUNoQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDaEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBRTFCLEtBQUssR0FBa0IsRUFBRSxDQUFDO0lBQzFCLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFbEIsaUJBQWlCLENBQXFDO0lBQ3RELGdCQUFnQixDQUF1QztJQUV2RCxZQUFZLENBQUMsUUFBYTtRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUN0QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztZQUN0QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxRQUF1QjtRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztJQUN4QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7d0dBekNVLGVBQWU7NEZBQWYsZUFBZSwyTUFSZjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxlQUFlO2FBQzdCO1NBQ0YsMEJDYkgsNFpBY0E7OzRGRENhLGVBQWU7a0JBWjNCLFNBQVM7K0JBQ0UsWUFBWSxhQUdYO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsaUJBQWlCO3lCQUM3QjtxQkFDRjs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNlbGVjdFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2VsZWN0LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3NlbGVjdC5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICB1c2VFeGlzdGluZzogU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gXCJcIjtcclxuICBASW5wdXQoKSBoZWxwZXJUZXh0ID0gXCJcIjtcclxuICBASW5wdXQoKSBzaXplOiBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgPSBcIm1kXCI7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbnZhbGlkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaW52YWxpZFRleHQgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gXCJcIjtcclxuXHJcbiAgdmFsdWU6IHN0cmluZyB8IG51bGwgPSBcIlwiO1xyXG4gIGlzVG91Y2hlZCA9IGZhbHNlO1xyXG5cclxuICBfb25DaGFuZ2VDYWxsYmFjazogKCh2YWx1ZTogYW55KSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuICBfb25Ub3VjaENhbGxiYWNrOiAoKGV2ZW50OiBFdmVudCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIGhhbmRsZUNoYW5nZShuZXdWYWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3VmFsdWU7XHJcbiAgICB0aGlzLl9vbkNoYW5nZUNhbGxiYWNrPy4obmV3VmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlVG91Y2goZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBpZiAoIXRoaXMuaXNUb3VjaGVkKSB7XHJcbiAgICAgIHRoaXMuaXNUb3VjaGVkID0gdHJ1ZTtcclxuICAgICAgdGhpcy5fb25Ub3VjaENhbGxiYWNrPy4oZXZlbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZShuZXdWYWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLl9vbkNoYW5nZUNhbGxiYWNrID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLl9vblRvdWNoQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxpYm0tc2VsZWN0XHJcbiAgW2xhYmVsXT1cImxhYmVsXCJcclxuICBbaGVscGVyVGV4dF09XCJoZWxwZXJUZXh0XCJcclxuICBbc2l6ZV09XCJzaXplXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gIFtpbnZhbGlkVGV4dF09XCJpbnZhbGlkVGV4dFwiXHJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAodmFsdWVDaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxyXG4gIChmb2N1c291dCk9XCJoYW5kbGVUb3VjaCgkZXZlbnQpXCJcclxuPlxyXG4gIDxvcHRpb24gdmFsdWU9XCJcIiBkaXNhYmxlZCBoaWRkZW4+e3sgcGxhY2Vob2xkZXIgfX08L29wdGlvbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvaWJtLXNlbGVjdD5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsV0FBVyxHQUNaLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7OztBQWdCaEUsTUFBTSxPQUFPLGVBQWU7SUFDakIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDaEIsSUFBSSxHQUF1QixJQUFJLENBQUM7SUFDaEMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUUxQixLQUFLLEdBQWtCLEVBQUUsQ0FBQztJQUMxQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWxCLGlCQUFpQixDQUFxQztJQUN0RCxnQkFBZ0IsQ0FBdUM7SUFFdkQsWUFBWSxDQUFDLFFBQWE7UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7WUFDdEIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsQ0FBQztJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsUUFBdUI7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDeEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO3dHQXpDVSxlQUFlOzRGQUFmLGVBQWUsK05BUmY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsZUFBZTthQUM3QjtTQUNGLDBCQ3JCSCw0WkFjQSxtdkJEQVksWUFBWSw4QkFBRSxXQUFXLDJPQUFFLFlBQVk7OzRGQVN0QyxlQUFlO2tCQWQzQixTQUFTOytCQUNFLFlBQVksY0FHVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksQ0FBQyxhQUN2Qzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLGlCQUFpQjt5QkFDN0I7cUJBQ0Y7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge1xyXG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxyXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIEZvcm1zTW9kdWxlLFxyXG59IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IFNlbGVjdE1vZHVsZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL3NlbGVjdFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNlbGVjdFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2VsZWN0LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3NlbGVjdC5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBTZWxlY3RNb2R1bGVdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBTZWxlY3RDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgbGFiZWwgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIGhlbHBlclRleHQgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiA9IFwibWRcIjtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGludmFsaWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbnZhbGlkVGV4dCA9IFwiXCI7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSBcIlwiO1xyXG5cclxuICB2YWx1ZTogc3RyaW5nIHwgbnVsbCA9IFwiXCI7XHJcbiAgaXNUb3VjaGVkID0gZmFsc2U7XHJcblxyXG4gIF9vbkNoYW5nZUNhbGxiYWNrOiAoKHZhbHVlOiBhbnkpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xyXG4gIF9vblRvdWNoQ2FsbGJhY2s6ICgoZXZlbnQ6IEV2ZW50KSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgaGFuZGxlQ2hhbmdlKG5ld1ZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgIHRoaXMuX29uQ2hhbmdlQ2FsbGJhY2s/LihuZXdWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVUb3VjaChldmVudDogRXZlbnQpIHtcclxuICAgIGlmICghdGhpcy5pc1RvdWNoZWQpIHtcclxuICAgICAgdGhpcy5pc1RvdWNoZWQgPSB0cnVlO1xyXG4gICAgICB0aGlzLl9vblRvdWNoQ2FsbGJhY2s/LihldmVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKG5ld1ZhbHVlOiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3VmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uQ2hhbmdlQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX29uVG91Y2hDYWxsYmFjayA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcbn1cclxuIiwiPGlibS1zZWxlY3RcclxuICBbbGFiZWxdPVwibGFiZWxcIlxyXG4gIFtoZWxwZXJUZXh0XT1cImhlbHBlclRleHRcIlxyXG4gIFtzaXplXT1cInNpemVcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2ludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgW2ludmFsaWRUZXh0XT1cImludmFsaWRUZXh0XCJcclxuICBbdmFsdWVdPVwidmFsdWVcIlxyXG4gICh2YWx1ZUNoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgKGZvY3Vzb3V0KT1cImhhbmRsZVRvdWNoKCRldmVudClcIlxyXG4+XHJcbiAgPG9wdGlvbiB2YWx1ZT1cIlwiIGRpc2FibGVkIGhpZGRlbj57eyBwbGFjZWhvbGRlciB9fTwvb3B0aW9uPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9pYm0tc2VsZWN0PlxyXG4iXX0=

package/esm2022/lib/side-panel/side-panel.component.mjs

@@ -1,5 +1,7 @@
 import { trigger, style, transition, animate } from "@angular/animations";
 import { Component, Input } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { PanelModule } from "carbon-components-angular";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "carbon-components-angular/ui-shell";
@@ -9,7 +11,7 @@ export class SidePanelComponent {
     side = "right";
     width = "300px";
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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 .cds--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .cds--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 .cds--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .cds--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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i2.Panel, selector: "cds-panel, ibm-panel", inputs: ["expanded", "ariaLabel"] }], animations: [
             trigger("inOutAnimationRight", [
                 transition(":enter", [
                     style({ transform: "translateX(100%)" }),
@@ -34,7 +36,7 @@ export class SidePanelComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tlp-side-panel", animations: [
+            args: [{ selector: "tlp-side-panel", standalone: true, imports: [CommonModule, PanelModule], animations: [
                         trigger("inOutAnimationRight", [
                             transition(":enter", [
                                 style({ transform: "translateX(100%)" }),
@@ -55,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                                 animate("0.2s ease-in", style({ transform: "translateX(-100%)" })),
                             ]),
                         ]),
-                    ], 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 .cds--panel--overlay{top:0;width:var(--width, 300px);background-color:#fff;padding:1.5rem 1rem}::ng-deep .cds--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 .cds--panel--overlay{left:0}.wrapper.wrapper--left ::ng-deep .cds--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"] }]
+                    ], 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"] }]
         }], propDecorators: { fixed: [{
                 type: Input
             }], expanded: [{
@@ -65,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], width: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBNkJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFDO0lBRWpDLEtBQUssR0FBRyxPQUFPLENBQUM7d0dBTGQsa0JBQWtCOzRGQUFsQixrQkFBa0Isc0lDOUIvQixnekJBMkJBLGkrQkRwQmM7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTNCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZDt3QkFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7NEJBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7NkJBQ2pFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0NBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQzs2QkFDbEUsQ0FBQzt5QkFDSCxDQUFDO3dCQUNGLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTs0QkFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUM7Z0NBQ3pDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyaWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIjxkaXZcclxuICBbQGluT3V0QW5pbWF0aW9uUmlnaHRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAncmlnaHQnICYmIGV4cGFuZGVkICYmICFmaXhlZFwiXHJcbiAgY2xhc3M9XCJ3cmFwcGVyXCJcclxuICBbc3R5bGVdPVwieyAnLS13aWR0aCc6IHdpZHRoIH1cIlxyXG4+XHJcbiAgPGlibS1wYW5lbCBbZXhwYW5kZWRdPVwidHJ1ZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2libS1wYW5lbD5cclxuPC9kaXY+XHJcblxyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgKm5nSWY9XCJzaWRlID09PSAnbGVmdCcgJiYgZXhwYW5kZWQgJiYgIWZpeGVkXCJcclxuICBjbGFzcz1cIndyYXBwZXIgd3JhcHBlci0tbGVmdFwiXHJcbiAgW3N0eWxlXT1cInsgJy0td2lkdGgnOiB3aWR0aCB9XCJcclxuPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImZpeGVkXCIgKm5nSWY9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUErQnhELE1BQU0sT0FBTyxrQkFBa0I7SUFDcEIsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsSUFBSSxHQUFxQixPQUFPLENBQUM7SUFFakMsS0FBSyxHQUFHLE9BQU8sQ0FBQzt3R0FMZCxrQkFBa0I7NEZBQWxCLGtCQUFrQiwwSkNsQy9CLHV4QkF1QkEseTNCRGJZLFlBQVkscU1BQUUsV0FBVyw2SEFDdkI7WUFDVixPQUFPLENBQUMscUJBQXFCLEVBQUU7Z0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUN4QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztpQkFDbEUsQ0FBQzthQUNILENBQUM7WUFDRixPQUFPLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDO29CQUN6QyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7aUJBQ2pFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7b0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQztpQkFDbkUsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsa0JBQWtCO2tCQTdCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDLGNBQ3hCO3dCQUNWLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTs0QkFDN0IsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7Z0NBQ3hDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzs2QkFDakUsQ0FBQzs0QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDOzZCQUNsRSxDQUFDO3lCQUNILENBQUM7d0JBQ0YsT0FBTyxDQUFDLG9CQUFvQixFQUFFOzRCQUM1QixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQztnQ0FDekMsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDOzZCQUNqRSxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO2dDQUN0QyxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLENBQUM7NkJBQ25FLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJpZ2dlciwgc3R5bGUsIHRyYW5zaXRpb24sIGFuaW1hdGUgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBQYW5lbE1vZHVsZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZS1wYW5lbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUGFuZWxNb2R1bGVdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXCJpbk91dEFuaW1hdGlvblJpZ2h0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoXCIwLjJzIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLWluXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSksXHJcbiAgICAgIF0pLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKFwiaW5PdXRBbmltYXRpb25MZWZ0XCIsIFtcclxuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIiB9KSxcclxuICAgICAgICBhbmltYXRlKFwiMC4ycyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSksXHJcbiAgICAgICAgYW5pbWF0ZShcIjAuMnMgZWFzZS1pblwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKC0xMDAlKVwiIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2lkZTogXCJyaWdodFwiIHwgXCJsZWZ0XCIgPSBcInJpZ2h0XCI7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoID0gXCIzMDBweFwiO1xyXG59XHJcbiIsIkBpZiAoc2lkZSA9PT0gJ3JpZ2h0JyAmJiBleHBhbmRlZCAmJiAhZml4ZWQpIHtcclxuPGRpdiBbQGluT3V0QW5pbWF0aW9uUmlnaHRdIGNsYXNzPVwid3JhcHBlclwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxpYm0tcGFuZWwgW2V4cGFuZGVkXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9pYm0tcGFuZWw+XHJcbjwvZGl2PlxyXG59IEBpZiAoc2lkZSA9PT0gJ2xlZnQnICYmIGV4cGFuZGVkICYmICFmaXhlZCkge1xyXG48ZGl2XHJcbiAgW0Bpbk91dEFuaW1hdGlvbkxlZnRdXHJcbiAgY2xhc3M9XCJ3cmFwcGVyIHdyYXBwZXItLWxlZnRcIlxyXG4gIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiXHJcbj5cclxuICA8aWJtLXBhbmVsIFtleHBhbmRlZF09XCJ0cnVlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvaWJtLXBhbmVsPlxyXG48L2Rpdj5cclxufSBAaWYgKGZpeGVkKSB7XHJcbjxkaXYgY2xhc3M9XCJmaXhlZFwiIFtzdHlsZV09XCJ7ICctLXdpZHRoJzogd2lkdGggfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG59XHJcblxyXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

package/esm2022/lib/sidenav/sidenav-item.component.mjs

@@ -1,13 +1,14 @@
 import { Component } from "@angular/core";
-import { SideNavItem } from "carbon-components-angular/ui-shell";
+import { CommonModule } from "@angular/common";
+import { SideNavItem, UIShellModule } from "carbon-components-angular/ui-shell";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class SideNavItemComponent extends SideNavItem {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideNavItemComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: UIShellModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavItemComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ selector: "tlp-sidenav-item", standalone: true, imports: [CommonModule, UIShellModule], 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" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU1qRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsV0FBVzt3R0FBeEMsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDUGpDLGt1QkF1QkE7OzRGRGhCYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU2lkZU5hdkl0ZW0gfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2SXRlbUNvbXBvbmVudCBleHRlbmRzIFNpZGVOYXZJdGVtIHt9XHJcbiIsIjwhLS0gLy9OT1NPTkFSIC0tPjwhLS0gZGlzcGxheTppbmxpbmUgLS0+PGxpXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX2l0ZW0nOiAhaXNTdWJNZW51LFxyXG4gICAgJ2Nkcy0tc2lkZS1uYXZfX21lbnUtaXRlbSc6IGlzU3ViTWVudVxyXG4gIH1cIlxyXG4gIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ2xpc3RpdGVtJyA6IG51bGxcIlxyXG4+XHJcbiAgPGFcclxuICAgIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fbGlua1wiXHJcbiAgICBbaHJlZl09XCJocmVmXCJcclxuICAgIFthdHRyLnJvbGVdPVwiaXNTdWJNZW51ID8gJ21lbnVpdGVtJyA6IG51bGxcIlxyXG4gICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImFjdGl2ZSA/ICdwYWdlJyA6IG51bGxcIlxyXG4gICAgW2F0dHIudGl0bGVdPVwidGl0bGUgPyB0aXRsZSA6IG51bGxcIlxyXG4gICAgKGNsaWNrKT1cIm5hdmlnYXRlKCRldmVudClcIlxyXG4gID5cclxuICAgIDxkaXYgKm5nSWY9XCIhaXNTdWJNZW51XCIgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pY29uXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInN2ZywgW2ljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhbiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2xpbmstdGV4dFwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9hPlxyXG48L2xpPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0FBUWhGLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFXO3dHQUF4QyxvQkFBb0I7NEZBQXBCLG9CQUFvQixtR0NWakMsZ3ZCQXlCQSwyQ0RqQlksWUFBWSw0SEFBRSxhQUFhOzs0RkFFMUIsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGtCQUFrQixjQUVoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBTaWRlTmF2SXRlbSwgVUlTaGVsbE1vZHVsZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL3VpLXNoZWxsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtc2lkZW5hdi1pdGVtXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zaWRlbmF2LWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFVJU2hlbGxNb2R1bGVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZU5hdkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBTaWRlTmF2SXRlbSB7fVxyXG4iLCI8IS0tIC8vTk9TT05BUiAtLT48IS0tIGRpc3BsYXk6aW5saW5lIC0tPjxsaVxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdjZHMtLXNpZGUtbmF2X19pdGVtJzogIWlzU3ViTWVudSxcclxuICAgICdjZHMtLXNpZGUtbmF2X19tZW51LWl0ZW0nOiBpc1N1Yk1lbnVcclxuICB9XCJcclxuICBbYXR0ci5yb2xlXT1cImlzU3ViTWVudSA/ICdsaXN0aXRlbScgOiBudWxsXCJcclxuPlxyXG4gIDxhXHJcbiAgICBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2xpbmtcIlxyXG4gICAgW2hyZWZdPVwiaHJlZlwiXHJcbiAgICBbYXR0ci5yb2xlXT1cImlzU3ViTWVudSA/ICdtZW51aXRlbScgOiBudWxsXCJcclxuICAgIFthdHRyLmFyaWEtY3VycmVudF09XCJhY3RpdmUgPyAncGFnZScgOiBudWxsXCJcclxuICAgIFthdHRyLnRpdGxlXT1cInRpdGxlID8gdGl0bGUgOiBudWxsXCJcclxuICAgIChjbGljayk9XCJuYXZpZ2F0ZSgkZXZlbnQpXCJcclxuICA+XHJcbiAgICBAaWYgKCFpc1N1Yk1lbnUpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pY29uXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInN2ZywgW2ljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgICA8c3BhbiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2xpbmstdGV4dFwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9hPlxyXG48L2xpPlxyXG4iXX0=

package/esm2022/lib/sidenav/sidenav-menu.component.mjs

@@ -1,11 +1,11 @@
 import { Component } from "@angular/core";
-import { SideNavMenu as IbmSideNavMenu } from "carbon-components-angular/ui-shell";
+import { CommonModule } from "@angular/common";
+import { SideNavMenu as IbmSideNavMenu, UIShellModule, } from "carbon-components-angular/ui-shell";
 // @ts-ignore - @carbon/icons v11 doesn't ship with types
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16";
 import * as i0 from "@angular/core";
 import * as i1 from "../icons/icon.service";
 import * as i2 from "@angular/common";
-import * as i3 from "../icons/icon.directive";
 export class SideNavMenuComponent extends IbmSideNavMenu {
     iconService;
     constructor(iconService) {
@@ -16,10 +16,10 @@ export class SideNavMenuComponent extends IbmSideNavMenu {
         this.iconService.register(ChevronDown16);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavMenuComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavMenuComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: UIShellModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavMenuComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ selector: "tlp-sidenav-menu", standalone: true, imports: [CommonModule, UIShellModule], 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" }]
         }], ctorParameters: () => [{ type: i1.IconService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsV0FBVyxJQUFJLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ25GLHlEQUF5RDtBQUN6RCxPQUFPLGFBQWEsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7QUFNOUQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGNBQWM7SUFDbEM7SUFBcEIsWUFBb0IsV0FBd0I7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEVSxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUU1QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7d0dBUFUsb0JBQW9COzRGQUFwQixvQkFBb0IsK0VDVmpDLGs0QkE2QkE7OzRGRG5CYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBJY29uU2VydmljZSB9IGZyb20gXCIuLi9pY29ucy9pY29uLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU2lkZU5hdk1lbnUgYXMgSWJtU2lkZU5hdk1lbnUgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG4vLyBAdHMtaWdub3JlIC0gQGNhcmJvbi9pY29ucyB2MTEgZG9lc24ndCBzaGlwIHdpdGggdHlwZXNcclxuaW1wb3J0IENoZXZyb25Eb3duMTYgZnJvbSBcIkBjYXJib24vaWNvbnMvZXMvY2hldnJvbi0tZG93bi8xNlwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXYtbWVudVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZW5hdi1tZW51LmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2TWVudUNvbXBvbmVudCBleHRlbmRzIElibVNpZGVOYXZNZW51IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGljb25TZXJ2aWNlOiBJY29uU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pY29uU2VydmljZS5yZWdpc3RlcihDaGV2cm9uRG93bjE2KTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSAvL05PU09OQVIgLS0+PCEtLSBkaXNwbGF5OmlubGluZSAtLT48bGlcclxuICBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2l0ZW0gY2RzLS1zaWRlLW5hdl9faXRlbS0taWNvblwiXHJcbiAgW25nQ2xhc3NdPVwieyAnY2RzLS1zaWRlLW5hdl9faXRlbS0tYWN0aXZlJzogaGFzQWN0aXZlQ2hpbGQgfVwiXHJcbj5cclxuICA8YnV0dG9uXHJcbiAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxyXG4gICAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19zdWJtZW51XCJcclxuICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcclxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fc3VibWVudS10aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cIlxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX2ljb25cclxuICAgICAgICBjZHMtLXNpZGUtbmF2X19pY29uLS1zbWFsbFxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX3N1Ym1lbnUtY2hldnJvblxyXG4gICAgICBcIlxyXG4gICAgPlxyXG4gICAgICA8c3ZnIHRscEljb249XCJjaGV2cm9uLS1kb3duXCI+PC9zdmc+XHJcbiAgICA8L2Rpdj5cclxuICA8L2J1dHRvbj5cclxuICA8dWwgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19tZW51XCIgcm9sZT1cIm1lbnVcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3VsPlxyXG48L2xpPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUNMLFdBQVcsSUFBSSxjQUFjLEVBQzdCLGFBQWEsR0FDZCxNQUFNLG9DQUFvQyxDQUFDO0FBQzVDLHlEQUF5RDtBQUN6RCxPQUFPLGFBQWEsTUFBTSxtQ0FBbUMsQ0FBQzs7OztBQVE5RCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsY0FBYztJQUNsQztJQUFwQixZQUFvQixXQUF3QjtRQUMxQyxLQUFLLEVBQUUsQ0FBQztRQURVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBRTVDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDM0MsQ0FBQzt3R0FQVSxvQkFBb0I7NEZBQXBCLG9CQUFvQixtR0NoQmpDLGs0QkE2QkEsMkNEZlksWUFBWSw0SEFBRSxhQUFhOzs0RkFFMUIsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGtCQUFrQixjQUVoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IEljb25TZXJ2aWNlIH0gZnJvbSBcIi4uL2ljb25zL2ljb24uc2VydmljZVwiO1xyXG5pbXBvcnQge1xyXG4gIFNpZGVOYXZNZW51IGFzIElibVNpZGVOYXZNZW51LFxyXG4gIFVJU2hlbGxNb2R1bGUsXHJcbn0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvdWktc2hlbGxcIjtcclxuLy8gQHRzLWlnbm9yZSAtIEBjYXJib24vaWNvbnMgdjExIGRvZXNuJ3Qgc2hpcCB3aXRoIHR5cGVzXHJcbmltcG9ydCBDaGV2cm9uRG93bjE2IGZyb20gXCJAY2FyYm9uL2ljb25zL2VzL2NoZXZyb24tLWRvd24vMTZcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1zaWRlbmF2LW1lbnVcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3NpZGVuYXYtbWVudS5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVUlTaGVsbE1vZHVsZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2TWVudUNvbXBvbmVudCBleHRlbmRzIElibVNpZGVOYXZNZW51IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGljb25TZXJ2aWNlOiBJY29uU2VydmljZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pY29uU2VydmljZS5yZWdpc3RlcihDaGV2cm9uRG93bjE2KTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSAvL05PU09OQVIgLS0+PCEtLSBkaXNwbGF5OmlubGluZSAtLT48bGlcclxuICBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2l0ZW0gY2RzLS1zaWRlLW5hdl9faXRlbS0taWNvblwiXHJcbiAgW25nQ2xhc3NdPVwieyAnY2RzLS1zaWRlLW5hdl9faXRlbS0tYWN0aXZlJzogaGFzQWN0aXZlQ2hpbGQgfVwiXHJcbj5cclxuICA8YnV0dG9uXHJcbiAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxyXG4gICAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19zdWJtZW51XCJcclxuICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcclxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX2ljb25cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3ZnLCBbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9fc3VibWVudS10aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cIlxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX2ljb25cclxuICAgICAgICBjZHMtLXNpZGUtbmF2X19pY29uLS1zbWFsbFxyXG4gICAgICAgIGNkcy0tc2lkZS1uYXZfX3N1Ym1lbnUtY2hldnJvblxyXG4gICAgICBcIlxyXG4gICAgPlxyXG4gICAgICA8c3ZnIHRscEljb249XCJjaGV2cm9uLS1kb3duXCI+PC9zdmc+XHJcbiAgICA8L2Rpdj5cclxuICA8L2J1dHRvbj5cclxuICA8dWwgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19tZW51XCIgcm9sZT1cIm1lbnVcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3VsPlxyXG48L2xpPlxyXG4iXX0=

package/esm2022/lib/sidenav/sidenav.component.mjs

@@ -1,13 +1,29 @@
-import { Component } from "@angular/core";
-import { SideNav as IbmSideNav } from "carbon-components-angular/ui-shell";
+import { Component, HostListener } from "@angular/core";
+import { SideNav as IbmSideNav, UIShellModule, } from "carbon-components-angular/ui-shell";
 import * as i0 from "@angular/core";
 export class SideNavComponent extends IbmSideNav {
     rail = true;
+    onMouseEnter() {
+        if (this.rail) {
+            this.expanded = true;
+        }
+    }
+    onMouseLeave() {
+        if (this.rail) {
+            this.expanded = false;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    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"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideNavComponent, isStandalone: true, 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"], dependencies: [{ kind: "ngmodule", type: UIShellModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideNavComponent, decorators: [{
             type: Component,
-            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"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsT0FBTyxJQUFJLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQU8zRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQUM5QyxJQUFJLEdBQUcsSUFBSSxDQUFDO3dHQURELGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDBFQ1I3QixxTkFTQTs7NEZERGEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBTaWRlTmF2IGFzIElibVNpZGVOYXYgfSBmcm9tIFwiY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhci91aS1zaGVsbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXNpZGVuYXZcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2lkZW5hdi5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVOYXZDb21wb25lbnQgZXh0ZW5kcyBJYm1TaWRlTmF2IHtcclxuICByYWlsID0gdHJ1ZTtcclxufVxyXG4iLCI8bmF2XHJcbiAgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19uYXZpZ2F0aW9uXCJcclxuICByb2xlPVwibmF2aWdhdGlvblwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxyXG4+XHJcbiAgPHVsIGNsYXNzPVwiY2RzLS1zaWRlLW5hdl9faXRlbXNcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3VsPlxyXG48L25hdj5cclxuIl19
+            args: [{ selector: "tlp-sidenav", standalone: true, imports: [UIShellModule], 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"] }]
+        }], propDecorators: { onMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUNMLE9BQU8sSUFBSSxVQUFVLEVBQ3JCLGFBQWEsR0FDZCxNQUFNLG9DQUFvQyxDQUFDOztBQVM1QyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQUM5QyxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBR1osWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsQ0FBQztJQUNILENBQUM7SUFHRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN4QixDQUFDO0lBQ0gsQ0FBQzt3R0FmVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQix1TENiN0IscU5BU0EsczZIREVZLGFBQWE7OzRGQUVaLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxhQUFhLGNBR1gsSUFBSSxXQUNQLENBQUMsYUFBYSxDQUFDOzhCQU14QixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFRMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgU2lkZU5hdiBhcyBJYm1TaWRlTmF2LFxyXG4gIFVJU2hlbGxNb2R1bGUsXHJcbn0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvdWktc2hlbGxcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1zaWRlbmF2XCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zaWRlbmF2LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3NpZGVuYXYuY29tcG9uZW50LnNjc3NcIl0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbVUlTaGVsbE1vZHVsZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTmF2Q29tcG9uZW50IGV4dGVuZHMgSWJtU2lkZU5hdiB7XHJcbiAgcmFpbCA9IHRydWU7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoXCJtb3VzZWVudGVyXCIpXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgaWYgKHRoaXMucmFpbCkge1xyXG4gICAgICB0aGlzLmV4cGFuZGVkID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoXCJtb3VzZWxlYXZlXCIpXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgaWYgKHRoaXMucmFpbCkge1xyXG4gICAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuYXZcclxuICBjbGFzcz1cImNkcy0tc2lkZS1uYXZfX25hdmlnYXRpb25cIlxyXG4gIHJvbGU9XCJuYXZpZ2F0aW9uXCJcclxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXHJcbj5cclxuICA8dWwgY2xhc3M9XCJjZHMtLXNpZGUtbmF2X19pdGVtc1wiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvdWw+XHJcbjwvbmF2PlxyXG4iXX0=

package/esm2022/lib/subheader/subheader.component.mjs

@@ -2,10 +2,10 @@ import { Component } from "@angular/core";
 import * as i0 from "@angular/core";
 export class SubheaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubheaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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:#003c69;color:#fff}: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:#fff}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SubheaderComponent, isStandalone: true, 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"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubheaderComponent, decorators: [{
             type: Component,
-            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:#003c69;color:#fff}: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:#fff}\n"] }]
+            args: [{ selector: "tlp-subheader", standalone: true, 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjs0RkFBbEIsa0JBQWtCLHFEQ1AvQix3RUFHQTs7NEZESWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXN1YmhlYWRlclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3N1YmhlYWRlci5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1YmhlYWRlckNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zdWJoZWFkZXIvc3ViaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFDLE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjs0RkFBbEIsa0JBQWtCLHlFQ1IvQix3RUFHQTs7NEZES2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGVBQWUsY0FHYixJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInRscC1zdWJoZWFkZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3N1YmhlYWRlci5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9zdWJoZWFkZXIuY29tcG9uZW50LnNjc3NcIl0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1YmhlYWRlckNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/table/table.directive.mjs

@@ -4,14 +4,15 @@ import * as i0 from "@angular/core";
 export class TableDirective extends IbmTableDirective {
     striped = true;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TableDirective, selector: "[tlpTable]", inputs: { striped: "striped" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TableDirective, isStandalone: true, selector: "[tlpTable]", inputs: { striped: "striped" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[tlpTable]",
+                    standalone: true,
                 }]
         }], propDecorators: { striped: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3RhYmxlL3RhYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxJQUFJLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBS3RGLE1BQU0sT0FBTyxjQUFlLFNBQVEsaUJBQWlCO0lBQzFDLE9BQU8sR0FBWSxJQUFJLENBQUM7d0dBRHRCLGNBQWM7NEZBQWQsY0FBYzs7NEZBQWQsY0FBYztrQkFIMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtpQkFDdkI7OEJBRVUsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFRhYmxlRGlyZWN0aXZlIGFzIElibVRhYmxlRGlyZWN0aXZlIH0gZnJvbSBcImNhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvdGFibGVcIjtcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBcIlt0bHBUYWJsZV1cIixcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlRGlyZWN0aXZlIGV4dGVuZHMgSWJtVGFibGVEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpIHN0cmlwZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL3RhYmxlL3RhYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxJQUFJLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBTXRGLE1BQU0sT0FBTyxjQUFlLFNBQVEsaUJBQWlCO0lBQzFDLE9BQU8sR0FBWSxJQUFJLENBQUM7d0dBRHRCLGNBQWM7NEZBQWQsY0FBYzs7NEZBQWQsY0FBYztrQkFKMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUVVLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBUYWJsZURpcmVjdGl2ZSBhcyBJYm1UYWJsZURpcmVjdGl2ZSB9IGZyb20gXCJjYXJib24tY29tcG9uZW50cy1hbmd1bGFyL3RhYmxlXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogXCJbdGxwVGFibGVdXCIsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlRGlyZWN0aXZlIGV4dGVuZHMgSWJtVGFibGVEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpIHN0cmlwZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG59XHJcbiJdfQ==

package/esm2022/lib/tabs/tab.component.mjs

@@ -1,4 +1,5 @@
 import { Component, Input, Output, EventEmitter, TemplateRef, HostBinding, } from "@angular/core";
+import { CommonModule } from "@angular/common";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 let nextId = 0;
@@ -78,11 +79,11 @@ export class TabComponent {
         return this.active || this.cacheActive;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TabComponent, isStandalone: true, 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: `
+    @if (shouldRender()) {
     <div
       [attr.tabindex]="tabIndex"
       role="tabpanel"
-      *ngIf="shouldRender()"
       class="cds--tab-content"
       [ngStyle]="{ display: active ? null : 'none' }"
       [attr.aria-labelledby]="id + '-header'"
@@ -90,17 +91,20 @@ export class TabComponent {
     >
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "tlp-tab",
+                    standalone: true,
+                    imports: [CommonModule],
                     template: `
+    @if (shouldRender()) {
     <div
       [attr.tabindex]="tabIndex"
       role="tabpanel"
-      *ngIf="shouldRender()"
       class="cds--tab-content"
       [ngStyle]="{ display: active ? null : 'none' }"
       [attr.aria-labelledby]="id + '-header'"
@@ -108,6 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
     >
       <ng-content></ng-content>
     </div>
+    }
   `,
                 }]
         }], propDecorators: { heading: [{
@@ -132,4 +137,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: HostBinding,
                 args: ["attr.id"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBa0JmLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCOzs7T0FHRztJQUNJLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUVqQzs7T0FFRztJQUNNLE9BQU8sR0FBOEIsRUFBRSxDQUFDO0lBQ2pEOzs7OztPQUtHO0lBQ00sS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUM1Qjs7T0FFRztJQUNNLE9BQU8sQ0FBTTtJQUN0Qjs7O09BR0c7SUFDTSxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3hCOztPQUVHO0lBQ00sUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVqQixRQUFRLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLG1CQUFtQjtJQUNuQjs7T0FFRztJQUNNLEVBQUUsR0FBRyxTQUFTLE1BQU0sRUFBRSxFQUFFLENBQUM7SUFDbEM7O09BRUc7SUFDSCxJQUFhLFdBQVcsQ0FBQyxXQUFvQjtRQUMzQyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztJQUNsQyxDQUFDO0lBQ0Q7O09BRUc7SUFDTyxRQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFbEU7O09BRUc7SUFDcUIsU0FBUyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7SUFFNUMsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFUyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRS9COzs7T0FHRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLFlBQVksV0FBVyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3pDLENBQUM7d0dBbEZVLFlBQVk7NEZBQVosWUFBWSxpVEFkYjs7Ozs7Ozs7Ozs7O0dBWVQ7OzRGQUVVLFlBQVk7a0JBaEJ4QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2lCQUNGOzhCQVdVLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csRUFBRTtzQkFBVixLQUFLO2dCQUlPLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUksUUFBUTtzQkFBakIsTUFBTTtnQkFLaUIsU0FBUztzQkFBaEMsV0FBVzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbmxldCBuZXh0SWQgPSAwO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwidGxwLXRhYlwiLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2XHJcbiAgICAgIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcclxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcclxuICAgICAgKm5nSWY9XCJzaG91bGRSZW5kZXIoKVwiXHJcbiAgICAgIGNsYXNzPVwiY2RzLS10YWItY29udGVudFwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsgZGlzcGxheTogYWN0aXZlID8gbnVsbCA6ICdub25lJyB9XCJcclxuICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImlkICsgJy1oZWFkZXInXCJcclxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqXHJcbiAgICogQm9vbGVhbiB2YWx1ZSByZWZsZWN0cyBpZiB0aGUgYFRhYmAgaXMgdXNpbmcgYSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBoZWFkaW5nLlxyXG4gICAqIERlZmF1bHQgdmFsdWUgaXMgZmFsc2UuXHJcbiAgICovXHJcbiAgcHVibGljIGhlYWRpbmdJc1RlbXBsYXRlID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBgVGFiYCdzIHRpdGxlIHRvIGJlIGRpc3BsYXllZCBvciBjdXN0b20gdGVtYXBsYXRlIGZvciB0aGUgYFRhYmAgaGVhZGluZy5cclxuICAgKi9cclxuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+ID0gXCJcIjtcclxuICAvKipcclxuICAgKiBPcHRpb25hbCBvdmVycmlkZSBmb3IgdGhlIGB0YWJJdGVtJ3NgJ3MgdGl0bGUgYXR0cmlidXRlIHdoaWNoIGlzIHNldCBpbiBgVGFiSGVhZGVyc2AuXHJcbiAgICogYHRhYkl0ZW1gJ3MgdGl0bGUgYXR0cmlidXRlIGlzIGF1dG9tYXRpY2FsbHkgc2V0IHRvIGBoZWFkaW5nYC5cclxuICAgKlxyXG4gICAqIFlvdSBtaWdodCB3YW50IHRvIHVzZSB0aGlzIGlmIHlvdSBzZXQgYGhlYWRpbmdgIHRvIGEgYFRlbXBsYXRlUmVmYC5cclxuICAgKi9cclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICAvKipcclxuICAgKiBBbGxvd3MgdGhlIHVzZXIgdG8gcGFzcyBkYXRhIHRvIHRoZSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBgVGFiYCBoZWFkaW5nLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNvbnRleHQ6IGFueTtcclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYFRhYmAgaXMgYWN0aXZlL3NlbGVjdGVkLlxyXG4gICAqIERldGVybWluZXMgd2hldGhlciBpdCdzIGBUYWJQYW5lbGAgaXMgcmVuZGVyZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgb3Igbm90IHRoZSBgVGFiYCBpdGVtIGlzIGRpc2FibGVkLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHRhYkluZGV4ID0gMDtcclxuICAvLyBkbyB3ZSBuZWVkIGlkJ3M/XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgaWQgb2YgdGhlIGBUYWJgLiBXaWxsIGJlIHVuaXF1ZWx5IGdlbmVyYXRlZCBpZiBub3QgcHJvdmlkZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgaWQgPSBgbi10YWItJHtuZXh0SWQrK31gO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byB0cnVlIHRvIGhhdmUgVGFiIGl0ZW1zIGNhY2hlZCBhbmQgbm90IHJlbG9hZGVkIG9uIHRhYiBzd2l0Y2hpbmcuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IGNhY2hlQWN0aXZlKHNob3VsZENhY2hlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9jYWNoZUFjdGl2ZSA9IHNob3VsZENhY2hlO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBWYWx1ZSAnc2VsZWN0ZWQnIHRvIGJlIGVtaXR0ZWQgYWZ0ZXIgYSBuZXcgYFRhYmAgaXMgc2VsZWN0ZWQuXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFVzZWQgdG8gc2V0IHRoZSBpZCBwcm9wZXJ0eSBvbiB0aGUgZWxlbWVudC5cclxuICAgKi9cclxuICBASG9zdEJpbmRpbmcoXCJhdHRyLmlkXCIpIGF0dHJDbGFzcyA9IHRoaXMuaWQ7XHJcblxyXG4gIGdldCBjYWNoZUFjdGl2ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl9jYWNoZUFjdGl2ZTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBfY2FjaGVBY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ2hlY2tzIGZvciBjdXN0b20gaGVhZGluZyB0ZW1wbGF0ZSBvbiBpbml0aWFsaXphdGlvbiBhbmQgdXBkYXRlcyB0aGUgdmFsdWVcclxuICAgKiBvZiB0aGUgYm9vbGVhbiAnaGVhZGluZ0lzVGVtcGxhdGUnLlxyXG4gICAqL1xyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaGVhZGluZyBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XHJcbiAgICAgIHRoaXMuaGVhZGluZ0lzVGVtcGxhdGUgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRW1pdCB0aGUgc3RhdHVzIG9mIHRoZSBgVGFiYCwgc3BlY2lmaWNhbGx5ICdzZWxlY3QnIGFuZCAnc2VsZWN0ZWQnIHByb3BlcnRpZXMuXHJcbiAgICovXHJcbiAgZG9TZWxlY3QoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJldHVybnMgdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoaXMgYFRhYmAgc2hvdWxkIGJlIHJlbmRlcmVkIGluIGEgYFRhYlBhbmVsYC5cclxuICAgKi9cclxuICBzaG91bGRSZW5kZXIoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY3RpdmUgfHwgdGhpcy5jYWNoZUFjdGl2ZTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRS9DLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQztBQXFCZixNQUFNLE9BQU8sWUFBWTtJQUN2Qjs7O09BR0c7SUFDSSxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFFakM7O09BRUc7SUFDTSxPQUFPLEdBQThCLEVBQUUsQ0FBQztJQUNqRDs7Ozs7T0FLRztJQUNNLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDNUI7O09BRUc7SUFDTSxPQUFPLENBQU07SUFDdEI7OztPQUdHO0lBQ00sTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4Qjs7T0FFRztJQUNNLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFFakIsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUN0QixtQkFBbUI7SUFDbkI7O09BRUc7SUFDTSxFQUFFLEdBQUcsU0FBUyxNQUFNLEVBQUUsRUFBRSxDQUFDO0lBQ2xDOztPQUVHO0lBQ0gsSUFBYSxXQUFXLENBQUMsV0FBb0I7UUFDM0MsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7SUFDbEMsQ0FBQztJQUNEOztPQUVHO0lBQ08sUUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWxFOztPQUVHO0lBQ3FCLFNBQVMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBRTVDLElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRVMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUUvQjs7O09BR0c7SUFDSCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVcsRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFDaEMsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN6QyxDQUFDO3dHQWxGVSxZQUFZOzRGQUFaLFlBQVkscVVBZmI7Ozs7Ozs7Ozs7Ozs7R0FhVCwyREFkUyxZQUFZOzs0RkFnQlgsWUFBWTtrQkFuQnhCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO2lCQUNGOzhCQVdVLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csRUFBRTtzQkFBVixLQUFLO2dCQUlPLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUksUUFBUTtzQkFBakIsTUFBTTtnQkFLaUIsU0FBUztzQkFBaEMsV0FBVzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5cclxubGV0IG5leHRJZCA9IDA7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJ0bHAtdGFiXCIsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgQGlmIChzaG91bGRSZW5kZXIoKSkge1xyXG4gICAgPGRpdlxyXG4gICAgICBbYXR0ci50YWJpbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICAgIHJvbGU9XCJ0YWJwYW5lbFwiXHJcbiAgICAgIGNsYXNzPVwiY2RzLS10YWItY29udGVudFwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsgZGlzcGxheTogYWN0aXZlID8gbnVsbCA6ICdub25lJyB9XCJcclxuICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImlkICsgJy1oZWFkZXInXCJcclxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLyoqXHJcbiAgICogQm9vbGVhbiB2YWx1ZSByZWZsZWN0cyBpZiB0aGUgYFRhYmAgaXMgdXNpbmcgYSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBoZWFkaW5nLlxyXG4gICAqIERlZmF1bHQgdmFsdWUgaXMgZmFsc2UuXHJcbiAgICovXHJcbiAgcHVibGljIGhlYWRpbmdJc1RlbXBsYXRlID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBgVGFiYCdzIHRpdGxlIHRvIGJlIGRpc3BsYXllZCBvciBjdXN0b20gdGVtYXBsYXRlIGZvciB0aGUgYFRhYmAgaGVhZGluZy5cclxuICAgKi9cclxuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+ID0gXCJcIjtcclxuICAvKipcclxuICAgKiBPcHRpb25hbCBvdmVycmlkZSBmb3IgdGhlIGB0YWJJdGVtJ3NgJ3MgdGl0bGUgYXR0cmlidXRlIHdoaWNoIGlzIHNldCBpbiBgVGFiSGVhZGVyc2AuXHJcbiAgICogYHRhYkl0ZW1gJ3MgdGl0bGUgYXR0cmlidXRlIGlzIGF1dG9tYXRpY2FsbHkgc2V0IHRvIGBoZWFkaW5nYC5cclxuICAgKlxyXG4gICAqIFlvdSBtaWdodCB3YW50IHRvIHVzZSB0aGlzIGlmIHlvdSBzZXQgYGhlYWRpbmdgIHRvIGEgYFRlbXBsYXRlUmVmYC5cclxuICAgKi9cclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcclxuICAvKipcclxuICAgKiBBbGxvd3MgdGhlIHVzZXIgdG8gcGFzcyBkYXRhIHRvIHRoZSBjdXN0b20gdGVtcGxhdGUgZm9yIHRoZSBgVGFiYCBoZWFkaW5nLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNvbnRleHQ6IGFueTtcclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYFRhYmAgaXMgYWN0aXZlL3NlbGVjdGVkLlxyXG4gICAqIERldGVybWluZXMgd2hldGhlciBpdCdzIGBUYWJQYW5lbGAgaXMgcmVuZGVyZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XHJcbiAgLyoqXHJcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgb3Igbm90IHRoZSBgVGFiYCBpdGVtIGlzIGRpc2FibGVkLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHRhYkluZGV4ID0gMDtcclxuICAvLyBkbyB3ZSBuZWVkIGlkJ3M/XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgaWQgb2YgdGhlIGBUYWJgLiBXaWxsIGJlIHVuaXF1ZWx5IGdlbmVyYXRlZCBpZiBub3QgcHJvdmlkZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgaWQgPSBgbi10YWItJHtuZXh0SWQrK31gO1xyXG4gIC8qKlxyXG4gICAqIFNldCB0byB0cnVlIHRvIGhhdmUgVGFiIGl0ZW1zIGNhY2hlZCBhbmQgbm90IHJlbG9hZGVkIG9uIHRhYiBzd2l0Y2hpbmcuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IGNhY2hlQWN0aXZlKHNob3VsZENhY2hlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9jYWNoZUFjdGl2ZSA9IHNob3VsZENhY2hlO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBWYWx1ZSAnc2VsZWN0ZWQnIHRvIGJlIGVtaXR0ZWQgYWZ0ZXIgYSBuZXcgYFRhYmAgaXMgc2VsZWN0ZWQuXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFVzZWQgdG8gc2V0IHRoZSBpZCBwcm9wZXJ0eSBvbiB0aGUgZWxlbWVudC5cclxuICAgKi9cclxuICBASG9zdEJpbmRpbmcoXCJhdHRyLmlkXCIpIGF0dHJDbGFzcyA9IHRoaXMuaWQ7XHJcblxyXG4gIGdldCBjYWNoZUFjdGl2ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl9jYWNoZUFjdGl2ZTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBfY2FjaGVBY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ2hlY2tzIGZvciBjdXN0b20gaGVhZGluZyB0ZW1wbGF0ZSBvbiBpbml0aWFsaXphdGlvbiBhbmQgdXBkYXRlcyB0aGUgdmFsdWVcclxuICAgKiBvZiB0aGUgYm9vbGVhbiAnaGVhZGluZ0lzVGVtcGxhdGUnLlxyXG4gICAqL1xyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaGVhZGluZyBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XHJcbiAgICAgIHRoaXMuaGVhZGluZ0lzVGVtcGxhdGUgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRW1pdCB0aGUgc3RhdHVzIG9mIHRoZSBgVGFiYCwgc3BlY2lmaWNhbGx5ICdzZWxlY3QnIGFuZCAnc2VsZWN0ZWQnIHByb3BlcnRpZXMuXHJcbiAgICovXHJcbiAgZG9TZWxlY3QoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFJldHVybnMgdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoaXMgYFRhYmAgc2hvdWxkIGJlIHJlbmRlcmVkIGluIGEgYFRhYlBhbmVsYC5cclxuICAgKi9cclxuICBzaG91bGRSZW5kZXIoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY3RpdmUgfHwgdGhpcy5jYWNoZUFjdGl2ZTtcclxuICB9XHJcbn1cclxuIl19