ngx-bimplus-components 0.0.160 → 0.0.161

package/esm2022/lib/components/bimplus-link-tooltip-message/bimplus-link-tooltip-message.component.mjs

@@ -0,0 +1,78 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostListener, Input, ViewChild, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BimplusLinkTooltipMessageComponent {
+    constructor() {
+        this._enableCopyPressKeys = true;
+        this._titleHeader = '';
+        this._link = '';
+        this.arrowPosition = 'right-arrow';
+    }
+    get link() {
+        return this._link;
+    }
+    set link(value) {
+        this._link = value;
+    }
+    get titleHeader() {
+        return this._titleHeader;
+    }
+    set titleHeader(value) {
+        this._titleHeader = value;
+    }
+    get enableCopyPressKeys() {
+        return this._enableCopyPressKeys;
+    }
+    set enableCopyPressKeys(value) {
+        this._enableCopyPressKeys = value;
+    }
+    ngAfterViewInit() {
+        this.selectText(this.messageLink.nativeElement);
+    }
+    selectText(node) {
+        if (window.getSelection) {
+            const selection = window.getSelection();
+            const range = document.createRange();
+            range.selectNodeContents(node);
+            selection?.removeAllRanges();
+            selection?.addRange(range);
+        }
+        else {
+            console.log("Could not select text in node: Unsupported browser.");
+        }
+    }
+    close() {
+        this.onClose?.();
+    }
+    onKeyPress() {
+        if (this.messageLink && this.enableCopyPressKeys) {
+            navigator.clipboard.writeText(this.messageLink.nativeElement.innerText).catch((err) => {
+                console.error("Could not copy text in node.", err);
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLinkTooltipMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: BimplusLinkTooltipMessageComponent, isStandalone: true, selector: "lib-bimplus-link-tooltip-message", inputs: { link: "link", titleHeader: "titleHeader", enableCopyPressKeys: "enableCopyPressKeys", arrowPosition: "arrowPosition", onClose: "onClose" }, host: { listeners: { "window:keydown.control.c": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "messageLink", first: true, predicate: ["messageLink"], descendants: true }], ngImport: i0, template: "<div class=\"link-content\" #linkContent>\r\n  <div\r\n    class=\"link-tooltip-message\"\r\n    #linkTooltipMessage\r\n  >\r\n    <div class=\"header\">\r\n      <span class=\"title\">{{titleHeader}}</span>\r\n      <span\r\n        class='tooltip-cross-icon close'\r\n        (click)=\"close()\"\r\n        (keydown)=\"close()\"\r\n      >\u2715\uFE0E</span>\r\n    </div>\r\n    <div class=\"content\">\r\n      <div\r\n        class=\"link\"\r\n        #messageLink\r\n        [innerHTML]=\"link\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"arrow\"\r\n    [ngClass]=\"arrowPosition\"\r\n  ></div>\r\n</div>\r\n<div\r\n  class=\"link-tooltip-message-overlay\"\r\n  (click)=\"close()\"\r\n  (keydown)=\"close()\"\r\n></div>", styles: [".link-content{display:flex;max-width:40rem;min-width:5rem;top:8rem;right:9.4rem;position:fixed;z-index:3;background:var(--popup-window-content-background-color);filter:drop-shadow(.3rem .3rem .3rem var(--portal-modal-background-color-overlay))}.link-content .arrow{height:0;width:0;border:1.85rem solid transparent;position:fixed}.link-content .arrow.right-arrow{border-left:1.7rem solid var(--popup-window-content-background-color);right:-3.4rem;top:.5rem}.link-content .arrow.left-arrow{border-right:1.7rem solid var(--popup-window-content-background-color);left:-3.4rem;top:.5rem}.link-content .link-tooltip-message{color:var(--ui-text-1-color);font-size:1.8rem;max-width:40rem;min-width:5rem;text-align:center;background:var(--popup-window-content-background-color);padding:.5rem;cursor:default}.link-content .link-tooltip-message div,.link-content .link-tooltip-message span{-webkit-tap-highlight-color:transparent}.link-content .link-tooltip-message .header{width:100%;font:700 1.28rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif!important;text-align:left;padding-bottom:.3rem}.link-content .link-tooltip-message .header .title{margin-right:auto}.link-content .link-tooltip-message .header .close{font-size:2.1rem;line-height:1;color:var(--ui-icon-text-color-enabled);text-shadow:0 1px 0 var(--popup-window-content-background-color);opacity:.2;float:right;padding-right:.3rem}.link-content .link-tooltip-message .header .close:hover{color:var(--ui-icon-text-color-enabled);text-decoration:none;cursor:pointer;opacity:.5}.link-content .link-tooltip-message .content{font:400 1.28rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif!important;color:var(--ui-icon-text-color-enabled);-webkit-user-select:text;user-select:text}.link-content .link-tooltip-message .content .link{text-align:left}.link-tooltip-message-overlay{height:100%;width:100%;position:fixed;z-index:2;left:0;top:0;overflow-x:hidden;background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLinkTooltipMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-bimplus-link-tooltip-message', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"link-content\" #linkContent>\r\n  <div\r\n    class=\"link-tooltip-message\"\r\n    #linkTooltipMessage\r\n  >\r\n    <div class=\"header\">\r\n      <span class=\"title\">{{titleHeader}}</span>\r\n      <span\r\n        class='tooltip-cross-icon close'\r\n        (click)=\"close()\"\r\n        (keydown)=\"close()\"\r\n      >\u2715\uFE0E</span>\r\n    </div>\r\n    <div class=\"content\">\r\n      <div\r\n        class=\"link\"\r\n        #messageLink\r\n        [innerHTML]=\"link\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"arrow\"\r\n    [ngClass]=\"arrowPosition\"\r\n  ></div>\r\n</div>\r\n<div\r\n  class=\"link-tooltip-message-overlay\"\r\n  (click)=\"close()\"\r\n  (keydown)=\"close()\"\r\n></div>", styles: [".link-content{display:flex;max-width:40rem;min-width:5rem;top:8rem;right:9.4rem;position:fixed;z-index:3;background:var(--popup-window-content-background-color);filter:drop-shadow(.3rem .3rem .3rem var(--portal-modal-background-color-overlay))}.link-content .arrow{height:0;width:0;border:1.85rem solid transparent;position:fixed}.link-content .arrow.right-arrow{border-left:1.7rem solid var(--popup-window-content-background-color);right:-3.4rem;top:.5rem}.link-content .arrow.left-arrow{border-right:1.7rem solid var(--popup-window-content-background-color);left:-3.4rem;top:.5rem}.link-content .link-tooltip-message{color:var(--ui-text-1-color);font-size:1.8rem;max-width:40rem;min-width:5rem;text-align:center;background:var(--popup-window-content-background-color);padding:.5rem;cursor:default}.link-content .link-tooltip-message div,.link-content .link-tooltip-message span{-webkit-tap-highlight-color:transparent}.link-content .link-tooltip-message .header{width:100%;font:700 1.28rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif!important;text-align:left;padding-bottom:.3rem}.link-content .link-tooltip-message .header .title{margin-right:auto}.link-content .link-tooltip-message .header .close{font-size:2.1rem;line-height:1;color:var(--ui-icon-text-color-enabled);text-shadow:0 1px 0 var(--popup-window-content-background-color);opacity:.2;float:right;padding-right:.3rem}.link-content .link-tooltip-message .header .close:hover{color:var(--ui-icon-text-color-enabled);text-decoration:none;cursor:pointer;opacity:.5}.link-content .link-tooltip-message .content{font:400 1.28rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif!important;color:var(--ui-icon-text-color-enabled);-webkit-user-select:text;user-select:text}.link-content .link-tooltip-message .content .link{text-align:left}.link-tooltip-message-overlay{height:100%;width:100%;position:fixed;z-index:2;left:0;top:0;overflow-x:hidden;background-color:transparent}\n"] }]
+        }], propDecorators: { messageLink: [{
+                type: ViewChild,
+                args: ['messageLink']
+            }], link: [{
+                type: Input
+            }], titleHeader: [{
+                type: Input
+            }], enableCopyPressKeys: [{
+                type: Input
+            }], arrowPosition: [{
+                type: Input
+            }], onClose: [{
+                type: Input
+            }], onKeyPress: [{
+                type: HostListener,
+                args: ['window:keydown.control.c', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmltcGx1cy1saW5rLXRvb2x0aXAtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYmltcGx1cy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iaW1wbHVzLWxpbmstdG9vbHRpcC1tZXNzYWdlL2JpbXBsdXMtbGluay10b29sdGlwLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWJpbXBsdXMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYmltcGx1cy1saW5rLXRvb2x0aXAtbWVzc2FnZS9iaW1wbHVzLWxpbmstdG9vbHRpcC1tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQWlCLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVXhILE1BQU0sT0FBTyxrQ0FBa0M7SUFSL0M7UUFZVSx5QkFBb0IsR0FBRyxJQUFJLENBQUM7UUFDNUIsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDbEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQTJCbkIsa0JBQWEsR0FBRyxhQUFhLENBQUM7S0FpQy9CO0lBMURDLElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUNJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUNuQyxDQUFDO0lBQ0QsSUFBSSxtQkFBbUIsQ0FBQyxLQUFjO1FBQ3BDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQVFELGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFpQjtRQUMxQixJQUFJLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN4QixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDeEMsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JDLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMvQixTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUM7WUFDN0IsU0FBUyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMscURBQXFELENBQUMsQ0FBQztRQUNyRSxDQUFDO0lBQ0gsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBR0QsVUFBVTtRQUNSLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUNqRCxTQUFTLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDcEYsT0FBTyxDQUFDLEtBQUssQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUNyRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQWpFVSxrQ0FBa0M7bUdBQWxDLGtDQUFrQyx5YUNYL0MsZ3ZCQThCTyxnOUREdEJLLFlBQVk7OzRGQUdYLGtDQUFrQztrQkFSOUMsU0FBUzsrQkFDRSxrQ0FBa0MsY0FHaEMsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUNSLGlCQUFpQixDQUFDLFNBQVM7OEJBSWhCLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFPcEIsSUFBSTtzQkFEUCxLQUFLO2dCQVNGLFdBQVc7c0JBRGQsS0FBSztnQkFTRixtQkFBbUI7c0JBRHRCLEtBQUs7Z0JBU04sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkF3Qk4sVUFBVTtzQkFEVCxZQUFZO3VCQUFDLDBCQUEwQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1iaW1wbHVzLWxpbmstdG9vbHRpcC1tZXNzYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmltcGx1cy1saW5rLXRvb2x0aXAtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmltcGx1cy1saW5rLXRvb2x0aXAtbWVzc2FnZS5jb21wb25lbnQubGVzcyddLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uU2hhZG93RG9tXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCaW1wbHVzTGlua1Rvb2x0aXBNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ21lc3NhZ2VMaW5rJykgbWVzc2FnZUxpbmshOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcclxuXHJcbiAgcHJpdmF0ZSBfZW5hYmxlQ29weVByZXNzS2V5cyA9IHRydWU7XHJcbiAgcHJpdmF0ZSBfdGl0bGVIZWFkZXIgPSAnJztcclxuICBwcml2YXRlIF9saW5rID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGxpbmsoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9saW5rO1xyXG4gIH1cclxuICBzZXQgbGluayh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9saW5rID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCB0aXRsZUhlYWRlcigpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX3RpdGxlSGVhZGVyO1xyXG4gIH1cclxuICBzZXQgdGl0bGVIZWFkZXIodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5fdGl0bGVIZWFkZXIgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGVuYWJsZUNvcHlQcmVzc0tleXMoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fZW5hYmxlQ29weVByZXNzS2V5cztcclxuICB9XHJcbiAgc2V0IGVuYWJsZUNvcHlQcmVzc0tleXModmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2VuYWJsZUNvcHlQcmVzc0tleXMgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYXJyb3dQb3NpdGlvbiA9ICdyaWdodC1hcnJvdyc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0VGV4dCh0aGlzLm1lc3NhZ2VMaW5rLm5hdGl2ZUVsZW1lbnQpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0VGV4dChub2RlOiBIVE1MRWxlbWVudCkge1xyXG4gICAgaWYgKHdpbmRvdy5nZXRTZWxlY3Rpb24pIHtcclxuICAgICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpO1xyXG4gICAgICBjb25zdCByYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XHJcbiAgICAgIHJhbmdlLnNlbGVjdE5vZGVDb250ZW50cyhub2RlKTtcclxuICAgICAgc2VsZWN0aW9uPy5yZW1vdmVBbGxSYW5nZXMoKTtcclxuICAgICAgc2VsZWN0aW9uPy5hZGRSYW5nZShyYW5nZSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zb2xlLmxvZyhcIkNvdWxkIG5vdCBzZWxlY3QgdGV4dCBpbiBub2RlOiBVbnN1cHBvcnRlZCBicm93c2VyLlwiKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5vbkNsb3NlPy4oKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXlkb3duLmNvbnRyb2wuYycsIFsnJGV2ZW50J10pXHJcbiAgb25LZXlQcmVzcygpIHtcclxuICAgIGlmICh0aGlzLm1lc3NhZ2VMaW5rICYmIHRoaXMuZW5hYmxlQ29weVByZXNzS2V5cykge1xyXG4gICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dCh0aGlzLm1lc3NhZ2VMaW5rLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0KS5jYXRjaCgoZXJyKSA9PiB7XHJcbiAgICAgICAgY29uc29sZS5lcnJvcihcIkNvdWxkIG5vdCBjb3B5IHRleHQgaW4gbm9kZS5cIiwgZXJyKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImxpbmstY29udGVudFwiICNsaW5rQ29udGVudD5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImxpbmstdG9vbHRpcC1tZXNzYWdlXCJcclxuICAgICNsaW5rVG9vbHRpcE1lc3NhZ2VcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj57e3RpdGxlSGVhZGVyfX08L3NwYW4+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgY2xhc3M9J3Rvb2x0aXAtY3Jvc3MtaWNvbiBjbG9zZSdcclxuICAgICAgICAoY2xpY2spPVwiY2xvc2UoKVwiXHJcbiAgICAgICAgKGtleWRvd24pPVwiY2xvc2UoKVwiXHJcbiAgICAgID7inJXvuI48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImxpbmtcIlxyXG4gICAgICAgICNtZXNzYWdlTGlua1xyXG4gICAgICAgIFtpbm5lckhUTUxdPVwibGlua1wiPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwiYXJyb3dcIlxyXG4gICAgW25nQ2xhc3NdPVwiYXJyb3dQb3NpdGlvblwiXHJcbiAgPjwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdlxyXG4gIGNsYXNzPVwibGluay10b29sdGlwLW1lc3NhZ2Utb3ZlcmxheVwiXHJcbiAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gIChrZXlkb3duKT1cImNsb3NlKClcIlxyXG4+PC9kaXY+Il19