@kirbydesign/designsystem 8.0.0 → 8.1.0

package/esm2020/modal/experimental/fullscreen/fullscreen.component.mjs

@@ -1,72 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { IonContent, IonModal } from '@ionic/angular';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@ionic/angular";
-import * as i3 from "@kirbydesign/designsystem/icon";
-import * as i4 from "@kirbydesign/designsystem/button";
-export class FullscreenModalExperimentalComponent {
-    constructor() {
-        this.open = false;
-        this.canDismiss = true;
-        this.title = '';
-        this.hasCollapsibleTitle = false;
-        this.scrollDisabled = false;
-        this.willPresent = new EventEmitter();
-        this.didPresent = new EventEmitter();
-        this.didDismiss = new EventEmitter();
-        this.willDismiss = new EventEmitter();
-    }
-    _closeModal() {
-        this.modal.dismiss(null, 'cancel');
-    }
-    _onWillPresent(event) {
-        this.willPresent.emit(event);
-    }
-    _onDidPresent(event) {
-        this.didPresent.emit(event);
-    }
-    _onWillDismiss(event) {
-        this.willDismiss.emit(event);
-    }
-    _onDidDismiss(event) {
-        this.didDismiss.emit(event);
-    }
-    scrollToTop(scrollDuration) {
-        this.ionContent.scrollToTop(scrollDuration || 0);
-    }
-    scrollToBottom(scrollDuration) {
-        this.ionContent.scrollToBottom(scrollDuration || 0);
-    }
-}
-/** @nocollapse */ FullscreenModalExperimentalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FullscreenModalExperimentalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ FullscreenModalExperimentalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: FullscreenModalExperimentalComponent, selector: "kirby-fullscreen-modal-experimental", inputs: { open: "open", canDismiss: "canDismiss", title: "title", hasCollapsibleTitle: "hasCollapsibleTitle", scrollDisabled: "scrollDisabled" }, outputs: { willPresent: "willPresent", didPresent: "didPresent", didDismiss: "didDismiss", willDismiss: "willDismiss" }, viewQueries: [{ propertyName: "modal", first: true, predicate: IonModal, descendants: true }, { propertyName: "ionContent", first: true, predicate: IonContent, descendants: true }], ngImport: i0, template: "<ion-modal\n  [isOpen]=\"open\"\n  [canDismiss]=\"canDismiss\"\n  (willPresent)=\"_onWillPresent($event)\"\n  (didPresent)=\"_onDidPresent($event)\"\n  (willDismiss)=\"_onWillDismiss($event)\"\n  (didDismiss)=\"_onDidDismiss($event)\"\n>\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ng-content select=\"[header-start]\"></ng-content>\n        <ion-title>{{ title }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <button kirby-button [noDecoration]=\"true\" size=\"md\" (click)=\"_closeModal()\">\n            <kirby-icon [name]=\"'close'\"></kirby-icon>\n          </button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n\n    <ion-content [scrollEvents]=\"true\" [scrollY]=\"!scrollDisabled\">\n      <ion-header *ngIf=\"hasCollapsibleTitle\" collapse=\"condense\">\n        <ion-toolbar>\n          <span class=\"kirby-text-large\">{{ title }}</span>\n        </ion-toolbar>\n      </ion-header>\n      <ng-container>\n        <ng-content></ng-content>\n      </ng-container>\n    </ion-content>\n    <ng-content select=\"[footer]\"></ng-content>\n  </ng-template>\n</ion-modal>\n", styles: ["ion-header{box-sizing:border-box}ion-header ion-toolbar{--padding-start: 16px;--padding-end: 16px;--padding-bottom: 12px;--padding-top: 12px;--border-width: 0;--background: transparent;--color: var(--kirby-modal-color, var(--kirby-black))}ion-header ion-toolbar button{color:var(--color)}@media (min-width: 721px){ion-header ion-toolbar{padding-top:8px}}:host{--vh100: var(--vh, 1vh) * 100;--header-height: 0px;--footer-height: 0px}@media (min-width: 721px){:host-context(ion-modal){padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top, 0px))}:host-context(ion-modal) ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal) ion-content::part(scroll){height:\"100%\";position:relative}}ion-modal{--background: var(--kirby-modal-background, var(--kirby-background-color))}ion-title{box-sizing:border-box;padding-inline-start:calc(48px + var(--padding-start));padding-inline-end:calc(48px + var(--padding-end));font-size:22px;font-weight:700}ion-content{--background: transparent;--color: var(--kirby-modal-color, var(--kirby-black));display:flex;flex-direction:column;--padding-top: 24px;--padding-bottom: 24px;--padding-start: 16px;--padding-end: 16px}ion-content ::ng-deep>*{box-sizing:border-box;display:block}@media (min-width: 721px){ion-content{--padding-start: 56px;--padding-end: 56px}}:host(.collapsible-title) ion-content{--padding-top: 0px}:host(.collapsible-title) ion-content ion-header ion-toolbar:first-of-type{padding-top:0;--padding-top: 0px;--padding-bottom: 0px;--padding-start: 0px;--padding-end: 0px}:host(.collapsible-title) ion-title{font-size:16px;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonModal, selector: "ion-modal", inputs: ["animated", "keepContentsMounted", "backdropBreakpoint", "backdropDismiss", "breakpoints", "canDismiss", "cssClass", "enterAnimation", "event", "handle", "handleBehavior", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IconComponent, selector: "kirby-icon", inputs: ["size", "name", "customName"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[kirby-button],Button[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FullscreenModalExperimentalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-fullscreen-modal-experimental', template: "<ion-modal\n  [isOpen]=\"open\"\n  [canDismiss]=\"canDismiss\"\n  (willPresent)=\"_onWillPresent($event)\"\n  (didPresent)=\"_onDidPresent($event)\"\n  (willDismiss)=\"_onWillDismiss($event)\"\n  (didDismiss)=\"_onDidDismiss($event)\"\n>\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ng-content select=\"[header-start]\"></ng-content>\n        <ion-title>{{ title }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <button kirby-button [noDecoration]=\"true\" size=\"md\" (click)=\"_closeModal()\">\n            <kirby-icon [name]=\"'close'\"></kirby-icon>\n          </button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n\n    <ion-content [scrollEvents]=\"true\" [scrollY]=\"!scrollDisabled\">\n      <ion-header *ngIf=\"hasCollapsibleTitle\" collapse=\"condense\">\n        <ion-toolbar>\n          <span class=\"kirby-text-large\">{{ title }}</span>\n        </ion-toolbar>\n      </ion-header>\n      <ng-container>\n        <ng-content></ng-content>\n      </ng-container>\n    </ion-content>\n    <ng-content select=\"[footer]\"></ng-content>\n  </ng-template>\n</ion-modal>\n", styles: ["ion-header{box-sizing:border-box}ion-header ion-toolbar{--padding-start: 16px;--padding-end: 16px;--padding-bottom: 12px;--padding-top: 12px;--border-width: 0;--background: transparent;--color: var(--kirby-modal-color, var(--kirby-black))}ion-header ion-toolbar button{color:var(--color)}@media (min-width: 721px){ion-header ion-toolbar{padding-top:8px}}:host{--vh100: var(--vh, 1vh) * 100;--header-height: 0px;--footer-height: 0px}@media (min-width: 721px){:host-context(ion-modal){padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top, 0px))}:host-context(ion-modal) ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal) ion-content::part(scroll){height:\"100%\";position:relative}}ion-modal{--background: var(--kirby-modal-background, var(--kirby-background-color))}ion-title{box-sizing:border-box;padding-inline-start:calc(48px + var(--padding-start));padding-inline-end:calc(48px + var(--padding-end));font-size:22px;font-weight:700}ion-content{--background: transparent;--color: var(--kirby-modal-color, var(--kirby-black));display:flex;flex-direction:column;--padding-top: 24px;--padding-bottom: 24px;--padding-start: 16px;--padding-end: 16px}ion-content ::ng-deep>*{box-sizing:border-box;display:block}@media (min-width: 721px){ion-content{--padding-start: 56px;--padding-end: 56px}}:host(.collapsible-title) ion-content{--padding-top: 0px}:host(.collapsible-title) ion-content ion-header ion-toolbar:first-of-type{padding-top:0;--padding-top: 0px;--padding-bottom: 0px;--padding-start: 0px;--padding-end: 0px}:host(.collapsible-title) ion-title{font-size:16px;font-weight:700}\n"] }]
-        }], propDecorators: { modal: [{
-                type: ViewChild,
-                args: [IonModal]
-            }], ionContent: [{
-                type: ViewChild,
-                args: [IonContent]
-            }], open: [{
-                type: Input
-            }], canDismiss: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], hasCollapsibleTitle: [{
-                type: Input
-            }], scrollDisabled: [{
-                type: Input
-            }], willPresent: [{
-                type: Output
-            }], didPresent: [{
-                type: Output
-            }], didDismiss: [{
-                type: Output
-            }], willDismiss: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHNjcmVlbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9tb2RhbC9leHBlcmltZW50YWwvc3JjL2Z1bGxzY3JlZW4vZnVsbHNjcmVlbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9tb2RhbC9leHBlcmltZW50YWwvc3JjL2Z1bGxzY3JlZW4vZnVsbHNjcmVlbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFTdEQsTUFBTSxPQUFPLG9DQUFvQztJQUxqRDtRQVNXLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixlQUFVLEdBQXVDLElBQUksQ0FBQztRQUN0RCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBQzVCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBRXRCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQW1DLENBQUM7UUFDbEUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQ2pFLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBbUMsQ0FBQztRQUNqRSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO0tBNkI3RTtJQTNCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBc0M7UUFDbkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFzQztRQUNsRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQXNDO1FBQ25ELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBc0M7UUFDbEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVNLFdBQVcsQ0FBQyxjQUF3QztRQUN6RCxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVNLGNBQWMsQ0FBQyxjQUF3QztRQUM1RCxJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7b0pBekNVLG9DQUFvQzt3SUFBcEMsb0NBQW9DLDZYQUNwQyxRQUFRLDZFQUNSLFVBQVUsZ0RDWnZCLGtuQ0FrQ0E7MkZEeEJhLG9DQUFvQztrQkFMaEQsU0FBUzsrQkFDRSxxQ0FBcUM7OEJBSzFCLEtBQUs7c0JBQXpCLFNBQVM7dUJBQUMsUUFBUTtnQkFDSSxVQUFVO3NCQUFoQyxTQUFTO3VCQUFDLFVBQVU7Z0JBRVosSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25Db250ZW50LCBJb25Nb2RhbCB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IE92ZXJsYXlFdmVudERldGFpbCB9IGZyb20gJ0Bpb25pYy9jb3JlL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgS2lyYnlBbmltYXRpb24gfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2hlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXJieS1mdWxsc2NyZWVuLW1vZGFsLWV4cGVyaW1lbnRhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mdWxsc2NyZWVuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZnVsbHNjcmVlbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGdWxsc2NyZWVuTW9kYWxFeHBlcmltZW50YWxDb21wb25lbnQge1xuICBAVmlld0NoaWxkKElvbk1vZGFsKSBtb2RhbDogSW9uTW9kYWw7XG4gIEBWaWV3Q2hpbGQoSW9uQ29udGVudCkgaW9uQ29udGVudDogSW9uQ29udGVudDtcblxuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNhbkRpc21pc3M6IGJvb2xlYW4gfCAoKCkgPT4gUHJvbWlzZTxib29sZWFuPikgPSB0cnVlO1xuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICBASW5wdXQoKSBoYXNDb2xsYXBzaWJsZVRpdGxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNjcm9sbERpc2FibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHdpbGxQcmVzZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxDdXN0b21FdmVudDxPdmVybGF5RXZlbnREZXRhaWw+PigpO1xuICBAT3V0cHV0KCkgZGlkUHJlc2VudCA9IG5ldyBFdmVudEVtaXR0ZXI8Q3VzdG9tRXZlbnQ8T3ZlcmxheUV2ZW50RGV0YWlsPj4oKTtcbiAgQE91dHB1dCgpIGRpZERpc21pc3MgPSBuZXcgRXZlbnRFbWl0dGVyPEN1c3RvbUV2ZW50PE92ZXJsYXlFdmVudERldGFpbD4+KCk7XG4gIEBPdXRwdXQoKSB3aWxsRGlzbWlzcyA9IG5ldyBFdmVudEVtaXR0ZXI8Q3VzdG9tRXZlbnQ8T3ZlcmxheUV2ZW50RGV0YWlsPj4oKTtcblxuICBfY2xvc2VNb2RhbCgpIHtcbiAgICB0aGlzLm1vZGFsLmRpc21pc3MobnVsbCwgJ2NhbmNlbCcpO1xuICB9XG5cbiAgX29uV2lsbFByZXNlbnQoZXZlbnQ6IEN1c3RvbUV2ZW50PE92ZXJsYXlFdmVudERldGFpbD4pIHtcbiAgICB0aGlzLndpbGxQcmVzZW50LmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgX29uRGlkUHJlc2VudChldmVudDogQ3VzdG9tRXZlbnQ8T3ZlcmxheUV2ZW50RGV0YWlsPikge1xuICAgIHRoaXMuZGlkUHJlc2VudC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIF9vbldpbGxEaXNtaXNzKGV2ZW50OiBDdXN0b21FdmVudDxPdmVybGF5RXZlbnREZXRhaWw+KSB7XG4gICAgdGhpcy53aWxsRGlzbWlzcy5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIF9vbkRpZERpc21pc3MoZXZlbnQ6IEN1c3RvbUV2ZW50PE92ZXJsYXlFdmVudERldGFpbD4pIHtcbiAgICB0aGlzLmRpZERpc21pc3MuZW1pdChldmVudCk7XG4gIH1cblxuICBwdWJsaWMgc2Nyb2xsVG9Ub3Aoc2Nyb2xsRHVyYXRpb24/OiBLaXJieUFuaW1hdGlvbi5EdXJhdGlvbikge1xuICAgIHRoaXMuaW9uQ29udGVudC5zY3JvbGxUb1RvcChzY3JvbGxEdXJhdGlvbiB8fCAwKTtcbiAgfVxuXG4gIHB1YmxpYyBzY3JvbGxUb0JvdHRvbShzY3JvbGxEdXJhdGlvbj86IEtpcmJ5QW5pbWF0aW9uLkR1cmF0aW9uKSB7XG4gICAgdGhpcy5pb25Db250ZW50LnNjcm9sbFRvQm90dG9tKHNjcm9sbER1cmF0aW9uIHx8IDApO1xuICB9XG59XG4iLCI8aW9uLW1vZGFsXG4gIFtpc09wZW5dPVwib3BlblwiXG4gIFtjYW5EaXNtaXNzXT1cImNhbkRpc21pc3NcIlxuICAod2lsbFByZXNlbnQpPVwiX29uV2lsbFByZXNlbnQoJGV2ZW50KVwiXG4gIChkaWRQcmVzZW50KT1cIl9vbkRpZFByZXNlbnQoJGV2ZW50KVwiXG4gICh3aWxsRGlzbWlzcyk9XCJfb25XaWxsRGlzbWlzcygkZXZlbnQpXCJcbiAgKGRpZERpc21pc3MpPVwiX29uRGlkRGlzbWlzcygkZXZlbnQpXCJcbj5cbiAgPG5nLXRlbXBsYXRlPlxuICAgIDxpb24taGVhZGVyPlxuICAgICAgPGlvbi10b29sYmFyPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyLXN0YXJ0XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGlvbi10aXRsZT57eyB0aXRsZSB9fTwvaW9uLXRpdGxlPlxuICAgICAgICA8aW9uLWJ1dHRvbnMgc2xvdD1cImVuZFwiPlxuICAgICAgICAgIDxidXR0b24ga2lyYnktYnV0dG9uIFtub0RlY29yYXRpb25dPVwidHJ1ZVwiIHNpemU9XCJtZFwiIChjbGljayk9XCJfY2xvc2VNb2RhbCgpXCI+XG4gICAgICAgICAgICA8a2lyYnktaWNvbiBbbmFtZV09XCInY2xvc2UnXCI+PC9raXJieS1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2lvbi1idXR0b25zPlxuICAgICAgPC9pb24tdG9vbGJhcj5cbiAgICA8L2lvbi1oZWFkZXI+XG5cbiAgICA8aW9uLWNvbnRlbnQgW3Njcm9sbEV2ZW50c109XCJ0cnVlXCIgW3Njcm9sbFldPVwiIXNjcm9sbERpc2FibGVkXCI+XG4gICAgICA8aW9uLWhlYWRlciAqbmdJZj1cImhhc0NvbGxhcHNpYmxlVGl0bGVcIiBjb2xsYXBzZT1cImNvbmRlbnNlXCI+XG4gICAgICAgIDxpb24tdG9vbGJhcj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImtpcmJ5LXRleHQtbGFyZ2VcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9pb24tdG9vbGJhcj5cbiAgICAgIDwvaW9uLWhlYWRlcj5cbiAgICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvaW9uLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L2lvbi1tb2RhbD5cbiJdfQ==