@sarasanalytics-com/design-system 0.0.124 → 0.0.126

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
1
  export var ILeftNavTypes;
2
2
  (function (ILeftNavTypes) {
3
3
  })(ILeftNavTypes || (ILeftNavTypes = {}));
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVmdC1uYXYtaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2ludGVyZmFjZXMvbGVmdC1uYXYtaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDRSxNQUFNLENBQU4sSUFBWSxhQUVYO0FBRkQsV0FBWSxhQUFhO0FBRXpCLENBQUMsRUFGVyxhQUFhLEtBQWIsYUFBYSxRQUV4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElNZW51IH0gZnJvbSBcIi4vbWVudS5pbnRlcmZhY2VcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdiB7XG4gICAgbG9nbz86IElMZWZ0TmF2TG9nbztcbiAgICBpdGVtcz86IElMZWZ0TmF2SXRlbVtdO1xuICAgIHRlbXBsYXRlSXRlbXM/OiBJVGVtcGxhdGVJdGVtW107XG4gICAgZm9vdGVySXRlbXM/OiBJTGVmdE5hdkl0ZW1bXTtcbiAgfVxuXG4gIGV4cG9ydCBpbnRlcmZhY2UgSUxlZnROYXZMb2dvIGV4dGVuZHMgSUxlZnROYXZJdGVtIHtcbiAgICBcbiAgfVxuICBcbiAgZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdkl0ZW0ge1xuICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgLy8gaWNvbl91cmw/OiBzdHJpbmcsXG4gICAgaWNvbj86IHN0cmluZyxcbiAgICBpY29uU2l6ZT86IHN0cmluZyxcbiAgICBjb2xvcj86IHN0cmluZyxcbiAgICBkaXNhYmxlPzogYm9vbGVhbixcbiAgICB0b29sdGlwPzogc3RyaW5nLFxuICAgIHJlbGF0aXZlUGF0aD86IGJvb2xlYW4sXG4gICAgcGF0aD86IHN0cmluZyxcbiAgICBhY3RpdmU/OiBib29sZWFuLFxuICAgIHR5cGU/OiAnSUNPTicgfCAnQVZBVEFSJztcbiAgICBtZW51PzogSU1lbnU7XG4gICAgYWx0VGV4dD86IHN0cmluZyxcbiAgICBzaG93U2VhcmNoPzogYm9vbGVhbixcbiAgICBpY29uTGFiZWw/OiBzdHJpbmcsXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICB9XG4gIFxuICBleHBvcnQgaW50ZXJmYWNlIElMZWZ0TmF2Q2xpY2tFdmVudCB7XG4gICAgdHlwZTogJ05BVl9JVEVNX0NMSUNLJyB8ICdGT09URVJfSVRFTV9DTElDSycgfCAnTE9HT19DTElDSycgfCAnVEVNUExBVEVfSVRFTV9DTElDSycgfCAnQ0xJQ0snO1xuICAgIGV2ZW50OiBhbnksXG4gICAgaXRlbTogSUxlZnROYXZJdGVtXG4gIH1cbiAgZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdkJsdXJFdmVudCB7XG4gICAgdHlwZTogJ05BVl9JVEVNX0hPVkVSJyB8ICdGT09URVJfSVRFTV9IT1ZFUicgfCAnTE9HT19IT1ZFUic7XG4gICAgZXZlbnQ6IGFueSxcbiAgICBpdGVtOiBJTGVmdE5hdkl0ZW1cbiAgfVxuICBcbiAgZXhwb3J0IGVudW0gSUxlZnROYXZUeXBlcyB7XG4gIFxuICB9XG5cbiAgZXhwb3J0IGludGVyZmFjZSBJVGVtcGxhdGVJdGVtIGV4dGVuZHMgSUxlZnROYXZJdGVtIHtcbiAgICBpY29uU2l6ZT86IHN0cmluZztcbiAgICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIH0iXX0=
4
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVmdC1uYXYtaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2ludGVyZmFjZXMvbGVmdC1uYXYtaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDRSxNQUFNLENBQU4sSUFBWSxhQUVYO0FBRkQsV0FBWSxhQUFhO0FBRXpCLENBQUMsRUFGVyxhQUFhLEtBQWIsYUFBYSxRQUV4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElNZW51IH0gZnJvbSBcIi4vbWVudS5pbnRlcmZhY2VcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdiB7XG4gICAgbG9nbz86IElMZWZ0TmF2TG9nbztcbiAgICBpdGVtcz86IElMZWZ0TmF2SXRlbVtdO1xuICAgIHRlbXBsYXRlSXRlbXM/OiBJVGVtcGxhdGVJdGVtW107XG4gICAgZm9vdGVySXRlbXM/OiBJTGVmdE5hdkl0ZW1bXTtcbiAgfVxuXG4gIGV4cG9ydCBpbnRlcmZhY2UgSUxlZnROYXZMb2dvIGV4dGVuZHMgSUxlZnROYXZJdGVtIHtcbiAgICBcbiAgfVxuICBcbiAgZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdkl0ZW0ge1xuICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgLy8gaWNvbl91cmw/OiBzdHJpbmcsXG4gICAgaWNvbj86IHN0cmluZyxcbiAgICBpY29uU2l6ZT86IHN0cmluZyxcbiAgICBjb2xvcj86IHN0cmluZyxcbiAgICBkaXNhYmxlPzogYm9vbGVhbixcbiAgICB0b29sdGlwPzogc3RyaW5nLFxuICAgIHJlbGF0aXZlUGF0aD86IGJvb2xlYW4sXG4gICAgcGF0aD86IHN0cmluZyxcbiAgICBhY3RpdmU/OiBib29sZWFuLFxuICAgIHR5cGU/OiAnSUNPTicgfCAnQVZBVEFSJztcbiAgICBtZW51PzogSU1lbnU7XG4gICAgYWx0VGV4dD86IHN0cmluZyxcbiAgICBzaG93U2VhcmNoPzogYm9vbGVhbixcbiAgICBpY29uTGFiZWw/OiBzdHJpbmcsXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGl0ZW1UeXBlPzogc3RyaW5nO1xuICAgIFtrZXk6IHN0cmluZ106IGFueTtcbiAgfVxuICBcbiAgZXhwb3J0IGludGVyZmFjZSBJTGVmdE5hdkNsaWNrRXZlbnQge1xuICAgIHR5cGU6ICdOQVZfSVRFTV9DTElDSycgfCAnRk9PVEVSX0lURU1fQ0xJQ0snIHwgJ0xPR09fQ0xJQ0snIHwgJ1RFTVBMQVRFX0lURU1fQ0xJQ0snIHwgJ0NMSUNLJztcbiAgICBldmVudDogYW55LFxuICAgIGl0ZW06IElMZWZ0TmF2SXRlbVxuICB9XG4gIGV4cG9ydCBpbnRlcmZhY2UgSUxlZnROYXZCbHVyRXZlbnQge1xuICAgIHR5cGU6ICdOQVZfSVRFTV9IT1ZFUicgfCAnRk9PVEVSX0lURU1fSE9WRVInIHwgJ0xPR09fSE9WRVInO1xuICAgIGV2ZW50OiBhbnksXG4gICAgaXRlbTogSUxlZnROYXZJdGVtXG4gIH1cbiAgXG4gIGV4cG9ydCBlbnVtIElMZWZ0TmF2VHlwZXMge1xuICBcbiAgfVxuXG4gIGV4cG9ydCBpbnRlcmZhY2UgSVRlbXBsYXRlSXRlbSBleHRlbmRzIElMZWZ0TmF2SXRlbSB7XG4gICAgaWNvblNpemU/OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuICB9Il19
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9tZW51LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29ubmVjdGVkUG9zaXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcbmltcG9ydCB7IHNhSWNvbiB9IGZyb20gXCIuL2ljb24taW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBJQ2hpcCB9IGZyb20gXCIuLi9saWIvY2hpcHMvY2hpcHMuY29tcG9uZW50XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1lbnUge1xuICAgIHdpZHRoPzogc3RyaW5nO1xuICAgIHRpdGxlPzogc3RyaW5nO1xuICAgIHNob3dUcmF5PzogYm9vbGVhbjtcbiAgICBpdGVtcz86IElNZW51SXRlbVtdO1xuICAgIHNob3dTZWFyY2g/OiBib29sZWFuO1xuICAgIHNob3dBZGRJY29uPzogYm9vbGVhbjtcbiAgICBzZWFyY2hQbGFjZWhvbGRlcj86IHN0cmluZztcbiAgICB0YWJzPzogbWVudWVUYWJzW107XG4gICAgaXRlbUdyb3Vwcz86IElNZW51R3JvdXBbXTtcbiAgICBvdmVybGF5Q29uZmlnPzoge1xuICAgICAgICBvZmZzZXRYPzogbnVtYmVyLFxuICAgICAgICBvZmZzZXRZPzogbnVtYmVyXG4gICAgfVxufVxuXG5leHBvcnQgaW50ZXJmYWNlIG1lbnVlVGFicyB7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgc3RhdHVzPzogJ2FjdGl2ZScgfCAnaW5hY3RpdmUnIHwgJ2Rpc2FibGVkJztcbiAgICBpdGVtR3JvdXBzPzogSU1lbnVHcm91cFtdO1xufVxuZXhwb3J0IGludGVyZmFjZSBJTWVudUl0ZW0ge1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICAgIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIGlkPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHN0YXR1cz86ICdhY3RpdmUnIHwgJ2luYWN0aXZlJyB8ICdkaXNhYmxlZCc7XG4gICAgY2hpcHM/OiBBcnJheTxJQ2hpcD47XG4gICAgaWNvbj86IHNhSWNvbjtcbiAgICBba2V5OiBzdHJpbmddOiBhbnk7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1lbnVHcm91cCB7XG4gICAgZ3JvdXBUaXRsZT86IHN0cmluZztcbiAgICBpdGVtcz86IElNZW51SXRlbVtdO1xufVxuXG5leHBvcnQgdHlwZSBNeU92ZXJsYXlQb3NpdGlvbnMgPSB7XG4gICAgW2tleTogc3RyaW5nXTogQ29ubmVjdGVkUG9zaXRpb247ICAvLyBLZXlzIGNhbiBiZSBhbnkgc3RyaW5nLCB2YWx1ZXMgbXVzdCBiZSBDb25uZWN0ZWRQb3NpdGlvblxufTsiXX0=
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9tZW51LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29ubmVjdGVkUG9zaXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcbmltcG9ydCB7IHNhSWNvbiB9IGZyb20gXCIuL2ljb24taW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBJQ2hpcCB9IGZyb20gXCIuLi9saWIvY2hpcHMvY2hpcHMuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBTdGF0dXNEb3RDb25maWcgfSBmcm9tIFwiLi9zdGF0dXMtZG90LmludGVyZmFjZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIElNZW51IHtcbiAgICB3aWR0aD86IHN0cmluZztcbiAgICB0aXRsZT86IHN0cmluZztcbiAgICBzaG93VHJheT86IGJvb2xlYW47XG4gICAgaXRlbXM/OiBJTWVudUl0ZW1bXTtcbiAgICBzaG93U2VhcmNoPzogYm9vbGVhbjtcbiAgICBzaG93QWRkSWNvbj86IGJvb2xlYW47XG4gICAgc2VhcmNoUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gICAgdGFicz86IG1lbnVlVGFic1tdO1xuICAgIGl0ZW1Hcm91cHM/OiBJTWVudUdyb3VwW107XG4gICAgb3ZlcmxheUNvbmZpZz86IHtcbiAgICAgICAgb2Zmc2V0WD86IG51bWJlcixcbiAgICAgICAgb2Zmc2V0WT86IG51bWJlclxuICAgIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBtZW51ZVRhYnMge1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICAgIHN0YXR1cz86ICdhY3RpdmUnIHwgJ2luYWN0aXZlJyB8ICdkaXNhYmxlZCc7XG4gICAgaXRlbUdyb3Vwcz86IElNZW51R3JvdXBbXTtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgSU1lbnVJdGVtIHtcbiAgICBsYWJlbD86IHN0cmluZztcbiAgICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgICBpZD86IHN0cmluZyB8IG51bWJlcjtcbiAgICBzdGF0dXM/OiAnYWN0aXZlJyB8ICdpbmFjdGl2ZScgfCAnZGlzYWJsZWQnO1xuICAgIHN0YXR1c0RvdD86IFN0YXR1c0RvdENvbmZpZ1xuICAgIGNoaXBzPzogQXJyYXk8SUNoaXA+O1xuICAgIGljb24/OiBzYUljb247XG4gICAgW2tleTogc3RyaW5nXTogYW55O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElNZW51R3JvdXAge1xuICAgIGdyb3VwVGl0bGU/OiBzdHJpbmc7XG4gICAgaXRlbXM/OiBJTWVudUl0ZW1bXTtcbn1cblxuZXhwb3J0IHR5cGUgTXlPdmVybGF5UG9zaXRpb25zID0ge1xuICAgIFtrZXk6IHN0cmluZ106IENvbm5lY3RlZFBvc2l0aW9uOyAgLy8gS2V5cyBjYW4gYmUgYW55IHN0cmluZywgdmFsdWVzIG11c3QgYmUgQ29ubmVjdGVkUG9zaXRpb25cbn07Il19
@@ -2,15 +2,16 @@ import { CommonModule } from '@angular/common';
2
2
  import { Component, Input } from '@angular/core';
