@inera/ids-angular 8.1.0 → 9.0.0

package/esm2022/components/header-1177/region-picker-mobile/header-1177-region-picker-mobile.component.mjs

@@ -1,24 +1,76 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output, TemplateRef, ViewChild } from "@angular/core";
+import { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute } from "@angular/core";
+import { IDRegionIconComponent } from "@inera/ids-angular/components/region-icon";
 import * as i0 from "@angular/core";
 export class IDHeader1177RegionPickerMobileComponent {
-    text = null;
+    text = "Välj region";
     expanded = false;
-    onDidToggleRegion = new EventEmitter();
-    template;
+    regionSelected = false;
+    regionIcon;
+    expandedChange = new EventEmitter();
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    toggleExpansion() {
+        this.expanded = !this.expanded;
+        this.expandedChange.emit(this.expanded);
+        if (this.expanded) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177RegionPickerMobileComponent, isStandalone: true, selector: "id-header-1177-region-picker-mobile", inputs: { text: "text", expanded: "expanded" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDHeader1177RegionPickerMobileComponent, isStandalone: true, selector: "id-header-1177-region-picker-mobile", inputs: { text: "text", expanded: ["expanded", "expanded", booleanAttribute], regionSelected: ["regionSelected", "regionSelected", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "regionIcon", first: true, predicate: IDRegionIconComponent, descendants: true }], ngImport: i0, template: `
+  <div class="ids-header-1177-region-picker-mobile"
+    [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon || regionSelected">
+    <button 
+      (click)="toggleExpansion()"
+      class="ids-header-1177-region-picker-mobile__button"
+      [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
+      [attr.aria-label]="text">
+      <div class="ids-header-1177-region-picker-mobile__region-icon">
+        <ng-content></ng-content>
+      </div>
+      <span class="ids-header-1177-region-picker-mobile__button-text"> {{text}}</span>
+    </button>
+  </div>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177RegionPickerMobileComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-header-1177-region-picker-mobile", schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:contents}\n"] }]
+            args: [{
+                    selector: "id-header-1177-region-picker-mobile",
+                    template: `
+  <div class="ids-header-1177-region-picker-mobile"
+    [class.ids-header-1177-region-picker-mobile--selected-region]="regionIcon || regionSelected">
+    <button 
+      (click)="toggleExpansion()"
+      class="ids-header-1177-region-picker-mobile__button"
+      [class.ids-header-1177-region-picker-mobile__button--expanded]="expanded"
+      [attr.aria-label]="text">
+      <div class="ids-header-1177-region-picker-mobile__region-icon">
+        <ng-content></ng-content>
+      </div>
+      <span class="ids-header-1177-region-picker-mobile__button-text"> {{text}}</span>
+    </button>
+  </div>`,
+                    standalone: true
+                }]
         }], propDecorators: { text: [{
                 type: Input
             }], expanded: [{
-                type: Input
-            }], onDidToggleRegion: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], regionSelected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], regionIcon: [{
+                type: ContentChild,
+                args: [IDRegionIconComponent]
+            }], expandedChange: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], closed: [{
                 type: Output
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXItMTE3Ny9yZWdpb24tcGlja2VyLW1vYmlsZS9oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3L3JlZ2lvbi1waWNrZXItbW9iaWxlL2hlYWRlci0xMTc3LXJlZ2lvbi1waWNrZXItbW9iaWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTdkgsTUFBTSxPQUFPLHVDQUF1QztJQUVsRCxJQUFJLEdBQWtCLElBQUksQ0FBQztJQUczQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRzFCLGlCQUFpQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXRDLFFBQVEsQ0FBbUI7d0dBVnhDLHVDQUF1Qzs0RkFBdkMsdUNBQXVDLDhPQVV2QyxXQUFXLGdEQ25CeEIsOERBR0E7OzRGRE1hLHVDQUF1QztrQkFQbkQsU0FBUzsrQkFDRSxxQ0FBcUMsV0FHdEMsQ0FBQyxzQkFBc0IsQ0FBQyxjQUNyQixJQUFJOzhCQUloQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsTUFBTTtnQkFHaUIsUUFBUTtzQkFBL0IsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogY29udGVudHM7IH1cIl0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJREhlYWRlcjExNzdSZWdpb25QaWNrZXJNb2JpbGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoKVxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBvbkRpZFRvZ2dsZVJlZ2lvbjogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXItMTE3Ny9yZWdpb24tcGlja2VyLW1vYmlsZS9oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7O0FBb0JsRixNQUFNLE9BQU8sdUNBQXVDO0lBRXpDLElBQUksR0FBWSxhQUFhLENBQUM7SUFDQyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFHeEUsVUFBVSxDQUF3QjtJQUV4QixjQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFDM0QsTUFBTSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ2hELE1BQU0sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUUxRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3hDLElBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDO3dHQXJCVSx1Q0FBdUM7NEZBQXZDLHVDQUF1QyxrSUFHOUIsZ0JBQWdCLHdEQUNoQixnQkFBZ0Isd0pBRXRCLHFCQUFxQixnREF0QnpCOzs7Ozs7Ozs7Ozs7O1NBYUg7OzRGQUdJLHVDQUF1QztrQkFsQm5ELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFDQUFxQztvQkFDL0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O1NBYUg7b0JBQ1AsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUdVLElBQUk7c0JBQVosS0FBSztnQkFDa0MsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxjQUFjO3NCQUFyRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUd0QyxVQUFVO3NCQURULFlBQVk7dUJBQUMscUJBQXFCO2dCQUd6QixjQUFjO3NCQUF2QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElEUmVnaW9uSWNvbkNvbXBvbmVudCB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9yZWdpb24taWNvblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGVcIixcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZVwiXG4gICAgW2NsYXNzLmlkcy1oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZS0tc2VsZWN0ZWQtcmVnaW9uXT1cInJlZ2lvbkljb24gfHwgcmVnaW9uU2VsZWN0ZWRcIj5cbiAgICA8YnV0dG9uIFxuICAgICAgKGNsaWNrKT1cInRvZ2dsZUV4cGFuc2lvbigpXCJcbiAgICAgIGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LXJlZ2lvbi1waWNrZXItbW9iaWxlX19idXR0b25cIlxuICAgICAgW2NsYXNzLmlkcy1oZWFkZXItMTE3Ny1yZWdpb24tcGlja2VyLW1vYmlsZV9fYnV0dG9uLS1leHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGVfX3JlZ2lvbi1pY29uXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctcmVnaW9uLXBpY2tlci1tb2JpbGVfX2J1dHRvbi10ZXh0XCI+IHt7dGV4dH19PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5gLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIElESGVhZGVyMTE3N1JlZ2lvblBpY2tlck1vYmlsZUNvbXBvbmVudCB7XG4gIFxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgID0gXCJWw6RsaiByZWdpb25cIjtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSByZWdpb25TZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBDb250ZW50Q2hpbGQoSURSZWdpb25JY29uQ29tcG9uZW50KVxuICByZWdpb25JY29uOiBJRFJlZ2lvbkljb25Db21wb25lbnQ7XG5cbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvcGVuZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsb3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHRvZ2dsZUV4cGFuc2lvbigpIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICAgIGlmKHRoaXMuZXhwYW5kZWQpIHtcbiAgICAgIHRoaXMub3BlbmVkLmVtaXQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/components/header-1177/skip-to-content/header-1177-skip-to-content.component.mjs

@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDHeader1177SkipToContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177SkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177SkipToContent, isStandalone: true, selector: "id-header-1177-skip-to-content", host: { classAttribute: "ids-header-1177__skip-to-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177SkipToContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-header-1177-skip-to-content",
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-1177__skip-to-content'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctc2tpcC10by1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvaGVhZGVyLTExNzcvc2tpcC10by1jb250ZW50L2hlYWRlci0xMTc3LXNraXAtdG8tY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVMUMsTUFBTSxPQUFPLHlCQUF5Qjt3R0FBekIseUJBQXlCOzRGQUF6Qix5QkFBeUIsd0pBTjFCLDJCQUEyQjs7NEZBTTFCLHlCQUF5QjtrQkFSckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzFDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLWhlYWRlci0xMTc3LXNraXAtdG8tY29udGVudFwiLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtaGVhZGVyLTExNzdfX3NraXAtdG8tY29udGVudCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJREhlYWRlcjExNzdTa2lwVG9Db250ZW50IHt9XG4iXX0=

package/esm2022/components/header-1177-admin/avatar/header-1177-admin-avatar.component.mjs

@@ -1,27 +1,130 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, TemplateRef, ViewChild } from "@angular/core";
+import { Component, EventEmitter, Input, Output, booleanAttribute, inject } from "@angular/core";
+import { ID_HEADER_CONTEXT, IDClickOutsideDirective, IDUseIdService, useEscapeKey } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
 export class IDHeader1177AdminAvatarComponent {
     username = "";
     unit = "";
-    expanded = false;
     persistent = false;
-    template;
+    expanded = false;
+    expandedChange = new EventEmitter();
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    idService = inject(IDUseIdService);
+    contentId = this.idService.generateId('header-1177-admin-avatar');
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    constructor() {
+        useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
+    }
+    handleCloseEvent() {
+        if (!this.persistent) {
+            this.closeAvatar();
+        }
+    }
+    closeAvatar() {
+        this.expanded = false;
+        this.expandedChange.emit(false);
+        this.closed.emit();
+    }
+    toggleAvatar() {
+        this.expanded = !this.expanded;
+        this.expandedChange.emit(this.expanded);
+        if (this.expanded) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarComponent, isStandalone: true, selector: "id-header-1177-admin-avatar", inputs: { username: "username", unit: "unit", expanded: "expanded", persistent: "persistent" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarComponent, isStandalone: true, selector: "id-header-1177-admin-avatar", inputs: { username: "username", unit: "unit", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-header-1177-admin-avatar--unresponsive": "header?.unresponsive" }, classAttribute: "ids-header-1177-admin-avatar" }, ngImport: i0, template: `
+    <div class="ids-header-1177-admin-avatar__avatar"
+    idClickOutside
+    (idClickOutside)="handleCloseEvent()">
+      <div class="ids-header-1177-admin-avatar__menu-wrapper">
+        <button 
+        (click)="toggleAvatar()"
+        [attr.aria-controls]="contentId"
+        class="ids-header-1177-admin-avatar__button"
+        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded">
+          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
+            {{username}}
+            @if(unit) {
+              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
+              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
+            }
+          </div>
+        </button>
+        @if(expanded){
+          <div [attr.id]="contentId"
+          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
+          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+          <div class="ids-header-1177-admin-avatar__menu-links">
+            <ng-content></ng-content>
+          </div>
+        </div>
+        }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-header-1177-admin-avatar", schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>", styles: [":host{display:contents}\n"] }]
-        }], propDecorators: { username: [{
+            args: [{
+                    selector: "id-header-1177-admin-avatar",
+                    template: `
+    <div class="ids-header-1177-admin-avatar__avatar"
+    idClickOutside
+    (idClickOutside)="handleCloseEvent()">
+      <div class="ids-header-1177-admin-avatar__menu-wrapper">
+        <button 
+        (click)="toggleAvatar()"
+        [attr.aria-controls]="contentId"
+        class="ids-header-1177-admin-avatar__button"
+        [class.ids-header-1177-admin-avatar__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded">
+          <div class="ids-header-1177-admin-avatar__name" [attr.title]="username">
+            {{username}}
+            @if(unit) {
+              <span class="ids-header-1177-admin-avatar__unit-separator">|</span>
+              <span [attr.title]="unit" class="ids-header-1177-admin-avatar__unit">{{unit}} </span>
+            }
+          </div>
+        </button>
+        @if(expanded){
+          <div [attr.id]="contentId"
+          class="ids-header-1177-admin-avatar__menu ids-header-1177-admin-avatar__menu--mobile-menu"
+          [class.ids-header-1177-admin-avatar__menu--expanded]="expanded">
+          <ng-content select="id-header-1177-admin-avatar-agent"></ng-content>
+          <div class="ids-header-1177-admin-avatar__menu-links">
+            <ng-content></ng-content>
+          </div>
+        </div>
+        }
+    </div>
+  `,
+                    standalone: true,
+                    imports: [IDClickOutsideDirective],
+                    host: {
+                        class: 'ids-header-1177-admin-avatar',
+                        '[class.ids-header-1177-admin-avatar--unresponsive]': 'header?.unresponsive'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { username: [{
                 type: Input
             }], unit: [{
                 type: Input
-            }], expanded: [{
-                type: Input
             }], persistent: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expandedChange: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvaGVhZGVyLTExNzctYWRtaW4vYXZhdGFyL2hlYWRlci0xMTc3LWFkbWluLWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2F2YXRhci9oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakcsTUFBTSxPQUFPLGdDQUFnQztJQUUzQyxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBRXRCLElBQUksR0FBVyxFQUFFLENBQUM7SUFFbEIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUUxQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBRUosUUFBUSxDQUFtQjt3R0FWeEMsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0MsaU9BVWhDLFdBQVcsZ0RDbkJ4Qiw0REFFYzs7NEZET0QsZ0NBQWdDO2tCQVA1QyxTQUFTOytCQUNFLDZCQUE2QixXQUU5QixDQUFDLHNCQUFzQixDQUFDLGNBRXJCLElBQUk7OEJBSWhCLFFBQVE7c0JBRFAsS0FBSztnQkFHTixJQUFJO3NCQURILEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdOLFVBQVU7c0JBRFQsS0FBSztnQkFHa0IsUUFBUTtzQkFBL0IsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICBzdHlsZXM6IFtcIjpob3N0IHsgZGlzcGxheTogY29udGVudHM7IH1cIl0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB1c2VybmFtZTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KClcbiAgdW5pdDogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KClcbiAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcGVyc2lzdGVudDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvaGVhZGVyLTExNzctYWRtaW4vYXZhdGFyL2hlYWRlci0xMTc3LWFkbWluLWF2YXRhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFtQixjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBMEN0SSxNQUFNLE9BQU8sZ0NBQWdDO0lBQ2xDLFFBQVEsR0FBVyxFQUFFLENBQUM7SUFDdEIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNhLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDNUIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUV4RCxjQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFDM0QsTUFBTSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ2hELE1BQU0sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxTQUFTLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzNDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ2xFLE1BQU0sR0FBRyxNQUFNLENBQXlCLGlCQUFpQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUUzRjtRQUNFLFlBQVksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7d0dBdENVLGdDQUFnQzs0RkFBaEMsZ0NBQWdDLHNKQUd2QixnQkFBZ0Isc0NBQ2hCLGdCQUFnQixzUUExQzFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4QlQsNERBRVMsdUJBQXVCOzs0RkFNdEIsZ0NBQWdDO2tCQXhDNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThCVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ2xDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsOEJBQThCO3dCQUNyQyxvREFBb0QsRUFBRSxzQkFBc0I7cUJBQzdFO2lCQUNGO3dEQUVVLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNrQyxVQUFVO3NCQUFqRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTVCLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBib29sZWFuQXR0cmlidXRlLCBpbmplY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSURfSEVBREVSX0NPTlRFWFQsIElEQ2xpY2tPdXRzaWRlRGlyZWN0aXZlLCBJREhlYWRlckNvbnRleHQsIElEVXNlSWRTZXJ2aWNlLCB1c2VFc2NhcGVLZXkgfSBmcm9tIFwiQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXJfX2F2YXRhclwiXG4gICAgaWRDbGlja091dHNpZGVcbiAgICAoaWRDbGlja091dHNpZGUpPVwiaGFuZGxlQ2xvc2VFdmVudCgpXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcl9fbWVudS13cmFwcGVyXCI+XG4gICAgICAgIDxidXR0b24gXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVBdmF0YXIoKVwiXG4gICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiY29udGVudElkXCJcbiAgICAgICAgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyX19idXR0b25cIlxuICAgICAgICBbY2xhc3MuaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcl9fYnV0dG9uLS1leHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcl9fbmFtZVwiIFthdHRyLnRpdGxlXT1cInVzZXJuYW1lXCI+XG4gICAgICAgICAgICB7e3VzZXJuYW1lfX1cbiAgICAgICAgICAgIEBpZih1bml0KSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcl9fdW5pdC1zZXBhcmF0b3JcIj58PC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBbYXR0ci50aXRsZV09XCJ1bml0XCIgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyX191bml0XCI+e3t1bml0fX0gPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgQGlmKGV4cGFuZGVkKXtcbiAgICAgICAgICA8ZGl2IFthdHRyLmlkXT1cImNvbnRlbnRJZFwiXG4gICAgICAgICAgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyX19tZW51IGlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXJfX21lbnUtLW1vYmlsZS1tZW51XCJcbiAgICAgICAgICBbY2xhc3MuaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcl9fbWVudS0tZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItYWdlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXJfX21lbnUtbGlua3NcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0lEQ2xpY2tPdXRzaWRlRGlyZWN0aXZlXSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcicsXG4gICAgJ1tjbGFzcy5pZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLS11bnJlc3BvbnNpdmVdJzogJ2hlYWRlcj8udW5yZXNwb25zaXZlJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIElESGVhZGVyMTE3N0FkbWluQXZhdGFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdXNlcm5hbWU6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIHVuaXQ6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBwZXJzaXN0ZW50OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBcbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvcGVuZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsb3NlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHByaXZhdGUgaWRTZXJ2aWNlID0gaW5qZWN0KElEVXNlSWRTZXJ2aWNlKTtcbiAgY29udGVudElkID0gdGhpcy5pZFNlcnZpY2UuZ2VuZXJhdGVJZCgnaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyJyk7XG4gIGhlYWRlciA9IGluamVjdDxJREhlYWRlckNvbnRleHQgfCBudWxsPihJRF9IRUFERVJfQ09OVEVYVCwgeyBvcHRpb25hbDogdHJ1ZSwgaG9zdDogdHJ1ZSB9KTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB1c2VFc2NhcGVLZXkoKCkgPT4gdGhpcy5oYW5kbGVDbG9zZUV2ZW50KCksICgpID0+IHRoaXMuZXhwYW5kZWQpO1xuICB9XG5cbiAgaGFuZGxlQ2xvc2VFdmVudCAoKSB7XG4gICAgaWYoIXRoaXMucGVyc2lzdGVudCkge1xuICAgICAgdGhpcy5jbG9zZUF2YXRhcigpO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlQXZhdGFyKCkge1xuICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQoZmFsc2UpO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIHRvZ2dsZUF2YXRhcigpIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICAgIGlmICh0aGlzLmV4cGFuZGVkKSB7XG4gICAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/header-1177-admin/avatar-mobile/header-1177-admin-avatar-mobile.component.mjs

@@ -1,24 +1,125 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, TemplateRef, ViewChild } from "@angular/core";
+import { Component, EventEmitter, Input, Output, booleanAttribute, inject } from "@angular/core";
+import { ID_HEADER_CONTEXT, IDUseIdService, IDClickOutsideDirective, useEscapeKey } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
 export class IDHeader1177AdminAvatarMobileComponent {
-    username = "";
-    unit = "";
+    username;
+    unit;
     expanded = false;
-    template;
+    persistent = false;
+    expandedChange = new EventEmitter();
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    idService = inject(IDUseIdService);
+    contentId = this.idService.generateId('header-1177-admin-avatar');
+    header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
+    constructor() {
+        useEscapeKey(() => this.handleCloseEvent(), () => this.expanded);
+    }
+    handleCloseEvent() {
+        if (!this.persistent) {
+            this.closeAvatar();
+        }
+    }
+    closeAvatar() {
+        this.expanded = false;
+        this.expandedChange.emit(false);
+        this.closed.emit();
+    }
+    toggleAvatar() {
+        this.expanded = !this.expanded;
+        this.expandedChange.emit(this.expanded);
+        if (this.expanded) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarMobileComponent, isStandalone: true, selector: "id-header-1177-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: "expanded" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminAvatarMobileComponent, isStandalone: true, selector: "id-header-1177-admin-avatar-mobile", inputs: { username: "username", unit: "unit", expanded: ["expanded", "expanded", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute] }, outputs: { expandedChange: "expandedChange", opened: "opened", closed: "closed" }, host: { classAttribute: "ids-header-1177-admin-avatar-mobile" }, ngImport: i0, template: `
+    <div class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
+    idClickOutside
+    (idClickOutside)="handleCloseEvent()">
+      <button
+        class="ids-header-1177-admin-avatar-mobile__button"
+        (click)="toggleAvatar()"
+        [attr.aria-controls]="contentId"
+        [class.ids-header-1177-admin-avatar-mobile__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded">
+          <div 
+            class="ids-header-1177-admin-avatar-mobile-content__name"
+            [attr.title]="username">
+            {{username}}
+          </div>
+      </button>
+      <div 
+        class="ids-header-1177-admin-avatar-mobile__menu"
+        [attr.id]="contentId"
+        [class.ids-header-1177-admin-avatar-mobile__menu--expanded]="expanded">
+        @if(unit) {
+          <div class="ids-header-1177-admin-avatar-mobile__unit">{{unit}}</div>
+        }
+          <div class="ids-header-1177-admin-avatar-mobile__menu-links"> 
+            <ng-content></ng-content>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminAvatarMobileComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-header-1177-admin-avatar-mobile", schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { username: [{
+            args: [{
+                    selector: "id-header-1177-admin-avatar-mobile",
+                    template: `
+    <div class="ids-header-1177-admin-avatar-mobile__menu-wrapper"
+    idClickOutside
+    (idClickOutside)="handleCloseEvent()">
+      <button
+        class="ids-header-1177-admin-avatar-mobile__button"
+        (click)="toggleAvatar()"
+        [attr.aria-controls]="contentId"
+        [class.ids-header-1177-admin-avatar-mobile__button--expanded]="expanded"
+        [attr.aria-expanded]="expanded">
+          <div 
+            class="ids-header-1177-admin-avatar-mobile-content__name"
+            [attr.title]="username">
+            {{username}}
+          </div>
+      </button>
+      <div 
+        class="ids-header-1177-admin-avatar-mobile__menu"
+        [attr.id]="contentId"
+        [class.ids-header-1177-admin-avatar-mobile__menu--expanded]="expanded">
+        @if(unit) {
+          <div class="ids-header-1177-admin-avatar-mobile__unit">{{unit}}</div>
+        }
+          <div class="ids-header-1177-admin-avatar-mobile__menu-links"> 
+            <ng-content></ng-content>
+        </div>
+      </div>
+    </div>
+  `,
+                    imports: [IDClickOutsideDirective],
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-1177-admin-avatar-mobile'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { username: [{
                 type: Input
             }], unit: [{
                 type: Input
             }], expanded: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], persistent: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expandedChange: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2F2YXRhci1tb2JpbGUvaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2F2YXRhci1tb2JpbGUvaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRyxNQUFNLE9BQU8sc0NBQXNDO0lBRWpELFFBQVEsR0FBVyxFQUFFLENBQUM7SUFFdEIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUVsQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRUYsUUFBUSxDQUFtQjt3R0FSeEMsc0NBQXNDOzRGQUF0QyxzQ0FBc0MsOE1BUXRDLFdBQVcsZ0RDaEJ4Qiw4REFHQTs7NEZES2Esc0NBQXNDO2tCQU5sRCxTQUFTOytCQUNFLG9DQUFvQyxXQUVyQyxDQUFDLHNCQUFzQixDQUFDLGNBQ3JCLElBQUk7OEJBSWhCLFFBQVE7c0JBRFAsS0FBSztnQkFHTixJQUFJO3NCQURILEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdrQixRQUFRO3NCQUEvQixTQUFTO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhci1tb2JpbGVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItbW9iaWxlLmNvbXBvbmVudC5odG1sXCIsXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJREhlYWRlcjExNzdBZG1pbkF2YXRhck1vYmlsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHVzZXJuYW1lOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKVxuICB1bml0OiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKVxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2F2YXRhci1tb2JpbGUvaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLGlCQUFpQixFQUFtQixjQUFjLEVBQUUsdUJBQXVCLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBdUN0SSxNQUFNLE9BQU8sc0NBQXNDO0lBQ3hDLFFBQVEsQ0FBVTtJQUNsQixJQUFJLENBQVU7SUFDaUIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBRTFELGNBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUMzRCxNQUFNLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFDaEQsTUFBTSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWxELFNBQVMsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDM0MsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLDBCQUEwQixDQUFDLENBQUM7SUFDbEUsTUFBTSxHQUFHLE1BQU0sQ0FBeUIsaUJBQWlCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRTNGO1FBQ0UsWUFBWSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRixXQUFXO1FBQ1IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4QyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixDQUFDO0lBQ0gsQ0FBQzt3R0F0Q1Usc0NBQXNDOzRGQUF0QyxzQ0FBc0MsdUpBRzdCLGdCQUFnQiw0Q0FDaEIsZ0JBQWdCLGlMQXZDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQsNERBQ1MsdUJBQXVCOzs0RkFNdEIsc0NBQXNDO2tCQXJDbEQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0NBQW9DO29CQUM5QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ2xDLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHFDQUFxQztxQkFDN0M7aUJBQ0Y7d0RBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFNUIsY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGJvb2xlYW5BdHRyaWJ1dGUsIGluamVjdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJRF9IRUFERVJfQ09OVEVYVCwgSURIZWFkZXJDb250ZXh0LCBJRFVzZUlkU2VydmljZSwgSURDbGlja091dHNpZGVEaXJlY3RpdmUsIHVzZUVzY2FwZUtleSB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItbW9iaWxlXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItbW9iaWxlX19tZW51LXdyYXBwZXJcIlxuICAgIGlkQ2xpY2tPdXRzaWRlXG4gICAgKGlkQ2xpY2tPdXRzaWRlKT1cImhhbmRsZUNsb3NlRXZlbnQoKVwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItbW9iaWxlX19idXR0b25cIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlQXZhdGFyKClcIlxuICAgICAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImNvbnRlbnRJZFwiXG4gICAgICAgIFtjbGFzcy5pZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZV9fYnV0dG9uLS1leHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cbiAgICAgICAgICA8ZGl2IFxuICAgICAgICAgICAgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZS1jb250ZW50X19uYW1lXCJcbiAgICAgICAgICAgIFthdHRyLnRpdGxlXT1cInVzZXJuYW1lXCI+XG4gICAgICAgICAgICB7e3VzZXJuYW1lfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGRpdiBcbiAgICAgICAgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZV9fbWVudVwiXG4gICAgICAgIFthdHRyLmlkXT1cImNvbnRlbnRJZFwiXG4gICAgICAgIFtjbGFzcy5pZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZV9fbWVudS0tZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cbiAgICAgICAgQGlmKHVuaXQpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhci1tb2JpbGVfX3VuaXRcIj57e3VuaXR9fTwvZGl2PlxuICAgICAgICB9XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXItbW9iaWxlX19tZW51LWxpbmtzXCI+IFxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBpbXBvcnRzOiBbSURDbGlja091dHNpZGVEaXJlY3RpdmVdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLW1vYmlsZSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJREhlYWRlcjExNzdBZG1pbkF2YXRhck1vYmlsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHVzZXJuYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSB1bml0Pzogc3RyaW5nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHBlcnNpc3RlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIEBPdXRwdXQoKSBleHBhbmRlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb3BlbmVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbG9zZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwcml2YXRlIGlkU2VydmljZSA9IGluamVjdChJRFVzZUlkU2VydmljZSk7XG4gIGNvbnRlbnRJZCA9IHRoaXMuaWRTZXJ2aWNlLmdlbmVyYXRlSWQoJ2hlYWRlci0xMTc3LWFkbWluLWF2YXRhcicpO1xuICBoZWFkZXIgPSBpbmplY3Q8SURIZWFkZXJDb250ZXh0IHwgbnVsbD4oSURfSEVBREVSX0NPTlRFWFQsIHsgb3B0aW9uYWw6IHRydWUsIGhvc3Q6IHRydWUgfSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdXNlRXNjYXBlS2V5KCgpID0+IHRoaXMuaGFuZGxlQ2xvc2VFdmVudCgpLCAoKSA9PiB0aGlzLmV4cGFuZGVkKTtcbiAgfVxuXG4gIGhhbmRsZUNsb3NlRXZlbnQgKCkge1xuICAgIGlmKCF0aGlzLnBlcnNpc3RlbnQpIHtcbiAgICAgIHRoaXMuY2xvc2VBdmF0YXIoKTtcbiAgICB9XG4gIH1cblxuIGNsb3NlQXZhdGFyKCkge1xuICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQoZmFsc2UpO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIHRvZ2dsZUF2YXRhcigpIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICAgIGlmICh0aGlzLmV4cGFuZGVkKSB7XG4gICAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/header-1177-admin/brand-link/header-1177-admin-brand-link.directive.mjs

@@ -0,0 +1,17 @@
+import { Directive } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDHeader1177AdminBrandLinkDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminBrandLinkDirective, isStandalone: true, selector: "a[idBrand1177AdminLink]", host: { classAttribute: "ids-header-1177-admin__logo-link" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminBrandLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "a[idBrand1177AdminLink]",
+                    standalone: true,
+                    host: {
+                        class: 'ids-header-1177-admin__logo-link'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4tYnJhbmQtbGluay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2JyYW5kLWxpbmsvaGVhZGVyLTExNzctYWRtaW4tYnJhbmQtbGluay5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLG1DQUFtQzt3R0FBbkMsbUNBQW1DOzRGQUFuQyxtQ0FBbUM7OzRGQUFuQyxtQ0FBbUM7a0JBUC9DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsa0NBQWtDO3FCQUMxQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogXCJhW2lkQnJhbmQxMTc3QWRtaW5MaW5rXVwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtaGVhZGVyLTExNzctYWRtaW5fX2xvZ28tbGluaydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJREhlYWRlcjExNzdBZG1pbkJyYW5kTGlua0RpcmVjdGl2ZSB7fVxuIl19

package/esm2022/components/header-1177-admin/header-1177-admin.component.mjs

@@ -1,75 +1,57 @@
-import { CommonModule } from "@angular/common";
-import { Component, ContentChild, ContentChildren, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output } from "@angular/core";
-import "@inera/ids-core/components/header-1177-admin/register";
-import { IDHeader1177AdminItemComponent } from "./item/header-1177-admin-item.component";
+import { NgTemplateOutlet } from "@angular/common";
+import { Component, ContentChild, Input, booleanAttribute } from "@angular/core";
 import { IDHeader1177AdminAvatarComponent } from "./avatar/header-1177-admin-avatar.component";
 import { IDHeader1177AdminNavComponent } from "./nav/header-1177-admin-nav.component";
+import { IDHeader1177AdminBrandLinkDirective } from "./brand-link/header-1177-admin-brand-link.directive";
+import { ID_HEADER_CONTEXT } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class IDHeader1177AdminComponent {
-    cdRef;
-    brandtext = null;
-    brandtexttop = null;
-    brandtextbottom = null;
-    text = null;
-    hideregionpicker = false;
-    expanded = false;
-    logohref = null;
-    onDidToggleRegion = new EventEmitter();
-    // Header items
-    itemList;
-    items;
-    // Header avatar
+    brandText;
+    brandTextTop;
+    brandTextBottom;
+    unresponsive = false;
+    brandHref;
+    srBrandLabel = 'Logotyp';
     avatar;
-    // Header nav
     nav;
-    constructor(cdRef) {
-        this.cdRef = cdRef;
-    }
-    showContent = false;
-    ngAfterContentInit() {
-        this.updateItemsArray();
-        this.itemList.changes.subscribe(() => {
-            this.updateItemsArray();
-        });
-    }
-    updateItemsArray() {
-        setTimeout(() => {
-            this.items = this.itemList.toArray();
-            this.cdRef.detectChanges();
-            this.showContent = true;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDHeader1177AdminComponent, isStandalone: true, selector: "id-header-1177-admin", inputs: { brandtext: "brandtext", brandtexttop: "brandtexttop", brandtextbottom: "brandtextbottom", text: "text", hideregionpicker: "hideregionpicker", expanded: "expanded", logohref: "logohref" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "itemList", predicate: IDHeader1177AdminItemComponent }], ngImport: i0, template: "<ids-header-1177-admin\n  [attr.brandtext]=\"brandtext\"\n  [attr.brandtexttop]=\"brandtexttop\"\n  [attr.brandtextbottom]=\"brandtextbottom\"\n  [attr.text]=\"text\"\n  [attr.logohref]=\"logohref\"\n  (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\n  <ids-header-1177-admin-item *ngFor=\"let item of items\" [mobile]=\"item.mobile ? true : null\">\n    <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n  </ids-header-1177-admin-item>\n\n  <ids-header-1177-admin-avatar\n    *ngIf=\"showContent && avatar\"\n    [username]=\"avatar.username\"\n    [unit]=\"avatar.unit\"\n    [expanded]=\"avatar.expanded\"\n    [persistent]=\"avatar.persistent\">\n    <ng-container *ngTemplateOutlet=\"avatar.template\"></ng-container>\n  </ids-header-1177-admin-avatar>\n\n  <ids-header-1177-admin-nav *ngIf=\"showContent && nav\">\n    <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n  </ids-header-1177-admin-nav>\n\n  <ng-content></ng-content>\n</ids-header-1177-admin>\n", styles: ["::ng-deep [slot=region],::ng-deep [slot=region-desktop]{display:flex!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    brandLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDHeader1177AdminComponent, isStandalone: true, selector: "id-header-1177-admin", inputs: { brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], brandHref: "brandHref", srBrandLabel: "srBrandLabel" }, providers: [
+            {
+                provide: ID_HEADER_CONTEXT,
+                useExisting: IDHeader1177AdminComponent,
+            },
+        ], queries: [{ propertyName: "avatar", first: true, predicate: IDHeader1177AdminAvatarComponent, descendants: true }, { propertyName: "nav", first: true, predicate: IDHeader1177AdminNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeader1177AdminBrandLinkDirective, descendants: true }], ngImport: i0, template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDHeader1177AdminComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-header-1177-admin", standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], imports: [CommonModule], template: "<ids-header-1177-admin\n  [attr.brandtext]=\"brandtext\"\n  [attr.brandtexttop]=\"brandtexttop\"\n  [attr.brandtextbottom]=\"brandtextbottom\"\n  [attr.text]=\"text\"\n  [attr.logohref]=\"logohref\"\n  (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\n  <ids-header-1177-admin-item *ngFor=\"let item of items\" [mobile]=\"item.mobile ? true : null\">\n    <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n  </ids-header-1177-admin-item>\n\n  <ids-header-1177-admin-avatar\n    *ngIf=\"showContent && avatar\"\n    [username]=\"avatar.username\"\n    [unit]=\"avatar.unit\"\n    [expanded]=\"avatar.expanded\"\n    [persistent]=\"avatar.persistent\">\n    <ng-container *ngTemplateOutlet=\"avatar.template\"></ng-container>\n  </ids-header-1177-admin-avatar>\n\n  <ids-header-1177-admin-nav *ngIf=\"showContent && nav\">\n    <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n  </ids-header-1177-admin-nav>\n\n  <ng-content></ng-content>\n</ids-header-1177-admin>\n", styles: ["::ng-deep [slot=region],::ng-deep [slot=region-desktop]{display:flex!important}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { brandtext: [{
+            args: [{ selector: "id-header-1177-admin", providers: [
+                        {
+                            provide: ID_HEADER_CONTEXT,
+                            useExisting: IDHeader1177AdminComponent,
+                        },
+                    ], standalone: true, imports: [NgTemplateOutlet], template: "<header class=\"ids-header-1177-admin\">\n  <ng-content select=\"id-header-1177-admin-skip-to-content\"></ng-content>\n  <div class=\"ids-header-1177-admin__main\">\n    <div class=\"ids-header-1177-admin__main-left\">\n      <div class=\"ids-header-1177-admin__logo\"> \n        @if(brandLink) {\n          <ng-content select=\"[idBrand1177AdminLink]\"></ng-content>\n        } @else {\n          <a [attr.href]=\"brandHref\" class=\"ids-header-1177-admin__logo-link\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n      </div>\n      <div class=\"ids-header-1177-admin__brand\">\n        @if(brandTextTop) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextTop}}</div>\n        }\n        <div class=\"ids-header-1177-admin__brand-text\">{{brandText}}</div>\n        @if(brandTextBottom) {\n          <div class=\"ids-header-1177-admin__brand-text---supplement\">{{brandTextBottom}}</div>\n        }\n      </div>\n    </div>\n    <div class=\"ids-header-1177-admin__main-right\"> \n      <ng-content select=\"id-header-1177-admin-item\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-avatar\"></ng-content>\n      <ng-content select=\"id-header-1177-admin-menu-mobile\"></ng-content>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-1177-admin-nav\"\n      [class.ids-header-1177-admin__nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-1177-admin__nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>" }]
+        }], propDecorators: { brandText: [{
                 type: Input
-            }], brandtexttop: [{
+            }], brandTextTop: [{
                 type: Input
-            }], brandtextbottom: [{
+            }], brandTextBottom: [{
                 type: Input
-            }], text: [{
+            }], unresponsive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], brandHref: [{
                 type: Input
-            }], hideregionpicker: [{
+            }], srBrandLabel: [{
                 type: Input
-            }], expanded: [{
-                type: Input
-            }], logohref: [{
-                type: Input
-            }], onDidToggleRegion: [{
-                type: Output
-            }], itemList: [{
-                type: ContentChildren,
-                args: [IDHeader1177AdminItemComponent]
             }], avatar: [{
                 type: ContentChild,
                 args: [IDHeader1177AdminAvatarComponent]
             }], nav: [{
                 type: ContentChild,
                 args: [IDHeader1177AdminNavComponent]
+            }], brandLink: [{
+                type: ContentChild,
+                args: [IDHeader1177AdminBrandLinkDirective]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXItMTE3Ny1hZG1pbi9oZWFkZXItMTE3Ny1hZG1pbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2hlYWRlci0xMTc3LWFkbWluLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2Ysc0JBQXNCLEVBQ3RCLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sdURBQXVELENBQUM7QUFDL0QsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDekYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0YsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7OztBQVV0RixNQUFNLE9BQU8sMEJBQTBCO0lBaUNqQjtJQS9CcEIsU0FBUyxHQUFrQixJQUFJLENBQUM7SUFFaEMsWUFBWSxHQUFrQixJQUFJLENBQUM7SUFFbkMsZUFBZSxHQUFrQixJQUFJLENBQUM7SUFFdEMsSUFBSSxHQUFrQixJQUFJLENBQUM7SUFFM0IsZ0JBQWdCLEdBQVksS0FBSyxDQUFDO0lBRWxDLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFFMUIsUUFBUSxHQUFrQixJQUFJLENBQUM7SUFHL0IsaUJBQWlCLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFOUQsZUFBZTtJQUVmLFFBQVEsQ0FBNEM7SUFFN0MsS0FBSyxDQUFtQztJQUUvQyxnQkFBZ0I7SUFFaEIsTUFBTSxDQUFtQztJQUV6QyxhQUFhO0lBRWIsR0FBRyxDQUFnQztJQUVuQyxZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtJQUFHLENBQUM7SUFFaEQsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUViLGtCQUFrQjtRQUN2QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ25DLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQjtRQUNkLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBbERVLDBCQUEwQjs0RkFBMUIsMEJBQTBCLCtXQTBCdkIsZ0NBQWdDLHNFQUloQyw2QkFBNkIsOERBVjFCLDhCQUE4Qiw2QkM3Q2pELDIrQkEwQkEsMElESFksWUFBWTs7NEZBRVgsMEJBQTBCO2tCQVJ0QyxTQUFTOytCQUNFLHNCQUFzQixjQUdwQixJQUFJLFdBQ1AsQ0FBQyxzQkFBc0IsQ0FBQyxXQUN4QixDQUFDLFlBQVksQ0FBQztzRkFJdkIsU0FBUztzQkFEUixLQUFLO2dCQUdOLFlBQVk7c0JBRFgsS0FBSztnQkFHTixlQUFlO3NCQURkLEtBQUs7Z0JBR04sSUFBSTtzQkFESCxLQUFLO2dCQUdOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4saUJBQWlCO3NCQURoQixNQUFNO2dCQUtQLFFBQVE7c0JBRFAsZUFBZTt1QkFBQyw4QkFBOEI7Z0JBTy9DLE1BQU07c0JBREwsWUFBWTt1QkFBQyxnQ0FBZ0M7Z0JBSzlDLEdBQUc7c0JBREYsWUFBWTt1QkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3Rcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCBcIkBpbmVyYS9pZHMtY29yZS9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL3JlZ2lzdGVyXCI7XG5pbXBvcnQgeyBJREhlYWRlcjExNzdBZG1pbkl0ZW1Db21wb25lbnQgfSBmcm9tIFwiLi9pdGVtL2hlYWRlci0xMTc3LWFkbWluLWl0ZW0uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJREhlYWRlcjExNzdBZG1pbkF2YXRhckNvbXBvbmVudCB9IGZyb20gXCIuL2F2YXRhci9oZWFkZXItMTE3Ny1hZG1pbi1hdmF0YXIuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJREhlYWRlcjExNzdBZG1pbk5hdkNvbXBvbmVudCB9IGZyb20gXCIuL25hdi9oZWFkZXItMTE3Ny1hZG1pbi1uYXYuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1oZWFkZXItMTE3Ny1hZG1pblwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2hlYWRlci0xMTc3LWFkbWluLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlczogW1wiOjpuZy1kZWVwIFtzbG90PXJlZ2lvbl0sIDo6bmctZGVlcCBbc2xvdD1yZWdpb24tZGVza3RvcF0geyBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7IH1cIl0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgSURIZWFkZXIxMTc3QWRtaW5Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBicmFuZHRleHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKVxuICBicmFuZHRleHR0b3A6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKVxuICBicmFuZHRleHRib3R0b206IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgQElucHV0KClcbiAgaGlkZXJlZ2lvbnBpY2tlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBsb2dvaHJlZjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgpXG4gIG9uRGlkVG9nZ2xlUmVnaW9uOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy8gSGVhZGVyIGl0ZW1zXG4gIEBDb250ZW50Q2hpbGRyZW4oSURIZWFkZXIxMTc3QWRtaW5JdGVtQ29tcG9uZW50KVxuICBpdGVtTGlzdDogUXVlcnlMaXN0PElESGVhZGVyMTE3N0FkbWluSXRlbUNvbXBvbmVudD47XG5cbiAgcHVibGljIGl0ZW1zOiBJREhlYWRlcjExNzdBZG1pbkl0ZW1Db21wb25lbnRbXTtcblxuICAvLyBIZWFkZXIgYXZhdGFyXG4gIEBDb250ZW50Q2hpbGQoSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQpXG4gIGF2YXRhcjogSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQ7XG5cbiAgLy8gSGVhZGVyIG5hdlxuICBAQ29udGVudENoaWxkKElESGVhZGVyMTE3N0FkbWluTmF2Q29tcG9uZW50KVxuICBuYXY6IElESGVhZGVyMTE3N0FkbWluTmF2Q29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHNob3dDb250ZW50ID0gZmFsc2U7XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZUl0ZW1zQXJyYXkoKTtcbiAgICB0aGlzLml0ZW1MaXN0LmNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlSXRlbXNBcnJheSgpO1xuICAgIH0pO1xuICB9XG5cbiAgdXBkYXRlSXRlbXNBcnJheSgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXRlbXMgPSB0aGlzLml0ZW1MaXN0LnRvQXJyYXkoKTtcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgdGhpcy5zaG93Q29udGVudCA9IHRydWU7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxpZHMtaGVhZGVyLTExNzctYWRtaW5cbiAgW2F0dHIuYnJhbmR0ZXh0XT1cImJyYW5kdGV4dFwiXG4gIFthdHRyLmJyYW5kdGV4dHRvcF09XCJicmFuZHRleHR0b3BcIlxuICBbYXR0ci5icmFuZHRleHRib3R0b21dPVwiYnJhbmR0ZXh0Ym90dG9tXCJcbiAgW2F0dHIudGV4dF09XCJ0ZXh0XCJcbiAgW2F0dHIubG9nb2hyZWZdPVwibG9nb2hyZWZcIlxuICAoZGlkVG9nZ2xlUmVnaW9uKT1cIm9uRGlkVG9nZ2xlUmVnaW9uLmVtaXQodHJ1ZSlcIj5cbiAgPGlkcy1oZWFkZXItMTE3Ny1hZG1pbi1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW21vYmlsZV09XCJpdGVtLm1vYmlsZSA/IHRydWUgOiBudWxsXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0udGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9pZHMtaGVhZGVyLTExNzctYWRtaW4taXRlbT5cblxuICA8aWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhclxuICAgICpuZ0lmPVwic2hvd0NvbnRlbnQgJiYgYXZhdGFyXCJcbiAgICBbdXNlcm5hbWVdPVwiYXZhdGFyLnVzZXJuYW1lXCJcbiAgICBbdW5pdF09XCJhdmF0YXIudW5pdFwiXG4gICAgW2V4cGFuZGVkXT1cImF2YXRhci5leHBhbmRlZFwiXG4gICAgW3BlcnNpc3RlbnRdPVwiYXZhdGFyLnBlcnNpc3RlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYXZhdGFyLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvaWRzLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhcj5cblxuICA8aWRzLWhlYWRlci0xMTc3LWFkbWluLW5hdiAqbmdJZj1cInNob3dDb250ZW50ICYmIG5hdlwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJuYXYudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9pZHMtaGVhZGVyLTExNzctYWRtaW4tbmF2PlxuXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLWhlYWRlci0xMTc3LWFkbWluPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLTExNzctYWRtaW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9oZWFkZXItMTE3Ny1hZG1pbi9oZWFkZXItMTE3Ny1hZG1pbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2hlYWRlci0xMTc3LWFkbWluL2hlYWRlci0xMTc3LWFkbWluLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMvRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN0RixPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsaUJBQWlCLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7O0FBYy9FLE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsU0FBUyxDQUFVO0lBQ25CLFlBQVksQ0FBVTtJQUN0QixlQUFlLENBQVU7SUFDTSxZQUFZLEdBQVksS0FBSyxDQUFDO0lBQzdELFNBQVMsQ0FBVTtJQUNuQixZQUFZLEdBQVcsU0FBUyxDQUFDO0lBRzFDLE1BQU0sQ0FBbUM7SUFHekMsR0FBRyxDQUFnQztJQUduQyxTQUFTLENBQXNDO3dHQWZwQywwQkFBMEI7NEZBQTFCLDBCQUEwQiwyTUFJakIsZ0JBQWdCLHNFQWJ2QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSwwQkFBMEI7YUFDeEM7U0FDRiw4REFZVyxnQ0FBZ0Msc0VBR2hDLDZCQUE2Qiw0RUFHN0IsbUNBQW1DLGdEQ2xDbkQsNmlEQWtDUyw0Q0RoQkcsZ0JBQWdCOzs0RkFFZiwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0Usc0JBQXNCLGFBRW5CO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsNEJBQTRCO3lCQUN4QztxQkFDRixjQUNTLElBQUksV0FDUCxDQUFDLGdCQUFnQixDQUFDOzhCQUdsQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDa0MsWUFBWTtzQkFBbkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxnQ0FBZ0M7Z0JBSTlDLEdBQUc7c0JBREYsWUFBWTt1QkFBQyw2QkFBNkI7Z0JBSTNDLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxtQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQgfSBmcm9tIFwiLi9hdmF0YXIvaGVhZGVyLTExNzctYWRtaW4tYXZhdGFyLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgSURIZWFkZXIxMTc3QWRtaW5OYXZDb21wb25lbnQgfSBmcm9tIFwiLi9uYXYvaGVhZGVyLTExNzctYWRtaW4tbmF2LmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgSURIZWFkZXIxMTc3QWRtaW5CcmFuZExpbmtEaXJlY3RpdmUgfSBmcm9tIFwiLi9icmFuZC1saW5rL2hlYWRlci0xMTc3LWFkbWluLWJyYW5kLWxpbmsuZGlyZWN0aXZlXCI7XG5pbXBvcnQgeyBJRF9IRUFERVJfQ09OVEVYVCwgSURIZWFkZXJDb250ZXh0IH0gZnJvbSBcIkBpbmVyYS9pZHMtYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLWhlYWRlci0xMTc3LWFkbWluXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vaGVhZGVyLTExNzctYWRtaW4uY29tcG9uZW50Lmh0bWxcIixcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgIHtcbiAgICAgICAgcHJvdmlkZTogSURfSEVBREVSX0NPTlRFWFQsXG4gICAgICAgIHVzZUV4aXN0aW5nOiBJREhlYWRlcjExNzdBZG1pbkNvbXBvbmVudCxcbiAgICAgIH0sXG4gICAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdXG59KVxuZXhwb3J0IGNsYXNzIElESGVhZGVyMTE3N0FkbWluQ29tcG9uZW50IGltcGxlbWVudHMgSURIZWFkZXJDb250ZXh0IHtcbiAgQElucHV0KCkgYnJhbmRUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBicmFuZFRleHRUb3A/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJyYW5kVGV4dEJvdHRvbT86IHN0cmluZztcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHVucmVzcG9uc2l2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBicmFuZEhyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNyQnJhbmRMYWJlbDogc3RyaW5nID0gJ0xvZ290eXAnO1xuXG4gIEBDb250ZW50Q2hpbGQoSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQpXG4gIGF2YXRhcjogSURIZWFkZXIxMTc3QWRtaW5BdmF0YXJDb21wb25lbnQ7XG5cbiAgQENvbnRlbnRDaGlsZChJREhlYWRlcjExNzdBZG1pbk5hdkNvbXBvbmVudClcbiAgbmF2OiBJREhlYWRlcjExNzdBZG1pbk5hdkNvbXBvbmVudDtcblxuICBAQ29udGVudENoaWxkKElESGVhZGVyMTE3N0FkbWluQnJhbmRMaW5rRGlyZWN0aXZlKVxuICBicmFuZExpbms6IElESGVhZGVyMTE3N0FkbWluQnJhbmRMaW5rRGlyZWN0aXZlO1xuXG59XG4iLCI8aGVhZGVyIGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWhlYWRlci0xMTc3LWFkbWluLXNraXAtdG8tY29udGVudFwiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbl9fbWFpblwiPlxuICAgIDxkaXYgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW5fX21haW4tbGVmdFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbl9fbG9nb1wiPiBcbiAgICAgICAgQGlmKGJyYW5kTGluaykge1xuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpZEJyYW5kMTE3N0FkbWluTGlua11cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxhIFthdHRyLmhyZWZdPVwiYnJhbmRIcmVmXCIgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW5fX2xvZ28tbGlua1wiIFthdHRyLmFyaWEtbGFiZWxdPVwic3JCcmFuZExhYmVsXCI+IDwvYT5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluX19icmFuZFwiPlxuICAgICAgICBAaWYoYnJhbmRUZXh0VG9wKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbl9fYnJhbmQtdGV4dC0tLXN1cHBsZW1lbnRcIj57e2JyYW5kVGV4dFRvcH19PC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cImlkcy1oZWFkZXItMTE3Ny1hZG1pbl9fYnJhbmQtdGV4dFwiPnt7YnJhbmRUZXh0fX08L2Rpdj5cbiAgICAgICAgQGlmKGJyYW5kVGV4dEJvdHRvbSkge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW5fX2JyYW5kLXRleHQtLS1zdXBwbGVtZW50XCI+e3ticmFuZFRleHRCb3R0b219fTwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaWRzLWhlYWRlci0xMTc3LWFkbWluX19tYWluLXJpZ2h0XCI+IFxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtaGVhZGVyLTExNzctYWRtaW4taXRlbVwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWhlYWRlci0xMTc3LWFkbWluLWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWhlYWRlci0xMTc3LWFkbWluLW1lbnUtbW9iaWxlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgQGlmKG5hdikge1xuICAgIDxuYXYgY2xhc3M9XCJpZHMtaGVhZGVyLTExNzctYWRtaW4tbmF2XCJcbiAgICAgIFtjbGFzcy5pZHMtaGVhZGVyLTExNzctYWRtaW5fX25hdi0tdW5yZXNwb25zaXZlXT1cInVucmVzcG9uc2l2ZVwiXG4gICAgICBbY2xhc3MuaWRzLWhlYWRlci0xMTc3LWFkbWluX19uYXYtLWhpZGUtb24tdGFibGV0XT1cIm5hdi5oaWRlT25UYWJsZXRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJuYXYudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25hdj5cbiAgfVxuPC9oZWFkZXI+Il19