@sarasanalytics-com/design-system 0.0.165 → 0.0.166

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

@@ -73,7 +73,7 @@ export class SAMenuComponent {
         this.onEvent.emit({ type: 'TAB_CLICK', activeTab: tabname, menu: this.menu });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuComponent, deps: [{ token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuComponent, isStandalone: true, selector: "sa-menu", inputs: { position: "position", menu: "menu", hostEl: "hostEl" }, outputs: { onEvent: "onEvent", onKeyUpEvent: "onKeyUpEvent", closeEvent: "closeEvent" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SAMenuItemComponent, selector: "sa-menu-item", inputs: ["item", "showRound"], outputs: ["onEvent"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "component", type: AvatarComponent, selector: "sa-avatar", inputs: ["id", "imagePath", "altText", "size"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "component", type: SkeletonLoaderComponent, selector: "sa-skeleton-loader", inputs: ["preset", "config", "darkMode"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuComponent, isStandalone: true, selector: "sa-menu", inputs: { position: "position", menu: "menu", hostEl: "hostEl" }, outputs: { onEvent: "onEvent", onKeyUpEvent: "onKeyUpEvent", closeEvent: "closeEvent" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SAMenuItemComponent, selector: "sa-menu-item", inputs: ["item", "showRound"], outputs: ["onEvent"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "component", type: AvatarComponent, selector: "sa-avatar", inputs: ["id", "imagePath", "altText", "size"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "component", type: SkeletonLoaderComponent, selector: "sa-skeleton-loader", inputs: ["preset", "config", "darkMode"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuComponent, decorators: [{
             type: Component,
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         IconComponent,
                         AvatarComponent,
                         SkeletonLoaderComponent,
-                    ], providers: [IconService], template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"] }]
+                    ], providers: [IconService], template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.Overlay }], propDecorators: { position: [{
                 type: Input
             }], menu: [{
@@ -101,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
             }], closeEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBR04sWUFBWSxHQUtiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxPQUFPLEVBRVAsV0FBVyxHQUVaLE1BQU0sd0JBQXdCLENBQUM7QUFTaEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQWdDaEYsTUFBTSxPQUFPLGVBQWU7SUFTMUIsWUFDVSxPQUFnQjtRQUFoQixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBVGpCLGFBQVEsR0FBd0MsUUFBUSxDQUFDLENBQUMsbUJBQW1CO1FBRzVFLFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoRCxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FB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QUNQLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsT0FBTzt3QkFDUCxXQUFXO3dCQUNYLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsdUJBQXVCO3FCQUMxQixhQUNVLENBQUMsV0FBVyxDQUFDOzRFQWtCYixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBPbkNoYW5nZXMsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIFZpZXdDaGlsZCxcclxuICBmb3J3YXJkUmVmLFxyXG4gIFZpZXdDaGlsZHJlbixcclxuICBRdWVyeUxpc3QsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0TWVudSxcclxuICBNYXRNZW51RGVmYXVsdE9wdGlvbnMsXHJcbiAgTWF0TWVudUl0ZW0sXHJcbiAgTWF0TWVudVRyaWdnZXIsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7XHJcbiAgT3ZlcmxheSxcclxuICBQb3NpdGlvblN0cmF0ZWd5LFxyXG4gIENvbm5lY3RlZFBvc2l0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkL2NhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZSc7XHJcbmltcG9ydCB7IFNBTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUtbGlzdC9tZW51LWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgSU1lbnUsIElNZW51SXRlbSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbWVudS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnR9IGZyb20gJy4uL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XHJcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2tlbGV0b24vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2EtbWVudScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTQU1lbnVJdGVtQ29tcG9uZW50LFxyXG4gICAgTWF0TWVudSxcclxuICAgIE1hdE1lbnVJdGVtLFxyXG4gICAgQ2hpcHNDb21wb25lbnQsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgSWNvbkNvbXBvbmVudCxcclxuICAgIEF2YXRhckNvbXBvbmVudCxcclxuICAgIFNrZWxldG9uTG9hZGVyQ29tcG9uZW50LFxyXG5dLFxyXG5wcm92aWRlcnM6IFtJY29uU2VydmljZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5jc3MnLFxyXG4gIC8vIGFuaW1hdGlvbnM6IFtcclxuICAvLyAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgLy8gICAgIHN0YXRlKCdpbicsIHN0eWxlKHtcclxuICAvLyAgICAgICB3aWR0aDogJycsIC8vIFdoZW4gZXhwYW5kZWQgKGZ1bGx5IHNob3duKVxyXG4gIC8vICAgICB9KSksXHJcbiAgLy8gICAgIHN0YXRlKCdvdXQnLCBzdHlsZSh7XHJcbiAgLy8gICAgICAgd2lkdGg6ICcwJywgLy8gV2hlbiBjb2xsYXBzZWQgKGhpZGRlbilcclxuICAvLyAgICAgfSkpLFxyXG4gIC8vICAgICB0cmFuc2l0aW9uKCdpbiA8PT4gb3V0JywgW1xyXG4gIC8vICAgICAgIGFuaW1hdGUoJzAuMnMgZWFzZS1pbi1vdXQnKSwgLy8gQW5pbWF0aW9uIHNwZWVkIGFuZCBlYXNpbmdcclxuICAvLyAgICAgXSlcclxuICAvLyAgIF0pXHJcbiAgLy8gXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0FNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBwb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICd0b3AnIHwgJ2JvdHRvbScgPSAnYm90dG9tJzsgLy8gRGVmYXVsdCBwb3NpdGlvblxyXG4gIEBJbnB1dCgpIG1lbnU6IElNZW51O1xyXG4gIEBJbnB1dCgpIGhvc3RFbDogYW55O1xyXG4gIEBPdXRwdXQoKSBvbkV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25LZXlVcEV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgY2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgLy8gQFZpZXdDaGlsZCgnbWVudScsIHtzdGF0aWM6IHRydWV9KSBtZW51O1xyXG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcclxuICApIHtcclxuICB9XHJcblxyXG4gIFxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzWydtZW51J10gJiYgY2hhbmdlc1snbWVudSddLmN1cnJlbnRWYWx1ZSkge1xyXG4gICAgICBjb25zb2xlLmxvZygnTWVudSBjb21wb25lbnQgZGV0ZWN0ZWQgY2hhbmdlczonLCBjaGFuZ2VzWydtZW51J10uY3VycmVudFZhbHVlKTtcclxuICAgICAgXHJcbiAgICAgIC8vIFJlc2V0IGFjdGl2ZSB0YWIgaW5kZXggaWYgdGFicyBoYXZlIGNoYW5nZWRcclxuICAgICAgaWYgKHRoaXMubWVudT8udGFicz8ubGVuZ3RoICYmIHRoaXMuYWN0aXZlVGFiSW5kZXggPj0gdGhpcy5tZW51LnRhYnMubGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IDA7XHJcbiAgICAgIH1cclxuICAgICAgXHJcbiAgICAgIC8vIFByZXZlbnQgdGhlIG1lbnUgZnJvbSBjbG9zaW5nIGJ5IHN0b3BwaW5nIHByb3BhZ2F0aW9uIG9mIGFueSBldmVudHNcclxuICAgICAgLy8gdGhhdCBtaWdodCB0cmlnZ2VyIG1lbnUgY2xvc2luZyBkdXJpbmcgdGhpcyB1cGRhdGUgY3ljbGVcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgLy8gVGhpcyBlbnN1cmVzIHRoZSBtZW51IHN0YXlzIG9wZW4gYWZ0ZXIgdGhlIGNoYW5nZSBkZXRlY3Rpb24gY3ljbGUgY29tcGxldGVzXHJcbiAgICAgICAgY29uc29sZS5sb2coJ01lbnUgdXBkYXRlIGNvbXBsZXRlLCBtZW51IHNob3VsZCByZW1haW4gb3BlbicpO1xyXG4gICAgICB9LCAwKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgfSBcclxuXHJcbiAgc2V0UG9zaXRpb24oKSB7XHJcbiAgICAvLyBjb25zdCBwb3NpdGlvbnM6IHsgW2tleTogc3RyaW5nXTogQ29ubmVjdGVkUG9zaXRpb24gfSA9IHtcclxuICAgIC8vICAgbGVmdDogeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAndG9wJyB9LFxyXG4gICAgLy8gICByaWdodDogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICd0b3AnIH0sXHJcbiAgICAvLyAgIHRvcDogeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnY2VudGVyJywgb3ZlcmxheVk6ICd0b3AnIH0sXHJcbiAgICAvLyAgIGJvdHRvbTogeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnY2VudGVyJywgb3ZlcmxheVk6ICdib3R0b20nIH1cclxuICAgIC8vIH07XHJcblxyXG4gICAgLy8gY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcclxuICAgIC8vIGNvbnN0IHVzZXJQcm9maWxlUG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChDYXJkQ29tcG9uZW50KTtcclxuICAgIC8vIGNvbnN0IGNvbXBSZWYgPSBvdmVybGF5UmVmLmF0dGFjaCh1c2VyUHJvZmlsZVBvcnRhbCk7XHJcbiAgICAvLyBjb21wUmVmLmluc3RhbmNlLnRpdGxlID0gJ25lZWQgbmR1ayByYSBiaGFpJ1xyXG4gICAgLy8gY29tcFJlZi5pbnN0YW5jZS5ib2R5ID0gJ3NvbWV0aW1lIGxpdHRsZSBiaXQgdGhpcyBzb21ldGltZXMgbGl0dGxlIGJpdCB0aGF0LiBDb21taW5nIG5vdCBjb21taW5nJ1xyXG4gICAgLy8gY29tcFJlZi5pbnN0YW5jZS5hdmF0YXIgPSAnLi4vYXNzZXRzL2F2YXRhci5zdmcnXHJcbiAgfVxyXG5cclxuICBpdGVtQ2xpY2tlZChldmVudCl7XHJcbiAgICB0aGlzLm9uTWVudUl0ZW1DbGljayhudWxsLGV2ZW50Lml0ZW0pXHJcbiAgfSBcclxuXHJcbiAgb25NZW51SXRlbUNsaWNrKGV2ZW50OiBhbnksIGl0ZW06IElNZW51SXRlbSl7XHJcbiAgICAvLyBpdGVtLmlzU2VsZWN0ZWQgPSAhaXRlbS5pc1NlbGVjdGVkO1xyXG4gICAgdGhpcy5vbkV2ZW50LmVtaXQoe3R5cGU6ICdDTElDSycsIGl0ZW0sIG1lbnU6IHRoaXMubWVudX0pO1xyXG4gICAgXHJcbiAgICAvLyBDbG9zZSB0aGUgbWVudSBhZnRlciB0aGUgaXRlbSBpcyBjbGlja2VkLCBqdXN0IGxpa2UgdGhlIGNsb3NlIGJ1dHRvblxyXG4gICAgaWYoaXRlbS5zdWJNZW51ID09PSBudWxsIHx8IGl0ZW0uc3ViTWVudSA9PT0gdW5kZWZpbmVkKXtcclxuICAgICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoZXZlbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25TZWFyY2goZXZlbnQ6IGFueSl7XHJcbiAgICB0aGlzLm9uRXZlbnQuZW1pdCh7dHlwZTogJ1NFQVJDSCcsIHZhbHVlOmV2ZW50LnRhcmdldC52YWx1ZX0pXHJcbiAgfVxyXG5cclxuICBhY3RpdmVUYWJJbmRleDogbnVtYmVyID0gMDsgLy8gVHJhY2sgdGhlIGFjdGl2ZSB0YWIgaW5kZXhcclxuXHJcbiAgc2V0QWN0aXZlVGFiKGluZGV4OiBudW1iZXIsdGFibmFtZSk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4OyAvLyBVcGRhdGUgdGhlIGFjdGl2ZSB0YWIgaW5kZXhcclxuICAgIHRoaXMub25FdmVudC5lbWl0KHt0eXBlOiAnVEFCX0NMSUNLJywgYWN0aXZlVGFiOnRhYm5hbWUsIG1lbnU6IHRoaXMubWVudX0pXHJcbiAgfVxyXG5cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNhLW1lbnVcIiBbbmdDbGFzc109XCJtZW51LnNob3dUcmF5ID8gJ3NhLW1lbnUtdHJheSBzYS1yb3VuZC1ib3JkZXInIDogJydcIlxyXG4gICAgW25nU3R5bGVdPVwie3dpZHRoOiBtZW51LndpZHRoIHx8ICdtYXgtY29udGVudCd9XCI+XHJcbiAgICBAaWYobWVudT8udGl0bGUpe1xyXG4gICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtdGl0bGVcIj5cclxuICAgICAgICA8aDE+e3ttZW51Py50aXRsZX19PC9oMT5cclxuICAgICAgICA8c2EtaWNvbiBbaWNvbl09XCInY2xvc2VPdXRsaW5lZCdcIiBbc2l6ZV09XCInMjAnXCIgY29sb3I9XCJ2YXIoLS1ncmV5LTIwMCwgI0QwRDVERClcIiBjbGFzcz1cInNhLW1lbnUtY2xvc2UtaWNvblwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJjbG9zZUV2ZW50LmVtaXQoJGV2ZW50KVwiPjwvc2EtaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG5cclxuICAgIDwhLS0gQGlmKG1lbnU/Lml0ZW1Hcm91cHMgJiYgbWVudS5pdGVtR3JvdXBzLmxlbmd0aCl7XHJcbiAgICAgICAgQGZvciAoZ3JvdXBJdGVtIG9mIG1lbnUuaXRlbUdyb3VwczsgdHJhY2sgZ3JvdXBJdGVtKSB7XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1tZW51LWdyb3VwXCI+XHJcbiAgICAgICAgICAgICAgICA8aDI+e3tncm91cEl0ZW0uZ3JvdXBUaXRsZX19PC9oMj5cclxuICAgICAgICBcclxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgZ3JvdXBJdGVtLml0ZW1zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgIDxzYS1tZW51LWl0ZW0gW2l0ZW1dPVwiaXRlbVwiIFtzaG93Um91bmRdPVwibWVudS5zaG93VHJheVwiIChjbGljayk9XCJvbk1lbnVJdGVtQ2xpY2soJGV2ZW50LCBpdGVtKVwiPjwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICB9IEBlbHNlIGlmKG1lbnU/Lml0ZW1zICYmIG1lbnUuaXRlbXMubGVuZ3RoKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2EtbWVudS1pdGVtc1wiPlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnUuaXRlbXM7IHRyYWNrIGl0ZW0pIHtcclxuICAgICAgICAgICAgICAgIDxzYS1tZW51LWl0ZW0gW2l0ZW1dPVwiaXRlbVwiIChjbGljayk9XCJvbk1lbnVJdGVtQ2xpY2soJGV2ZW50LCBpdGVtKVwiPjwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICB9IC0tPlxyXG5cclxuXHJcbiAgICA8IS0tIFRhYiBDb250ZW50IG9yIEl0ZW0gR3JvdXBzIC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYS1tZW51LWNvbnRlbnQtaW5uZXIge3ttZW51Py5zaG93U2VhcmNoID8gJ3NhLW1lbnUtY29udGVudC13aXRoLXNlYXJjaCcgOiAnJ319XCI+XHJcbiAgICAgICAgICAgIEBpZihtZW51Py5zaG93U2VhcmNoKXtcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNhLWljb24gaWNvbj1cInNlYXJjaFwiPjwvc2EtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbmFtZT1cIm1lbnUtc2VhcmNoLWJhclwiIGNsYXNzPVwic2VhcmNoLWlucHV0XCIgKGtleXVwKT1cIm9uU2VhcmNoKCRldmVudClcIiB0eXBlPVwidGV4dFwiIFtwbGFjZWhvbGRlcl09XCJtZW51LnNlYXJjaFBsYWNlaG9sZGVyXCIgIFxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIm1lbnU/LnNob3dBZGRJY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtcGx1c1wiPjwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgICAgICA8IS0tIFRhYnMgLS0+XHJcbiAgICAgICAgICAgIEBpZihtZW51Py50YWJzKXtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtdGFic1wiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgdGFiIG9mIG1lbnUudGFiczsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gYWN0aXZlVGFiSW5kZXhcIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXRBY3RpdmVUYWIoaSx0YWIubGFiZWwpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgdGFiLmxhYmVsIH19XHJcbiAgICAgICAgICAgICAgICAgICAgPCEtLSAoe3sgdGFiLml0ZW1Hcm91cHMubGVuZ3RoIH19KSAtLT5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8IS0tIFRhYnMgRW5kIC0tPlxyXG5cclxuICAgICAgICAgICAgQGlmKG1lbnU/LnRhYnM/Lmxlbmd0aCl7XHJcbiAgICAgICAgICAgIEBpZihtZW51Py5sb2FkaW5nICYmIG1lbnU/Lml0ZW1Hcm91cHNTa2VsZXRvbkNvbmZpZyAmJiAhbWVudS50YWJzW2FjdGl2ZVRhYkluZGV4XT8uaXRlbUdyb3Vwcz8ubGVuZ3RoKXtcclxuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWxvYWRlciBbY29uZmlnXT1cIm1lbnUuaXRlbUdyb3Vwc1NrZWxldG9uQ29uZmlnXCI+PC9zYS1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIH0gQGVsc2UgaWYobWVudS50YWJzW2FjdGl2ZVRhYkluZGV4XT8uaXRlbUdyb3Vwcz8ubGVuZ3RoKXtcclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZ3JvdXBJdGVtIG9mIG1lbnUudGFic1thY3RpdmVUYWJJbmRleF0uaXRlbUdyb3Vwc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtZ3JvdXBcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDI+e3tncm91cEl0ZW0uZ3JvdXBUaXRsZX19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdyb3VwSXRlbS5pdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2EtbWVudS1pdGVtIFtpdGVtXT1cIml0ZW1cIiBbc2hvd1JvdW5kXT1cIm1lbnUuc2hvd1RyYXlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uTWVudUl0ZW1DbGljaygkZXZlbnQsIGl0ZW0pXCI+PC9zYS1tZW51LWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSBAZWxzZSBpZihtZW51Py5sb2FkaW5nICYmIG1lbnU/Lml0ZW1Hcm91cHNTa2VsZXRvbkNvbmZpZyAmJiAhbWVudT8uaXRlbUdyb3Vwcz8ubGVuZ3RoKXtcclxuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWxvYWRlciBbY29uZmlnXT1cIm1lbnUuaXRlbUdyb3Vwc1NrZWxldG9uQ29uZmlnXCI+PC9zYS1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIH0gQGVsc2UgaWYobWVudT8uaXRlbUdyb3Vwcz8ubGVuZ3RoKXtcclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZ3JvdXBJdGVtIG9mIG1lbnUuaXRlbUdyb3Vwc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtZ3JvdXBcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDI+e3tncm91cEl0ZW0uZ3JvdXBUaXRsZX19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdyb3VwSXRlbS5pdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2EtbWVudS1pdGVtIFtpdGVtXT1cIml0ZW1cIiBbc2hvd1JvdW5kXT1cIm1lbnUuc2hvd1RyYXlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uTWVudUl0ZW1DbGljaygkZXZlbnQsIGl0ZW0pXCI+PC9zYS1tZW51LWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIEBpZihtZW51Py5pdGVtcyAmJiBtZW51Py5pdGVtcz8ubGVuZ3RoKXtcclxuICAgIDxkaXYgKm5nSWY9XCJtZW51Py51c2VyXCIgY2xhc3M9XCJwcm9maWxlLWJhZGdlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhclwiPlxyXG4gICAgICAgICAgICA8c2EtYXZhdGFyIFthbHRUZXh0XT1cIm1lbnU/LnVzZXI/LmFsdFRleHRcIiBbaW1hZ2VQYXRoXT1cIicnXCIgW3NpemVdPVwiJ2xhcmdlJ1wiPjwvc2EtYXZhdGFyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcm9maWxlLWluZm9cIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9maWxlLW5hbWVcIj57e21lbnU/LnVzZXI/Lm5hbWV9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9maWxlLWVtYWlsXCI+e3ttZW51Py51c2VyPy5lbWFpbH19PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2EtbWVudS1pdGVtc1wiPlxyXG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgbWVudS5pdGVtczsgdHJhY2sgaXRlbSkge1xyXG4gICAgICAgICAgICA8c2EtbWVudS1pdGVtIFtpdGVtXT1cIml0ZW1cIiAob25FdmVudCk9XCJpdGVtQ2xpY2tlZCgkZXZlbnQpXCI+IDwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBR04sWUFBWSxHQUtiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxPQUFPLEVBRVAsV0FBVyxHQUVaLE1BQU0sd0JBQXdCLENBQUM7QUFTaEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQWdDaEYsTUFBTSxPQUFPLGVBQWU7SUFTMUIsWUFDVSxPQUFnQjtRQUFoQixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBVGpCLGFBQVEsR0FBd0MsUUFBUSxDQUFDLENBQUMsbUJBQW1CO1FBRzVFLFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoRCxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FB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QUNQLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsT0FBTzt3QkFDUCxXQUFXO3dCQUNYLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsdUJBQXVCO3FCQUMxQixhQUNVLENBQUMsV0FBVyxDQUFDOzRFQWtCYixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBPbkNoYW5nZXMsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIFZpZXdDaGlsZCxcclxuICBmb3J3YXJkUmVmLFxyXG4gIFZpZXdDaGlsZHJlbixcclxuICBRdWVyeUxpc3QsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWF0TWVudSxcclxuICBNYXRNZW51RGVmYXVsdE9wdGlvbnMsXHJcbiAgTWF0TWVudUl0ZW0sXHJcbiAgTWF0TWVudVRyaWdnZXIsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7XHJcbiAgT3ZlcmxheSxcclxuICBQb3NpdGlvblN0cmF0ZWd5LFxyXG4gIENvbm5lY3RlZFBvc2l0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkL2NhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZSc7XHJcbmltcG9ydCB7IFNBTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUtbGlzdC9tZW51LWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgSU1lbnUsIElNZW51SXRlbSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbWVudS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnR9IGZyb20gJy4uL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XHJcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2tlbGV0b24vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2EtbWVudScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTQU1lbnVJdGVtQ29tcG9uZW50LFxyXG4gICAgTWF0TWVudSxcclxuICAgIE1hdE1lbnVJdGVtLFxyXG4gICAgQ2hpcHNDb21wb25lbnQsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgSWNvbkNvbXBvbmVudCxcclxuICAgIEF2YXRhckNvbXBvbmVudCxcclxuICAgIFNrZWxldG9uTG9hZGVyQ29tcG9uZW50LFxyXG5dLFxyXG5wcm92aWRlcnM6IFtJY29uU2VydmljZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5jc3MnLFxyXG4gIC8vIGFuaW1hdGlvbnM6IFtcclxuICAvLyAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgLy8gICAgIHN0YXRlKCdpbicsIHN0eWxlKHtcclxuICAvLyAgICAgICB3aWR0aDogJycsIC8vIFdoZW4gZXhwYW5kZWQgKGZ1bGx5IHNob3duKVxyXG4gIC8vICAgICB9KSksXHJcbiAgLy8gICAgIHN0YXRlKCdvdXQnLCBzdHlsZSh7XHJcbiAgLy8gICAgICAgd2lkdGg6ICcwJywgLy8gV2hlbiBjb2xsYXBzZWQgKGhpZGRlbilcclxuICAvLyAgICAgfSkpLFxyXG4gIC8vICAgICB0cmFuc2l0aW9uKCdpbiA8PT4gb3V0JywgW1xyXG4gIC8vICAgICAgIGFuaW1hdGUoJzAuMnMgZWFzZS1pbi1vdXQnKSwgLy8gQW5pbWF0aW9uIHNwZWVkIGFuZCBlYXNpbmdcclxuICAvLyAgICAgXSlcclxuICAvLyAgIF0pXHJcbiAgLy8gXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0FNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBwb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICd0b3AnIHwgJ2JvdHRvbScgPSAnYm90dG9tJzsgLy8gRGVmYXVsdCBwb3NpdGlvblxyXG4gIEBJbnB1dCgpIG1lbnU6IElNZW51O1xyXG4gIEBJbnB1dCgpIGhvc3RFbDogYW55O1xyXG4gIEBPdXRwdXQoKSBvbkV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25LZXlVcEV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgY2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgLy8gQFZpZXdDaGlsZCgnbWVudScsIHtzdGF0aWM6IHRydWV9KSBtZW51O1xyXG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcclxuICApIHtcclxuICB9XHJcblxyXG4gIFxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzWydtZW51J10gJiYgY2hhbmdlc1snbWVudSddLmN1cnJlbnRWYWx1ZSkge1xyXG4gICAgICBjb25zb2xlLmxvZygnTWVudSBjb21wb25lbnQgZGV0ZWN0ZWQgY2hhbmdlczonLCBjaGFuZ2VzWydtZW51J10uY3VycmVudFZhbHVlKTtcclxuICAgICAgXHJcbiAgICAgIC8vIFJlc2V0IGFjdGl2ZSB0YWIgaW5kZXggaWYgdGFicyBoYXZlIGNoYW5nZWRcclxuICAgICAgaWYgKHRoaXMubWVudT8udGFicz8ubGVuZ3RoICYmIHRoaXMuYWN0aXZlVGFiSW5kZXggPj0gdGhpcy5tZW51LnRhYnMubGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IDA7XHJcbiAgICAgIH1cclxuICAgICAgXHJcbiAgICAgIC8vIFByZXZlbnQgdGhlIG1lbnUgZnJvbSBjbG9zaW5nIGJ5IHN0b3BwaW5nIHByb3BhZ2F0aW9uIG9mIGFueSBldmVudHNcclxuICAgICAgLy8gdGhhdCBtaWdodCB0cmlnZ2VyIG1lbnUgY2xvc2luZyBkdXJpbmcgdGhpcyB1cGRhdGUgY3ljbGVcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgLy8gVGhpcyBlbnN1cmVzIHRoZSBtZW51IHN0YXlzIG9wZW4gYWZ0ZXIgdGhlIGNoYW5nZSBkZXRlY3Rpb24gY3ljbGUgY29tcGxldGVzXHJcbiAgICAgICAgY29uc29sZS5sb2coJ01lbnUgdXBkYXRlIGNvbXBsZXRlLCBtZW51IHNob3VsZCByZW1haW4gb3BlbicpO1xyXG4gICAgICB9LCAwKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgfSBcclxuXHJcbiAgc2V0UG9zaXRpb24oKSB7XHJcbiAgICAvLyBjb25zdCBwb3NpdGlvbnM6IHsgW2tleTogc3RyaW5nXTogQ29ubmVjdGVkUG9zaXRpb24gfSA9IHtcclxuICAgIC8vICAgbGVmdDogeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAndG9wJyB9LFxyXG4gICAgLy8gICByaWdodDogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICd0b3AnIH0sXHJcbiAgICAvLyAgIHRvcDogeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnY2VudGVyJywgb3ZlcmxheVk6ICd0b3AnIH0sXHJcbiAgICAvLyAgIGJvdHRvbTogeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnY2VudGVyJywgb3ZlcmxheVk6ICdib3R0b20nIH1cclxuICAgIC8vIH07XHJcblxyXG4gICAgLy8gY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcclxuICAgIC8vIGNvbnN0IHVzZXJQcm9maWxlUG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChDYXJkQ29tcG9uZW50KTtcclxuICAgIC8vIGNvbnN0IGNvbXBSZWYgPSBvdmVybGF5UmVmLmF0dGFjaCh1c2VyUHJvZmlsZVBvcnRhbCk7XHJcbiAgICAvLyBjb21wUmVmLmluc3RhbmNlLnRpdGxlID0gJ25lZWQgbmR1ayByYSBiaGFpJ1xyXG4gICAgLy8gY29tcFJlZi5pbnN0YW5jZS5ib2R5ID0gJ3NvbWV0aW1lIGxpdHRsZSBiaXQgdGhpcyBzb21ldGltZXMgbGl0dGxlIGJpdCB0aGF0LiBDb21taW5nIG5vdCBjb21taW5nJ1xyXG4gICAgLy8gY29tcFJlZi5pbnN0YW5jZS5hdmF0YXIgPSAnLi4vYXNzZXRzL2F2YXRhci5zdmcnXHJcbiAgfVxyXG5cclxuICBpdGVtQ2xpY2tlZChldmVudCl7XHJcbiAgICB0aGlzLm9uTWVudUl0ZW1DbGljayhudWxsLGV2ZW50Lml0ZW0pXHJcbiAgfSBcclxuXHJcbiAgb25NZW51SXRlbUNsaWNrKGV2ZW50OiBhbnksIGl0ZW06IElNZW51SXRlbSl7XHJcbiAgICAvLyBpdGVtLmlzU2VsZWN0ZWQgPSAhaXRlbS5pc1NlbGVjdGVkO1xyXG4gICAgdGhpcy5vbkV2ZW50LmVtaXQoe3R5cGU6ICdDTElDSycsIGl0ZW0sIG1lbnU6IHRoaXMubWVudX0pO1xyXG4gICAgXHJcbiAgICAvLyBDbG9zZSB0aGUgbWVudSBhZnRlciB0aGUgaXRlbSBpcyBjbGlja2VkLCBqdXN0IGxpa2UgdGhlIGNsb3NlIGJ1dHRvblxyXG4gICAgaWYoaXRlbS5zdWJNZW51ID09PSBudWxsIHx8IGl0ZW0uc3ViTWVudSA9PT0gdW5kZWZpbmVkKXtcclxuICAgICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoZXZlbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25TZWFyY2goZXZlbnQ6IGFueSl7XHJcbiAgICB0aGlzLm9uRXZlbnQuZW1pdCh7dHlwZTogJ1NFQVJDSCcsIHZhbHVlOmV2ZW50LnRhcmdldC52YWx1ZX0pXHJcbiAgfVxyXG5cclxuICBhY3RpdmVUYWJJbmRleDogbnVtYmVyID0gMDsgLy8gVHJhY2sgdGhlIGFjdGl2ZSB0YWIgaW5kZXhcclxuXHJcbiAgc2V0QWN0aXZlVGFiKGluZGV4OiBudW1iZXIsdGFibmFtZSk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4OyAvLyBVcGRhdGUgdGhlIGFjdGl2ZSB0YWIgaW5kZXhcclxuICAgIHRoaXMub25FdmVudC5lbWl0KHt0eXBlOiAnVEFCX0NMSUNLJywgYWN0aXZlVGFiOnRhYm5hbWUsIG1lbnU6IHRoaXMubWVudX0pXHJcbiAgfVxyXG5cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNhLW1lbnVcIiBbbmdDbGFzc109XCJtZW51LnNob3dUcmF5ID8gJ3NhLW1lbnUtdHJheSBzYS1yb3VuZC1ib3JkZXInIDogJydcIlxyXG4gICAgW25nU3R5bGVdPVwie3dpZHRoOiBtZW51LndpZHRoIHx8ICdtYXgtY29udGVudCd9XCI+XHJcbiAgICBAaWYobWVudT8udGl0bGUpe1xyXG4gICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtdGl0bGVcIj5cclxuICAgICAgICA8aDE+e3ttZW51Py50aXRsZX19PC9oMT5cclxuICAgICAgICA8c2EtaWNvbiBbaWNvbl09XCInY2xvc2VPdXRsaW5lZCdcIiBbc2l6ZV09XCInMjAnXCIgY29sb3I9XCJ2YXIoLS1ncmV5LTIwMCwgI0QwRDVERClcIiBjbGFzcz1cInNhLW1lbnUtY2xvc2UtaWNvblwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJjbG9zZUV2ZW50LmVtaXQoJGV2ZW50KVwiPjwvc2EtaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG5cclxuICAgIDwhLS0gQGlmKG1lbnU/Lml0ZW1Hcm91cHMgJiYgbWVudS5pdGVtR3JvdXBzLmxlbmd0aCl7XHJcbiAgICAgICAgQGZvciAoZ3JvdXBJdGVtIG9mIG1lbnUuaXRlbUdyb3VwczsgdHJhY2sgZ3JvdXBJdGVtKSB7XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1tZW51LWdyb3VwXCI+XHJcbiAgICAgICAgICAgICAgICA8aDI+e3tncm91cEl0ZW0uZ3JvdXBUaXRsZX19PC9oMj5cclxuICAgICAgICBcclxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgZ3JvdXBJdGVtLml0ZW1zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgIDxzYS1tZW51LWl0ZW0gW2l0ZW1dPVwiaXRlbVwiIFtzaG93Um91bmRdPVwibWVudS5zaG93VHJheVwiIChjbGljayk9XCJvbk1lbnVJdGVtQ2xpY2soJGV2ZW50LCBpdGVtKVwiPjwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICB9IEBlbHNlIGlmKG1lbnU/Lml0ZW1zICYmIG1lbnUuaXRlbXMubGVuZ3RoKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2EtbWVudS1pdGVtc1wiPlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnUuaXRlbXM7IHRyYWNrIGl0ZW0pIHtcclxuICAgICAgICAgICAgICAgIDxzYS1tZW51LWl0ZW0gW2l0ZW1dPVwiaXRlbVwiIChjbGljayk9XCJvbk1lbnVJdGVtQ2xpY2soJGV2ZW50LCBpdGVtKVwiPjwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICB9IC0tPlxyXG5cclxuXHJcbiAgICA8IS0tIFRhYiBDb250ZW50IG9yIEl0ZW0gR3JvdXBzIC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYS1tZW51LWNvbnRlbnQtaW5uZXIge3ttZW51Py5zaG93U2VhcmNoID8gJ3NhLW1lbnUtY29udGVudC13aXRoLXNlYXJjaCcgOiAnJ319XCI+XHJcbiAgICAgICAgICAgIEBpZihtZW51Py5zaG93U2VhcmNoKXtcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNhLWljb24gaWNvbj1cInNlYXJjaFwiPjwvc2EtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbmFtZT1cIm1lbnUtc2VhcmNoLWJhclwiIGNsYXNzPVwic2VhcmNoLWlucHV0XCIgKGtleXVwKT1cIm9uU2VhcmNoKCRldmVudClcIiB0eXBlPVwidGV4dFwiIFtwbGFjZWhvbGRlcl09XCJtZW51LnNlYXJjaFBsYWNlaG9sZGVyXCIgIFxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIm1lbnU/LnNob3dBZGRJY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtcGx1c1wiPjwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIFxyXG4gICAgICAgICAgICA8IS0tIFRhYnMgLS0+XHJcbiAgICAgICAgICAgIEBpZihtZW51Py50YWJzKXtcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtdGFic1wiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgdGFiIG9mIG1lbnUudGFiczsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gYWN0aXZlVGFiSW5kZXhcIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXRBY3RpdmVUYWIoaSx0YWIubGFiZWwpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgdGFiLmxhYmVsIH19XHJcbiAgICAgICAgICAgICAgICAgICAgPCEtLSAoe3sgdGFiLml0ZW1Hcm91cHMubGVuZ3RoIH19KSAtLT5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8IS0tIFRhYnMgRW5kIC0tPlxyXG5cclxuICAgICAgICAgICAgQGlmKG1lbnU/LnRhYnM/Lmxlbmd0aCl7XHJcbiAgICAgICAgICAgIEBpZihtZW51LnRhYnNbYWN0aXZlVGFiSW5kZXhdPy5pdGVtR3JvdXBzPy5sZW5ndGgpe1xyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBncm91cEl0ZW0gb2YgbWVudS50YWJzW2FjdGl2ZVRhYkluZGV4XS5pdGVtR3JvdXBzXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2EtbWVudS1ncm91cFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMj57e2dyb3VwSXRlbS5ncm91cFRpdGxlfX08L2gyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ3JvdXBJdGVtLml0ZW1zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1tZW51LWl0ZW0gW2l0ZW1dPVwiaXRlbVwiIFtzaG93Um91bmRdPVwibWVudS5zaG93VHJheVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25NZW51SXRlbUNsaWNrKCRldmVudCwgaXRlbSlcIj48L3NhLW1lbnUtaXRlbT5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9IEBlbHNlIGlmKG1lbnU/LmxvYWRpbmcgJiYgbWVudT8uaXRlbUdyb3Vwc1NrZWxldG9uQ29uZmlnKXtcclxuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWxvYWRlciBbY29uZmlnXT1cIm1lbnUuaXRlbUdyb3Vwc1NrZWxldG9uQ29uZmlnXCI+PC9zYS1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgICAgIH0gQGVsc2UgaWYobWVudT8uaXRlbUdyb3Vwcz8ubGVuZ3RoKXtcclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZ3JvdXBJdGVtIG9mIG1lbnUuaXRlbUdyb3Vwc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNhLW1lbnUtZ3JvdXBcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDI+e3tncm91cEl0ZW0uZ3JvdXBUaXRsZX19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGdyb3VwSXRlbS5pdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2EtbWVudS1pdGVtIFtpdGVtXT1cIml0ZW1cIiBbc2hvd1JvdW5kXT1cIm1lbnUuc2hvd1RyYXlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uTWVudUl0ZW1DbGljaygkZXZlbnQsIGl0ZW0pXCI+PC9zYS1tZW51LWl0ZW0+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIEBpZihtZW51Py5pdGVtcyAmJiBtZW51Py5pdGVtcz8ubGVuZ3RoKXtcclxuICAgIDxkaXYgKm5nSWY9XCJtZW51Py51c2VyXCIgY2xhc3M9XCJwcm9maWxlLWJhZGdlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhclwiPlxyXG4gICAgICAgICAgICA8c2EtYXZhdGFyIFthbHRUZXh0XT1cIm1lbnU/LnVzZXI/LmFsdFRleHRcIiBbaW1hZ2VQYXRoXT1cIicnXCIgW3NpemVdPVwiJ2xhcmdlJ1wiPjwvc2EtYXZhdGFyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcm9maWxlLWluZm9cIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9maWxlLW5hbWVcIj57e21lbnU/LnVzZXI/Lm5hbWV9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9maWxlLWVtYWlsXCI+e3ttZW51Py51c2VyPy5lbWFpbH19PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2EtbWVudS1pdGVtc1wiPlxyXG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgbWVudS5pdGVtczsgdHJhY2sgaXRlbSkge1xyXG4gICAgICAgICAgICA8c2EtbWVudS1pdGVtIFtpdGVtXT1cIml0ZW1cIiAob25FdmVudCk9XCJpdGVtQ2xpY2tlZCgkZXZlbnQpXCI+IDwvc2EtbWVudS1pdGVtPlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG5cclxuPC9kaXY+Il19

package/fesm2022/sarasanalytics-com-design-system.mjs

@@ -4438,7 +4438,7 @@ class SAMenuComponent {
         this.onEvent.emit({ type: 'TAB_CLICK', activeTab: tabname, menu: this.menu });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuComponent, deps: [{ token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuComponent, isStandalone: true, selector: "sa-menu", inputs: { position: "position", menu: "menu", hostEl: "hostEl" }, outputs: { onEvent: "onEvent", onKeyUpEvent: "onKeyUpEvent", closeEvent: "closeEvent" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SAMenuItemComponent, selector: "sa-menu-item", inputs: ["item", "showRound"], outputs: ["onEvent"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "component", type: AvatarComponent, selector: "sa-avatar", inputs: ["id", "imagePath", "altText", "size"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "component", type: SkeletonLoaderComponent, selector: "sa-skeleton-loader", inputs: ["preset", "config", "darkMode"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuComponent, isStandalone: true, selector: "sa-menu", inputs: { position: "position", menu: "menu", hostEl: "hostEl" }, outputs: { onEvent: "onEvent", onKeyUpEvent: "onKeyUpEvent", closeEvent: "closeEvent" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SAMenuItemComponent, selector: "sa-menu-item", inputs: ["item", "showRound"], outputs: ["onEvent"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "component", type: AvatarComponent, selector: "sa-avatar", inputs: ["id", "imagePath", "altText", "size"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "component", type: SkeletonLoaderComponent, selector: "sa-skeleton-loader", inputs: ["preset", "config", "darkMode"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuComponent, decorators: [{
             type: Component,
@@ -4452,7 +4452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         IconComponent,
                         AvatarComponent,
                         SkeletonLoaderComponent,
-                    ], providers: [IconService], template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig && !menu?.itemGroups?.length){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"] }]
+                    ], providers: [IconService], template: "<div class=\"sa-menu\" [ngClass]=\"menu.showTray ? 'sa-menu-tray sa-round-border' : ''\"\r\n    [ngStyle]=\"{width: menu.width || 'max-content'}\">\r\n    @if(menu?.title){\r\n    <div class=\"sa-menu-title\">\r\n        <h1>{{menu?.title}}</h1>\r\n        <sa-icon [icon]=\"'closeOutlined'\" [size]=\"'20'\" color=\"var(--grey-200, #D0D5DD)\" class=\"sa-menu-close-icon\"\r\n            (click)=\"closeEvent.emit($event)\"></sa-icon>\r\n    </div>\r\n    }\r\n\r\n    <!-- @if(menu?.itemGroups && menu.itemGroups.length){\r\n        @for (groupItem of menu.itemGroups; track groupItem) {\r\n            <div class=\"sa-menu-group\">\r\n                <h2>{{groupItem.groupTitle}}</h2>\r\n        \r\n                @for (item of groupItem.items; track $index) {\r\n                <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                }\r\n            </div>\r\n        }\r\n    } @else if(menu?.items && menu.items.length){\r\n        <div class=\"sa-menu-items\">\r\n            @for (item of menu.items; track item) {\r\n                <sa-menu-item [item]=\"item\" (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n            }\r\n        </div>\r\n    } -->\r\n\r\n\r\n    <!-- Tab Content or Item Groups -->\r\n    <div class=\"sa-menu-content\">\r\n        <div class=\"sa-menu-content-inner {{menu?.showSearch ? 'sa-menu-content-with-search' : ''}}\">\r\n            @if(menu?.showSearch){\r\n                <div class=\"search-container\">\r\n                    <sa-icon icon=\"search\"></sa-icon>\r\n                    <input name=\"menu-search-bar\" class=\"search-input\" (keyup)=\"onSearch($event)\" type=\"text\" [placeholder]=\"menu.searchPlaceholder\"  \r\n                    />\r\n                    <button *ngIf=\"menu?.showAddIcon\"><i class=\"fas fa-plus\"></i></button>\r\n                </div>\r\n            }\r\n            \r\n            <!-- Tabs -->\r\n            @if(menu?.tabs){\r\n            <div class=\"sa-menu-tabs\">\r\n                <button *ngFor=\"let tab of menu.tabs; let i = index\" [class.active]=\"i === activeTabIndex\"\r\n                    (click)=\"setActiveTab(i,tab.label)\">\r\n                    {{ tab.label }}\r\n                    <!-- ({{ tab.itemGroups.length }}) -->\r\n                </button>\r\n            </div>\r\n            }\r\n            <!-- Tabs End -->\r\n\r\n            @if(menu?.tabs?.length){\r\n            @if(menu.tabs[activeTabIndex]?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.tabs[activeTabIndex].itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n            } @else if(menu?.loading && menu?.itemGroupsSkeletonConfig){\r\n            <sa-skeleton-loader [config]=\"menu.itemGroupsSkeletonConfig\"></sa-skeleton-loader>\r\n            } @else if(menu?.itemGroups?.length){\r\n            <ng-container *ngFor=\"let groupItem of menu.itemGroups\">\r\n                <div class=\"sa-menu-group\">\r\n                    <h2>{{groupItem.groupTitle}}</h2>\r\n                    <ng-container *ngFor=\"let item of groupItem.items\">\r\n                        <sa-menu-item [item]=\"item\" [showRound]=\"menu.showTray\"\r\n                            (click)=\"onMenuItemClick($event, item)\"></sa-menu-item>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    @if(menu?.items && menu?.items?.length){\r\n    <div *ngIf=\"menu?.user\" class=\"profile-badge\">\r\n        <div class=\"avatar\">\r\n            <sa-avatar [altText]=\"menu?.user?.altText\" [imagePath]=\"''\" [size]=\"'large'\"></sa-avatar>\r\n        </div>\r\n        <div class=\"profile-info\">\r\n            <p class=\"profile-name\">{{menu?.user?.name}}</p>\r\n            <p class=\"profile-email\">{{menu?.user?.email}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"sa-menu-items\">\r\n        @for (item of menu.items; track item) {\r\n            <sa-menu-item [item]=\"item\" (onEvent)=\"itemClicked($event)\"> </sa-menu-item>\r\n        }\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".sa-menu{background-color:var(--primary-800);box-shadow:3px 4px 16px 4px #00000014;width:max-content;border-radius:5px;overflow-y:auto;max-height:100%}.sa-round-border{border-radius:8px}.sa-menu-tray{height:calc(100vh - 16px);margin-top:8px;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--grey-700, #1D2939);padding:0 1rem 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sa-menu-tray::-webkit-scrollbar{width:6px}.sa-menu-tray::-webkit-scrollbar-track{background:transparent}.sa-menu-tray::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}sa-menu-item{cursor:pointer;display:block;color:var(--grey-100, #EAECF0)}.sa-menu-title{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:1rem 0 .5rem;height:64px;width:calc(100% - 2rem);border-bottom:1px solid var(--primary-50, #F4EBFF);background:var(--grey-700, #1D2939);z-index:1}.sa-menu-title h1{color:var(--grey-100, #EAECF0);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;margin-bottom:0;margin-top:0}.sa-menu-close-icon{cursor:pointer;margin-left:auto;height:20px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:1rem;margin-top:4.75rem}.search-container input{flex:1;padding:.5rem .5rem .5rem 2rem;background-color:#4a5568;border-radius:.25rem;font-size:.875rem;border:none;outline:none;border-radius:4px;color:var(--grey-200, #D0D5DD);border:1px solid var(--grey-900, #0C111D);background:var(--grey-900, #0C111D);box-sizing:border-box}.search-container .search-icon{position:absolute;left:.5rem;font-size:1rem;color:#888;pointer-events:none}.search-container button{margin-left:.5rem;background-color:#6b46c1;padding:.5rem;border-radius:.25rem;border:none;cursor:pointer}.sa-menu-group{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--grey-400, #475467)}.sa-menu-group:last-child{border-bottom:none}.sa-menu-group h2{color:var(--grey-300, #D0D5DD);font-family:var(--font-family, Roboto);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem}.MenuBar{width:max-content;margin-top:8px;background-color:var(--grey-400);border-top-left-radius:0;border-bottom-left-radius:0;background-color:#2d3748;padding:0}.sa-menu-tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.sa-menu-tabs button{flex:1;padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#888;border-bottom:2px solid transparent;transition:all .5s ease}.sa-menu-tabs button.active{color:#f7f3f3;border-bottom:2px solid #f7f7f7;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px}.sa-menu-content{padding:0rem 0}.sa-menu-content-inner{padding-top:0}.sa-menu-content .sa-menu-content-with-search,.sa-menu-content-with-search.sa-menu-content-inner{padding:0}.features-tray-menu .sa-menu-content-inner{padding-top:5rem}.features-tray-menu .sa-menu-content-with-search.sa-menu-content-inner{padding-top:0}.sa-menu-group h2{margin-top:1rem}.sa-menu-group:first-child h2{margin-top:0}.sa-menu-group{margin-bottom:1rem}.profile-badge{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-bottom:1px solid var(--grey-400)}.avatar{display:flex;justify-content:center;align-items:center}.profile-info{display:flex;flex-direction:column;justify-content:center;font-weight:300}.profile-name{color:var(--structural-white);font-weight:500;font-size:12px;line-height:1.2;margin:0}.profile-email{color:var(--grey-200);font-size:11px;line-height:1.2;font-weight:400;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.Overlay }], propDecorators: { position: [{
                 type: Input
             }], menu: [{