3
3
  import { ChipsComponent } from '../../chips/chips.component';
4
4
  import { IconComponent } from '../../icon/icon.component';
5
+ import { StatusDotComponent } from '../../status-dot/status-dot.component';
5
6
  import * as i0 from "@angular/core";
6
7
  import * as i1 from "@angular/common";
7
8
  export class SAMenuItemComponent {
8
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuItemComponent, isStandalone: true, selector: "sa-menu-item", inputs: { item: "item", showRound: "showRound" }, ngImport: i0, template: "<!-- <div mat-menu-item class=\"sa-menu-item\">\n <span>{{item.label}}</span>\n</div> -->\n\n<div class=\"section-item\" [ngStyle]=\"{ 'border-radius': showRound ? '5px' : '0' }\" [ngClass]=\"item.isSelected ? 'selected' : ''\">\n <div class=\"status\">\n <span *ngIf=\"item.status\" [ngClass]=\"item.status == 'active' ? 'status-active' : 'status-inactive'\"\n class=\"status-dot\"></span>\n <sa-icon class=\"flex\" *ngIf=\"item.icon\" [icon]=\"item?.icon?.icon\" [iconPath]=\"item['icon']?.iconPath\" [iconUrl]=\"item['icon']?.iconUrl\" [size]=\"item['icon']?.size\" [customClass]=\"item['icon']?.customClass\"></sa-icon>\n <span class=\"sa-groupItem-lable\">{{item.label}}</span>\n </div>\n <!-- Section for showing chips if chips are available in object -->\n <div *ngIf=\"item.chips\" class=\"tags\">\n @for (itm of item.chips; track $index) {\n <sa-chip *ngIf=\"itm.text\" [type]=\"itm.type\" [state]=\"itm.state\" [filling]=\"itm.filling\"\n [text]=\"itm.text\"></sa-chip>\n <!-- <span [ngClass]=\"itm.status == 'active' ? 'tag-active' : 'tag-inactive'\" class=\"\">{{itm.label}}</span> -->\n }\n </div>\n</div>\n", styles: [".sa-menu-item{padding:12px}.sa-menu-item:hover{background-color:var(--primary-500)}.sa-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.sa-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.section-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.section-item:hover{background-color:var(--primary-500)}.section-item:hover span{font-weight:500}.selected{background-color:var(--primary-500)}.section-item .tags{display:flex;gap:.25rem}.tag{background-color:#6b46c1;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-active{background-color:#6b46c1!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-inactive{background-color:#d27f2b!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.status{display:flex;align-items:center;gap:.6rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-active{background-color:#48bb78}.status-inactive{background-color:#f19e4f}hr{border:0;border-top:1px solid #718096;margin-bottom:1rem}.sa-groupItem-lable{cursor:pointer;font-size:14px;font-weight:400}.flex{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget"], outputs: ["onClickEvent"] }] }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SAMenuItemComponent, isStandalone: true, selector: "sa-menu-item", inputs: { item: "item", showRound: "showRound" }, ngImport: i0, template: "<!-- <div mat-menu-item class=\"sa-menu-item\">\n <span>{{item.label}}</span>\n</div> -->\n\n<div class=\"section-item\" [ngStyle]=\"{ 'border-radius': showRound ? '5px' : '0' }\" [ngClass]=\"item.isSelected ? 'selected' : ''\">\n <div class=\"status\">\n <sa-status-dot *ngIf=\"item.statusDot\" [config]=\"item?.statusDot\"></sa-status-dot>\n <sa-icon class=\"flex\" *ngIf=\"item.icon\" [icon]=\"item?.icon?.icon\" [iconPath]=\"item['icon']?.iconPath\" [iconUrl]=\"item['icon']?.iconUrl\" [size]=\"item['icon']?.size\" [customClass]=\"item['icon']?.customClass\"></sa-icon>\n <span class=\"sa-groupItem-lable\">{{item.label}}</span>\n </div>\n <!-- Section for showing chips if chips are available in object -->\n <div *ngIf=\"item.chips\" class=\"tags\">\n @for (itm of item.chips; track $index) {\n <sa-chip *ngIf=\"itm.text\" [type]=\"itm.type\" [state]=\"itm.state\" [filling]=\"itm.filling\"\n [text]=\"itm.text\"></sa-chip>\n <!-- <span [ngClass]=\"itm.status == 'active' ? 'tag-active' : 'tag-inactive'\" class=\"\">{{itm.label}}</span> -->\n }\n </div>\n</div>\n", styles: [".sa-menu-item{padding:12px}.sa-menu-item:hover{background-color:var(--primary-500)}.sa-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.sa-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.section-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.section-item:hover{background-color:var(--primary-500)}.section-item:hover span{font-weight:500}.selected{background-color:var(--primary-500)}.section-item .tags{display:flex;gap:.25rem}.tag{background-color:#6b46c1;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-active{background-color:#6b46c1!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-inactive{background-color:#d27f2b!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.status{display:flex;align-items:center;gap:.6rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-active{background-color:#48bb78}.status-inactive{background-color:#f19e4f}hr{border:0;border-top:1px solid #718096;margin-bottom:1rem}.sa-groupItem-lable{cursor:pointer;font-size:14px;font-weight:400}.flex{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget"], outputs: ["onClickEvent"] }, { kind: "component", type: StatusDotComponent, selector: "sa-status-dot", inputs: ["config"] }] }); }
10
11
  }
