ng-cw-v12
Version:
Angular UI Component Library
78 lines • 16.5 kB
JavaScript
import { Component, Input, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class EmojiSwitchComponent {
constructor(cd) {
this.cd = cd;
/** 是否禁用 */
this._disabled = false;
/** 尺寸 */
this.ncSize = 'default';
this.innerValue = false;
this.onChangeCallback = () => { };
this.onTouchedCallback = () => { };
}
set ncDisabled(value) {
this._disabled = value !== null && value !== undefined && value !== false && value !== 'false';
}
get ncDisabled() {
return this._disabled;
}
get value() {
return this.innerValue;
}
set value(v) {
if (v !== this.innerValue) {
this.innerValue = v;
this.onChangeCallback(v);
}
}
// 从模型写入值到视图
writeValue(value) {
if (value !== this.innerValue) {
this.innerValue = value;
this.cd.markForCheck();
}
}
// 注册 onChange 事件
registerOnChange(fn) {
this.onChangeCallback = fn;
}
// 注册 onTouched 事件
registerOnTouched(fn) {
this.onTouchedCallback = fn;
}
onInputChange(event) {
this.value = event;
}
}
EmojiSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: EmojiSwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
EmojiSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: EmojiSwitchComponent, selector: "nc-emoji-switch", inputs: { ncDisabled: "ncDisabled", ncSize: "ncSize" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => EmojiSwitchComponent),
multi: true
}
], ngImport: i0, template: "<div class=\"nc-emoji-switch\" [ngClass]=\"'nc-emoji-switch-' + ncSize\">\r\n <div class=\"switch-disabled\" *ngIf=\"ncDisabled\"></div>\r\n <span class=\"switch__wrapper\">\r\n <input class=\"switch__input\" type=\"checkbox\" [ngModel]=\"value\" (ngModelChange)=\"onInputChange($event)\" />\r\n <span class=\"switch__emoji\">\r\n <span class=\"switch__emoji-face switch__emoji-face--sad\">\r\n <span class=\"switch__emoji-eye\"></span>\r\n <span class=\"switch__emoji-eye\"></span>\r\n <span class=\"switch__emoji-mouth\"></span>\r\n </span>\r\n <span class=\"switch__emoji-face\">\r\n <span class=\"switch__emoji-eye\"></span>\r\n <span class=\"switch__emoji-eye\"></span>\r\n <span class=\"switch__emoji-mouth\"></span>\r\n </span>\r\n </span>\r\n </span>\r\n</div>", styles: [".nc-emoji-switch-default{font-size:16px}.nc-emoji-switch-small{font-size:14px}.nc-emoji-switch-large{font-size:18px}.nc-emoji-switch{position:relative;width:-moz-fit-content;width:fit-content;display:flex;--hue: 223;--bg: hsl(var(--hue), 10%, 90%);--fg: hsl(var(--hue), 10%, 10%);--trans-dur: .5s;--trans-timing1: cubic-bezier(.65, 0, .35, 1);--trans-timing2: cubic-bezier(.65, 0, .35, 1.5)}.nc-emoji-switch .switch-disabled{position:absolute;top:0;left:0;right:0;bottom:0;cursor:not-allowed;-webkit-user-select:none;user-select:none;background-color:#f0f0f0;color:#888;opacity:.6;z-index:1;border-radius:.75em}.nc-emoji-switch .switch__wrapper{display:block;position:relative}.nc-emoji-switch .switch__wrapper input{box-sizing:border-box;margin:0;padding:0;border:0;color:var(--fg);font:1em/1.5 sans-serif;transition:background-color var(--trans-dur) var(--trans-timing1),color var(--trans-dur) var(--trans-timing1)}.nc-emoji-switch .switch__wrapper .switch__input{-webkit-tap-highlight-color:transparent}.nc-emoji-switch .switch__wrapper .switch__input{background-color:hsl(var(--hue),10%,80%);border-radius:.75em;box-shadow:.0625em .0625em .0625em #e3e4e8 inset,-.0625em -.0625em .0625em hsl(var(--hue),10%,80%) inset,0 0 0 .125em hsl(var(--hue),10%,90%) inset,.25em .25em .125em #0000004d inset,.0625em .0625em .0625em #0000004d;cursor:pointer;display:block;width:2.5em;height:1.5em;-webkit-appearance:none;appearance:none;transition:background-color var(--trans-dur) var(--trans-timing1),box-shadow var(--trans-dur) var(--trans-timing1)}.nc-emoji-switch .switch__wrapper .switch__input:checked{background-color:#0ac213}.nc-emoji-switch .switch__wrapper .switch__input:checked+.switch__emoji{transform:translate(100%)}.nc-emoji-switch .switch__wrapper [dir=rtl] .switch__input:checked+.switch__emoji{transform:translate(-100%)}.nc-emoji-switch .switch__wrapper .switch__input:checked+.switch__emoji .switch__emoji-face{transform:rotateY(179.99deg)}.nc-emoji-switch .switch__wrapper [dir=rtl] .switch__input:checked+.switch__emoji .switch__emoji-face{transform:rotateY(-179.99deg)}.nc-emoji-switch .switch__wrapper .switch__input:checked+.switch__emoji .switch__emoji-face+.switch__emoji-face{transform:rotateY(0)}.nc-emoji-switch .switch__wrapper [dir=rtl] .switch__input:checked+.switch__emoji .switch__emoji-face+.switch__emoji-face{transform:rotateY(-360deg)}.nc-emoji-switch .switch__wrapper .switch__emoji{box-shadow:.25em .25em .125em #0000004d;overflow:hidden;pointer-events:none;top:.25em;left:.25em;width:1em;height:1em}.nc-emoji-switch .switch__wrapper [dir=rtl] .switch__emoji{right:.25em;left:auto}.nc-emoji-switch .switch__wrapper .switch__emoji,.nc-emoji-switch .switch__wrapper .switch__emoji:before,.nc-emoji-switch .switch__wrapper .switch__emoji:after,.nc-emoji-switch .switch__wrapper .switch__emoji-eye,.nc-emoji-switch .switch__wrapper .switch__emoji-mouth,.nc-emoji-switch .switch__wrapper .switch__emoji-face{display:block;position:absolute}.nc-emoji-switch .switch__wrapper .switch__emoji,.nc-emoji-switch .switch__wrapper .switch__emoji:before,.nc-emoji-switch .switch__wrapper .switch__emoji:after,.nc-emoji-switch .switch__wrapper .switch__emoji-eye,.nc-emoji-switch .switch__wrapper .switch__emoji-mouth{border-radius:50%}.nc-emoji-switch .switch__wrapper .switch__emoji:before,.nc-emoji-switch .switch__wrapper .switch__emoji:after{content:\"\";width:100%;height:100%;transform:translateZ(0)}.nc-emoji-switch .switch__wrapper .switch__emoji:before{background-color:#f2c40d;box-shadow:-.25em -.25em .25em #c29d0a inset,.1875em .1875em .25em #f9e286 inset}.nc-emoji-switch .switch__wrapper .switch__emoji:after{box-shadow:0 0 .125em .0625em #f5d03d80 inset}.nc-emoji-switch .switch__wrapper .switch__emoji,.nc-emoji-switch .switch__wrapper .switch__emoji-face{transform-style:preserve-3d;transition:transform var(--trans-dur) var(--trans-timing2)}.nc-emoji-switch .switch__wrapper .switch__emoji-eye,.nc-emoji-switch .switch__wrapper .switch__emoji-mouth{-webkit-backface-visibility:hidden;backface-visibility:hidden}.nc-emoji-switch .switch__wrapper .switch__emoji-eye{border:.0625em solid hsl(var(--hue),10%,10%);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;top:50%;left:50%;width:.25em;height:.25em;transform:translate(-50%,-50%) rotateY(-22.5deg) translateZ(.5em) rotate(45deg)}.nc-emoji-switch .switch__wrapper .switch__emoji-eye+.switch__emoji-eye{transform:translate(-50%,-50%) rotateY(22.5deg) translateZ(.5em) rotate(45deg)}.nc-emoji-switch .switch__wrapper .switch__emoji-mouth{background-image:radial-gradient(100% 100% at 50% 100%,#f2180d 20%,#f5463d 33%,rgba(245,70,61,0) 35%),radial-gradient(100% 100% at 75% 113%,black 26%,rgba(0,0,0,0) 35%),linear-gradient(rgba(0,0,0,0) 50%,black 50% 55%,hsl(var(--hue),10%,10%) 65%);top:50%;left:50%;width:.5em;height:.5em;transform:translate(-50%,-50%) rotateX(-15deg) translateZ(.5em)}.nc-emoji-switch .switch__wrapper .switch__emoji-face{top:0;left:0;width:100%;height:100%;transform:rotateY(0)}.nc-emoji-switch .switch__wrapper .switch__emoji-face+.switch__emoji-face{transform:rotateY(-180deg)}.nc-emoji-switch .switch__wrapper .switch__emoji-face--sad .switch__emoji-eye{background-color:hsl(var(--hue),10%,10%);border:0;width:.1875em;height:.1875em}.nc-emoji-switch .switch__wrapper .switch__emoji-face--sad .switch__emoji-mouth{background-image:none;border:.0625em solid transparent;border-top-color:hsl(var(--hue),10%,10%);transform:translate(-50%) rotateX(-20deg) translateZ(.5em)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: EmojiSwitchComponent, decorators: [{
type: Component,
args: [{
selector: 'nc-emoji-switch',
templateUrl: './emoji-switch.component.html',
styleUrls: ['./emoji-switch.component.less'],
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => EmojiSwitchComponent),
multi: true
}
]
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { ncDisabled: [{
type: Input
}], ncSize: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vamktc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvZW1vamktc3dpdGNoL2Vtb2ppLXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2Vtb2ppLXN3aXRjaC9lbW9qaS1zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFnQnpFLE1BQU0sT0FBTyxvQkFBb0I7SUFnQi9CLFlBQW9CLEVBQXFCO1FBQXJCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBZnpDLFdBQVc7UUFDSCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBT25DLFNBQVM7UUFDQSxXQUFNLEdBQWUsU0FBUyxDQUFDO1FBRWhDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIscUJBQWdCLEdBQXFCLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMvQyxzQkFBaUIsR0FBZSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFFTCxDQUFDO0lBYjlDLElBQWEsVUFBVSxDQUFDLEtBQXVCO1FBQzdDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxLQUFLLElBQUksS0FBSyxLQUFLLE9BQU8sQ0FBQztJQUNqRyxDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFVRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLENBQU07UUFDZCxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxZQUFZO0lBQ1osVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELGlCQUFpQjtJQUNqQixnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGtCQUFrQjtJQUNsQixpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7O2lIQWpEVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixrR0FScEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZkgsczZCQWlCTTsyRkRBTyxvQkFBb0I7a0JBWmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsV0FBVyxFQUFFLCtCQUErQjtvQkFDNUMsU0FBUyxFQUFFLENBQUMsK0JBQStCLENBQUM7b0JBQzVDLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0Y7d0dBSWMsVUFBVTtzQkFBdEIsS0FBSztnQkFPRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5leHBvcnQgdHlwZSBOY1NpemVUeXBlID0gJ3NtYWxsJyB8ICdkZWZhdWx0JyB8ICdsYXJnZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25jLWVtb2ppLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Vtb2ppLXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZW1vamktc3dpdGNoLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBFbW9qaVN3aXRjaENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRW1vamlTd2l0Y2hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgLyoqIOaYr+WQpuemgeeUqCAqL1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2V0IG5jRGlzYWJsZWQodmFsdWU6IGJvb2xlYW4gfCBzdHJpbmcpIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gdmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCAmJiB2YWx1ZSAhPT0gZmFsc2UgJiYgdmFsdWUgIT09ICdmYWxzZSc7XHJcbiAgfVxyXG4gIGdldCBuY0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuICAvKiog5bC65a+4ICovXHJcbiAgQElucHV0KCkgbmNTaXplOiBOY1NpemVUeXBlID0gJ2RlZmF1bHQnO1xyXG5cclxuICBwcml2YXRlIGlubmVyVmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwcml2YXRlIG9uQ2hhbmdlQ2FsbGJhY2s6IChfOiBhbnkpID0+IHZvaWQgPSAoKSA9PiB7IH07XHJcbiAgcHJpdmF0ZSBvblRvdWNoZWRDYWxsYmFjazogKCkgPT4gdm9pZCA9ICgpID0+IHsgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBnZXQgdmFsdWUoKTogYW55IHtcclxuICAgIHJldHVybiB0aGlzLmlubmVyVmFsdWU7XHJcbiAgfVxyXG5cclxuICBzZXQgdmFsdWUodjogYW55KSB7XHJcbiAgICBpZiAodiAhPT0gdGhpcy5pbm5lclZhbHVlKSB7XHJcbiAgICAgIHRoaXMuaW5uZXJWYWx1ZSA9IHY7XHJcbiAgICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayh2KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vIOS7juaooeWei+WGmeWFpeWAvOWIsOinhuWbvlxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLmlubmVyVmFsdWUpIHtcclxuICAgICAgdGhpcy5pbm5lclZhbHVlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvLyDms6jlhowgb25DaGFuZ2Ug5LqL5Lu2XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIC8vIOazqOWGjCBvblRvdWNoZWQg5LqL5Lu2XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWRDYWxsYmFjayA9IGZuO1xyXG4gIH1cclxuXHJcbiAgb25JbnB1dENoYW5nZShldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gZXZlbnQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJuYy1lbW9qaS1zd2l0Y2hcIiBbbmdDbGFzc109XCInbmMtZW1vamktc3dpdGNoLScgKyBuY1NpemVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzd2l0Y2gtZGlzYWJsZWRcIiAqbmdJZj1cIm5jRGlzYWJsZWRcIj48L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoX193cmFwcGVyXCI+XHJcbiAgICAgICAgPGlucHV0IGNsYXNzPVwic3dpdGNoX19pbnB1dFwiIHR5cGU9XCJjaGVja2JveFwiIFtuZ01vZGVsXT1cInZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCIgLz5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaF9fZW1vamlcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2hfX2Vtb2ppLWZhY2Ugc3dpdGNoX19lbW9qaS1mYWNlLS1zYWRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoX19lbW9qaS1leWVcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaF9fZW1vamktZXllXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2hfX2Vtb2ppLW1vdXRoXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoX19lbW9qaS1mYWNlXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaF9fZW1vamktZXllXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2hfX2Vtb2ppLWV5ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoX19lbW9qaS1tb3V0aFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuPC9kaXY+Il19