11
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SAMenuItemComponent, decorators: [{
12
13
  type: Component,
13
- args: [{ selector: 'sa-menu-item', standalone: true, imports: [CommonModule, ChipsComponent, IconComponent], template: "<!-- <div mat-menu-item class=\"sa-menu-item\">\n <span>{{item.label}}</span>\n</div> -->\n\n<div class=\"section-item\" [ngStyle]=\"{ 'border-radius': showRound ? '5px' : '0' }\" [ngClass]=\"item.isSelected ? 'selected' : ''\">\n <div class=\"status\">\n <span *ngIf=\"item.status\" [ngClass]=\"item.status == 'active' ? 'status-active' : 'status-inactive'\"\n class=\"status-dot\"></span>\n <sa-icon class=\"flex\" *ngIf=\"item.icon\" [icon]=\"item?.icon?.icon\" [iconPath]=\"item['icon']?.iconPath\" [iconUrl]=\"item['icon']?.iconUrl\" [size]=\"item['icon']?.size\" [customClass]=\"item['icon']?.customClass\"></sa-icon>\n <span class=\"sa-groupItem-lable\">{{item.label}}</span>\n </div>\n <!-- Section for showing chips if chips are available in object -->\n <div *ngIf=\"item.chips\" class=\"tags\">\n @for (itm of item.chips; track $index) {\n <sa-chip *ngIf=\"itm.text\" [type]=\"itm.type\" [state]=\"itm.state\" [filling]=\"itm.filling\"\n [text]=\"itm.text\"></sa-chip>\n <!-- <span [ngClass]=\"itm.status == 'active' ? 'tag-active' : 'tag-inactive'\" class=\"\">{{itm.label}}</span> -->\n }\n </div>\n</div>\n", styles: [".sa-menu-item{padding:12px}.sa-menu-item:hover{background-color:var(--primary-500)}.sa-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.sa-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.section-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.section-item:hover{background-color:var(--primary-500)}.section-item:hover span{font-weight:500}.selected{background-color:var(--primary-500)}.section-item .tags{display:flex;gap:.25rem}.tag{background-color:#6b46c1;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-active{background-color:#6b46c1!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-inactive{background-color:#d27f2b!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.status{display:flex;align-items:center;gap:.6rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-active{background-color:#48bb78}.status-inactive{background-color:#f19e4f}hr{border:0;border-top:1px solid #718096;margin-bottom:1rem}.sa-groupItem-lable{cursor:pointer;font-size:14px;font-weight:400}.flex{display:flex}\n"] }]
14
+ args: [{ selector: 'sa-menu-item', standalone: true, imports: [CommonModule, ChipsComponent, IconComponent, StatusDotComponent], template: "<!-- <div mat-menu-item class=\"sa-menu-item\">\n <span>{{item.label}}</span>\n</div> -->\n\n<div class=\"section-item\" [ngStyle]=\"{ 'border-radius': showRound ? '5px' : '0' }\" [ngClass]=\"item.isSelected ? 'selected' : ''\">\n <div class=\"status\">\n <sa-status-dot *ngIf=\"item.statusDot\" [config]=\"item?.statusDot\"></sa-status-dot>\n <sa-icon class=\"flex\" *ngIf=\"item.icon\" [icon]=\"item?.icon?.icon\" [iconPath]=\"item['icon']?.iconPath\" [iconUrl]=\"item['icon']?.iconUrl\" [size]=\"item['icon']?.size\" [customClass]=\"item['icon']?.customClass\"></sa-icon>\n <span class=\"sa-groupItem-lable\">{{item.label}}</span>\n </div>\n <!-- Section for showing chips if chips are available in object -->\n <div *ngIf=\"item.chips\" class=\"tags\">\n @for (itm of item.chips; track $index) {\n <sa-chip *ngIf=\"itm.text\" [type]=\"itm.type\" [state]=\"itm.state\" [filling]=\"itm.filling\"\n [text]=\"itm.text\"></sa-chip>\n <!-- <span [ngClass]=\"itm.status == 'active' ? 'tag-active' : 'tag-inactive'\" class=\"\">{{itm.label}}</span> -->\n }\n </div>\n</div>\n", styles: [".sa-menu-item{padding:12px}.sa-menu-item:hover{background-color:var(--primary-500)}.sa-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.sa-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.section-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.section-item:hover{background-color:var(--primary-500)}.section-item:hover span{font-weight:500}.selected{background-color:var(--primary-500)}.section-item .tags{display:flex;gap:.25rem}.tag{background-color:#6b46c1;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-active{background-color:#6b46c1!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.tag-inactive{background-color:#d27f2b!important;font-size:.2rem;padding:.25rem .5rem;border-radius:.25rem}.status{display:flex;align-items:center;gap:.6rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-active{background-color:#48bb78}.status-inactive{background-color:#f19e4f}hr{border:0;border-top:1px solid #718096;margin-bottom:1rem}.sa-groupItem-lable{cursor:pointer;font-size:14px;font-weight:400}.flex{display:flex}\n"] }]
14
15
  }], propDecorators: { item: [{
15
16
  type: Input,
16
17
  args: ['item']
@@ -18,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
18
19
  type: Input,
19
20
  args: ['showRound']
20
21
  }] } });
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbWVudS9tZW51LWxpc3QvbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbWVudS9tZW51LWxpc3QvbWVudS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQTZCLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQVUxRCxNQUFNLE9BQU8sbUJBQW1COzhHQUFuQixtQkFBbUI7a0dBQW5CLG1CQUFtQiwwSENiaEMsNnJDQW9CQSxpc0NEWFksWUFBWSxzVEFBQyxjQUFjLDhNQUFDLGFBQWE7OzJGQUl4QyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksRUFBQyxjQUFjLEVBQUMsYUFBYSxDQUFDOzhCQUtyQyxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ08sU0FBUztzQkFBNUIsS0FBSzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hpcHNDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSU1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9tZW51LmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLW1lbnUtaXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsQ2hpcHNDb21wb25lbnQsSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbWVudS1pdGVtLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIFNBTWVudUl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoJ2l0ZW0nKSBpdGVtOiBJTWVudUl0ZW07XG4gIEBJbnB1dCgnc2hvd1JvdW5kJykgc2hvd1JvdW5kOiBib29sZWFuO1xufVxuIiwiPCEtLSA8ZGl2IG1hdC1tZW51LWl0ZW0gY2xhc3M9XCJzYS1tZW51LWl0ZW1cIj5cbiAgICA8c3Bhbj57e2l0ZW0ubGFiZWx9fTwvc3Bhbj5cbjwvZGl2PiAtLT5cblxuPGRpdiBjbGFzcz1cInNlY3Rpb24taXRlbVwiIFtuZ1N0eWxlXT1cInsgJ2JvcmRlci1yYWRpdXMnOiBzaG93Um91bmQgPyAnNXB4JyA6ICcwJyB9XCIgW25nQ2xhc3NdPVwiaXRlbS5pc1NlbGVjdGVkID8gJ3NlbGVjdGVkJyA6ICcnXCI+XG4gICAgPGRpdiBjbGFzcz1cInN0YXR1c1wiPlxuICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW0uc3RhdHVzXCIgW25nQ2xhc3NdPVwiaXRlbS5zdGF0dXMgPT0gJ2FjdGl2ZScgPyAnc3RhdHVzLWFjdGl2ZScgOiAnc3RhdHVzLWluYWN0aXZlJ1wiXG4gICAgICAgICAgICBjbGFzcz1cInN0YXR1cy1kb3RcIj48L3NwYW4+XG4gICAgICAgIDxzYS1pY29uIGNsYXNzPVwiZmxleFwiICpuZ0lmPVwiaXRlbS5pY29uXCIgW2ljb25dPVwiaXRlbT8uaWNvbj8uaWNvblwiICBbaWNvblBhdGhdPVwiaXRlbVsnaWNvbiddPy5pY29uUGF0aFwiIFtpY29uVXJsXT1cIml0ZW1bJ2ljb24nXT8uaWNvblVybFwiIFtzaXplXT1cIml0ZW1bJ2ljb24nXT8uc2l6ZVwiIFtjdXN0b21DbGFzc109XCJpdGVtWydpY29uJ10/LmN1c3RvbUNsYXNzXCI+PC9zYS1pY29uPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNhLWdyb3VwSXRlbS1sYWJsZVwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDwhLS0gU2VjdGlvbiBmb3Igc2hvd2luZyBjaGlwcyBpZiBjaGlwcyBhcmUgYXZhaWxhYmxlIGluIG9iamVjdCAgLS0+XG4gICAgPGRpdiAqbmdJZj1cIml0ZW0uY2hpcHNcIiBjbGFzcz1cInRhZ3NcIj5cbiAgICAgICAgQGZvciAoaXRtIG9mIGl0ZW0uY2hpcHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICA8c2EtY2hpcCAqbmdJZj1cIml0bS50ZXh0XCIgW3R5cGVdPVwiaXRtLnR5cGVcIiBbc3RhdGVdPVwiaXRtLnN0YXRlXCIgW2ZpbGxpbmddPVwiaXRtLmZpbGxpbmdcIlxuICAgICAgICAgICAgW3RleHRdPVwiaXRtLnRleHRcIj48L3NhLWNoaXA+XG4gICAgICAgIDwhLS0gPHNwYW4gW25nQ2xhc3NdPVwiaXRtLnN0YXR1cyA9PSAnYWN0aXZlJyA/ICd0YWctYWN0aXZlJyA6ICd0YWctaW5hY3RpdmUnXCIgY2xhc3M9XCJcIj57e2l0bS5sYWJlbH19PC9zcGFuPiAtLT5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbWVudS9tZW51LWxpc3QvbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbWVudS9tZW51LWxpc3QvbWVudS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQTZCLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7OztBQVMzRSxNQUFNLE9BQU8sbUJBQW1COzhHQUFuQixtQkFBbUI7a0dBQW5CLG1CQUFtQiwwSENkaEMsaW9DQW1CQSxpc0NEVFksWUFBWSxzVEFBRSxjQUFjLDhNQUFFLGFBQWEscUxBQUUsa0JBQWtCOzsyRkFJOUQsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxrQkFBa0IsQ0FBQzs4QkFLM0QsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNPLFNBQVM7c0JBQTVCLEtBQUs7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IElNZW51SXRlbSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvbWVudS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgU3RhdHVzRG90Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vc3RhdHVzLWRvdC9zdGF0dXMtZG90LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLW1lbnUtaXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENoaXBzQ29tcG9uZW50LCBJY29uQ29tcG9uZW50LCBTdGF0dXNEb3RDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBTQU1lbnVJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCdpdGVtJykgaXRlbTogSU1lbnVJdGVtO1xuICBASW5wdXQoJ3Nob3dSb3VuZCcpIHNob3dSb3VuZDogYm9vbGVhbjtcbn1cbiIsIjwhLS0gPGRpdiBtYXQtbWVudS1pdGVtIGNsYXNzPVwic2EtbWVudS1pdGVtXCI+XG4gICAgPHNwYW4+e3tpdGVtLmxhYmVsfX08L3NwYW4+XG48L2Rpdj4gLS0+XG5cbjxkaXYgY2xhc3M9XCJzZWN0aW9uLWl0ZW1cIiBbbmdTdHlsZV09XCJ7ICdib3JkZXItcmFkaXVzJzogc2hvd1JvdW5kID8gJzVweCcgOiAnMCcgfVwiIFtuZ0NsYXNzXT1cIml0ZW0uaXNTZWxlY3RlZCA/ICdzZWxlY3RlZCcgOiAnJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGF0dXNcIj5cbiAgICAgICAgPHNhLXN0YXR1cy1kb3QgKm5nSWY9XCJpdGVtLnN0YXR1c0RvdFwiIFtjb25maWddPVwiaXRlbT8uc3RhdHVzRG90XCI+PC9zYS1zdGF0dXMtZG90PlxuICAgICAgICA8c2EtaWNvbiBjbGFzcz1cImZsZXhcIiAqbmdJZj1cIml0ZW0uaWNvblwiIFtpY29uXT1cIml0ZW0/Lmljb24/Lmljb25cIiAgW2ljb25QYXRoXT1cIml0ZW1bJ2ljb24nXT8uaWNvblBhdGhcIiBbaWNvblVybF09XCJpdGVtWydpY29uJ10/Lmljb25VcmxcIiBbc2l6ZV09XCJpdGVtWydpY29uJ10/LnNpemVcIiBbY3VzdG9tQ2xhc3NdPVwiaXRlbVsnaWNvbiddPy5jdXN0b21DbGFzc1wiPjwvc2EtaWNvbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYS1ncm91cEl0ZW0tbGFibGVcIj57e2l0ZW0ubGFiZWx9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIFNlY3Rpb24gZm9yIHNob3dpbmcgY2hpcHMgaWYgY2hpcHMgYXJlIGF2YWlsYWJsZSBpbiBvYmplY3QgIC0tPlxuICAgIDxkaXYgKm5nSWY9XCJpdGVtLmNoaXBzXCIgY2xhc3M9XCJ0YWdzXCI+XG4gICAgICAgIEBmb3IgKGl0bSBvZiBpdGVtLmNoaXBzOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgPHNhLWNoaXAgKm5nSWY9XCJpdG0udGV4dFwiIFt0eXBlXT1cIml0bS50eXBlXCIgW3N0YXRlXT1cIml0bS5zdGF0ZVwiIFtmaWxsaW5nXT1cIml0bS5maWxsaW5nXCJcbiAgICAgICAgICAgIFt0ZXh0XT1cIml0bS50ZXh0XCI+PC9zYS1jaGlwPlxuICAgICAgICA8IS0tIDxzcGFuIFtuZ0NsYXNzXT1cIml0bS5zdGF0dXMgPT0gJ2FjdGl2ZScgPyAndGFnLWFjdGl2ZScgOiAndGFnLWluYWN0aXZlJ1wiIGNsYXNzPVwiXCI+e3tpdG0ubGFiZWx9fTwvc3Bhbj4gLS0+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19