@entake/particle 17.0.0

package/esm2022/app/modules/rich-text/rich-text.component.mjs

@@ -0,0 +1,187 @@
+import { Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import Link from '@tiptap/extension-link';
+import Placeholder from '@tiptap/extension-placeholder';
+import TextAlign from '@tiptap/extension-text-align';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../tooltip/tooltip.directive";
+import * as i3 from "ngx-tiptap";
+import * as i4 from "@angular/forms";
+import * as i5 from "../dialog/dialog.component";
+export const RICH_TEXT_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => RichTextComponent),
+    multi: true
+};
+export class RichTextComponent {
+    placeholder = '';
+    hideControls = false;
+    height = '100px';
+    get readonly() {
+        return this._editable;
+    }
+    set readonly(readonly) {
+        this._editable = !readonly;
+        this.editor.setEditable(this._editable);
+    }
+    text = {
+        heading1: 'Heading 1',
+        heading2: 'Heading 2',
+        bold: 'Bold',
+        italic: 'Italic',
+        strike: 'Strike',
+        bulletedList: 'Bulleted List',
+        orderedList: 'Ordered List',
+        leftAlign: 'Left Align',
+        centerAlign: 'Center Align',
+        rightAlign: 'Right Align',
+        justifyAlign: 'Justify Align',
+        setLink: 'Set Link',
+        removeLink: 'Remove Link',
+        clearFormat: 'Clear Format',
+        modifyLink: 'Modify Link',
+        cancel: 'Cancel',
+        update: 'Update',
+        url: 'URL'
+    };
+    capabilities = {
+        heading: true,
+        textDecoration: true,
+        list: true,
+        alignment: true,
+        link: true
+    };
+    borderRadius = '0px';
+    textChanged = new EventEmitter();
+    showDialog = null;
+    dialogLink = null;
+    /**
+     * Function called on change
+     */
+    onChange;
+    /**
+     * Function called on touch
+     */
+    onTouched;
+    _value = null;
+    _editable = true;
+    window = window;
+    editor = new Editor({
+        extensions: [
+            StarterKit,
+            Link.configure({
+                openOnClick: false,
+                HTMLAttributes: {
+                    class: 'rich-text-link',
+                    target: '_blank'
+                },
+            }),
+            TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+            Placeholder.configure({
+                placeholder: () => this.placeholder
+            })
+        ],
+        editorProps: {
+            attributes: {
+                class: '',
+                spellcheck: 'true',
+            },
+        },
+        enablePasteRules: [Link, StarterKit, TextAlign]
+    });
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (value === '<p></p>') {
+            return;
+        }
+        if (value !== this._value) {
+            this._value = value;
+            if (this.onChange) {
+                this.onChange(value);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.editor.setEditable(this._editable);
+        this.editor.on('update', ({ editor }) => {
+            this.textChanged.emit({
+                textValue: editor.getText(),
+                htmlValue: this._value
+            });
+        });
+    }
+    onBlur() {
+        if (this.onTouched) {
+            this.onTouched();
+        }
+    }
+    writeValue(value) {
+        if (value !== this._value) {
+            this._value = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.editor.setEditable(isDisabled);
+    }
+    openLinkDialog() {
+        const previousUrl = this.editor.getAttributes('link').href;
+        this.showDialog = {};
+        this.dialogLink = previousUrl;
+    }
+    changeEditorLink(action) {
+        switch (action) {
+            case 'remove':
+                this.editor.chain().focus().extendMarkRange('link').unsetLink().run();
+                break;
+            case 'save':
+                this.editor.chain().focus().extendMarkRange('link').setLink({ href: this.dialogLink, target: '_blank' }).run();
+                break;
+            default:
+                console.log(action);
+        }
+        this.dialogLink = null;
+        this.showDialog = null;
+    }
+    focus(position) {
+        if (!position) {
+            position = 'start';
+        }
+        this.editor.commands.focus(position);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: RichTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: RichTextComponent, selector: "particle-rich-text", inputs: { placeholder: "placeholder", hideControls: "hideControls", height: "height", readonly: "readonly", text: "text", capabilities: "capabilities", borderRadius: "borderRadius" }, outputs: { textChanged: "textChanged" }, providers: [RICH_TEXT_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"row_block width100 content_color ptl_brdr_radius ptl_brdr_color ptl_brdr_size\" style=\"overflow: hidden\">\r\n  <div class=\"row ptl_input_bg_color ptl_brdr_color ptl_brdr_size border_bottom wrap hide_element\"  *ngIf=\"!this.hideControls && this.editor.isEditable\">\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.heading\">\r\n      <button\r\n        id=\"heading1\"\r\n        [attr.aria-label]=\"text.heading1\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right5 mar_left5 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.heading1\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleHeading({ level: 1 }).run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('heading', { level: 1 }) }\"\r\n      >\r\n        <i class=\"fas fa-header fa-fw\"></i>1\r\n      </button>\r\n      <button\r\n        id=\"heading2\"\r\n        [attr.aria-label]=\"text.heading2\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right5 mar_left5 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.heading2\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleHeading({ level: 2 }).run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('heading', { level: 2 }) }\"\r\n      >\r\n        <i class=\"fas fa-header fa-fw\"></i>2\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.textDecoration\">\r\n      <button\r\n        id=\"bold\"\r\n        [attr.aria-label]=\"text.bold\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.bold\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleBold().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('bold') }\"\r\n      >\r\n        <i class=\"fas fa-bold fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"italic\"\r\n        [attr.aria-label]=\"text.italic\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.italic\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleItalic().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('italic') }\"\r\n      >\r\n        <i class=\"fas fa-italic fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"strike\"\r\n        [attr.aria-label]=\"text.strike\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.strike\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleStrike().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('strike') }\"\r\n      >\r\n        <i class=\"fas fa-strikethrough fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.list\">\r\n      <button\r\n        id=\"bullet-list\"\r\n        [attr.aria-label]=\"text.bulletedList\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.bulletedList\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleBulletList().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('bullet-list') }\"\r\n      >\r\n        <i class=\"fas fa-list fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"ordered-list\"\r\n        [attr.aria-label]=\"text.orderedList\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.orderedList\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleOrderedList().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('ordered-list') }\"\r\n      >\r\n        <i class=\"fas fa-list-ol fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\"  *ngIf=\"capabilities.alignment\">\r\n      <button\r\n        id=\"left-align\"\r\n        [attr.aria-label]=\"text.leftAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.leftAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('left').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'left' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-left fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"center-align\"\r\n        [attr.aria-label]=\"text.centerAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.centerAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('center').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'center' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-center fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"right-align\"\r\n        [attr.aria-label]=\"text.rightAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.rightAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('right').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'right' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-right fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"justify-align\"\r\n        [attr.aria-label]=\"text.justifyAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.justifyAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('justify').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'justify' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-justify fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center pad_5\"  *ngIf=\"capabilities.link\">\r\n      <button\r\n        id=\"link\"\r\n        [attr.aria-label]=\"text.setLink\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.setLink\" tooltipPosition=\"top\"\r\n        (click)=\"openLinkDialog()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('link') }\"\r\n      >\r\n        <i class=\"fas fa-link fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"unlink\"\r\n        [attr.aria-label]=\"text.removeLink\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.removeLink\" tooltipPosition=\"top\"\r\n        (click)=\"this.editor.isActive('link') ? changeEditorLink('remove') : null\"\r\n        [disabled]=\"!this.editor.isActive('link')\"\r\n      >\r\n        <i class=\"fas fa-unlink fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"clear-format\"\r\n        [attr.aria-label]=\"text.clearFormat\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.clearFormat\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().clearNodes().unsetAllMarks().run()\"\r\n      >\r\n        <i class=\"fas fa-text-slash fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"pad_10 ptl_input_text_size scroll_yauto\" [style.height]=\"this.height\">\r\n    <tiptap-editor [editor]=\"editor\" [(ngModel)]=\"value\"></tiptap-editor>\r\n  </div>\r\n</div>\r\n\r\n<particle-dialog\r\n  [title]=\"text.modifyLink\"\r\n  titleClass=\"header_color min_h40\"\r\n  [object]=\"showDialog\"\r\n  [allowClose]=\"false\"\r\n  [borderRadius]=\"borderRadius\"\r\n  width=\"400px\"\r\n  height=\"150px\"\r\n>\r\n  <div class=\"pad_15 ptl_input_text_size\" [style.height]=\"window.innerWidth > 768 ? '70px' : 'calc(100% - 40px)'\">\r\n    <input class=\"access input md\"\r\n           [(ngModel)]=\"dialogLink\"\r\n           [attr.aria-label]=\"text.url\"\r\n           placeholder=\"eg. https://www.google.com\"\r\n           (keyup.enter)=\"changeEditorLink('save')\"\r\n    />\r\n  </div>\r\n  <div class=\"col min_h40 footer_color\">\r\n    <div class=\"row center_right pad_right15 pad_left15\">\r\n      <div class=\"col\">\r\n        <button class=\"access btnset clear\" [attr.aria-label]=\"text.cancel\" (click)=\"changeEditorLink('cancel')\">\r\n          <div class=\" pad_5\">{{text.cancel}}</div>\r\n        </button>\r\n        <div class=\"mar_lr5 ptl_brdr_size ptl_brdr_color border_left\">\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"access btnset spaced md hov_glow ok_button_color ptl_brdr_radius\"\r\n          [attr.aria-label]=\"text.update\"\r\n          (click)=\"changeEditorLink('save')\"\r\n        >\r\n          <div class=\"brdr border_right mar_right5 pad_right5\"><i class=\"fas fa-check\"></i></div>\r\n          <div>{{text.update}}</div>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</particle-dialog>\r\n", styles: [".ProseMirror:focus{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none}.chip_size{display:flex;align-items:center;justify-content:center;width:22px;height:22px;max-width:22px;max-height:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[particleTooltip]", inputs: ["particleTooltip", "tooltipPosition", "tooltipDisabled"] }, { kind: "directive", type: i3.EditorDirective, selector: "tiptap[editor], [tiptap][editor], tiptap-editor[editor], [tiptapEditor][editor]", inputs: ["editor", "outputFormat"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.DialogComponent, selector: "particle-dialog", inputs: ["object", "title", "titleClass", "showTitle", "allowClose", "bodyClass", "height", "width", "borderRadius", "text"], outputs: ["closed", "opened"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: RichTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'particle-rich-text', providers: [RICH_TEXT_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, template: "<div class=\"row_block width100 content_color ptl_brdr_radius ptl_brdr_color ptl_brdr_size\" style=\"overflow: hidden\">\r\n  <div class=\"row ptl_input_bg_color ptl_brdr_color ptl_brdr_size border_bottom wrap hide_element\"  *ngIf=\"!this.hideControls && this.editor.isEditable\">\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.heading\">\r\n      <button\r\n        id=\"heading1\"\r\n        [attr.aria-label]=\"text.heading1\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right5 mar_left5 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.heading1\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleHeading({ level: 1 }).run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('heading', { level: 1 }) }\"\r\n      >\r\n        <i class=\"fas fa-header fa-fw\"></i>1\r\n      </button>\r\n      <button\r\n        id=\"heading2\"\r\n        [attr.aria-label]=\"text.heading2\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right5 mar_left5 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.heading2\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleHeading({ level: 2 }).run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('heading', { level: 2 }) }\"\r\n      >\r\n        <i class=\"fas fa-header fa-fw\"></i>2\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.textDecoration\">\r\n      <button\r\n        id=\"bold\"\r\n        [attr.aria-label]=\"text.bold\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.bold\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleBold().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('bold') }\"\r\n      >\r\n        <i class=\"fas fa-bold fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"italic\"\r\n        [attr.aria-label]=\"text.italic\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.italic\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleItalic().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('italic') }\"\r\n      >\r\n        <i class=\"fas fa-italic fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"strike\"\r\n        [attr.aria-label]=\"text.strike\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.strike\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleStrike().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('strike') }\"\r\n      >\r\n        <i class=\"fas fa-strikethrough fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\" *ngIf=\"capabilities.list\">\r\n      <button\r\n        id=\"bullet-list\"\r\n        [attr.aria-label]=\"text.bulletedList\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.bulletedList\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleBulletList().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('bullet-list') }\"\r\n      >\r\n        <i class=\"fas fa-list fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"ordered-list\"\r\n        [attr.aria-label]=\"text.orderedList\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.orderedList\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().toggleOrderedList().run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('ordered-list') }\"\r\n      >\r\n        <i class=\"fas fa-list-ol fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center ptl_brdr_color ptl_brdr_size border_right pad_5\"  *ngIf=\"capabilities.alignment\">\r\n      <button\r\n        id=\"left-align\"\r\n        [attr.aria-label]=\"text.leftAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.leftAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('left').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'left' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-left fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"center-align\"\r\n        [attr.aria-label]=\"text.centerAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.centerAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('center').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'center' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-center fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"right-align\"\r\n        [attr.aria-label]=\"text.rightAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.rightAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('right').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'right' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-right fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"justify-align\"\r\n        [attr.aria-label]=\"text.justifyAlign\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.justifyAlign\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().setTextAlign('justify').run()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive({ textAlign: 'justify' }) }\"\r\n      >\r\n        <i class=\"fas fa-align-justify fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"col v_center pad_5\"  *ngIf=\"capabilities.link\">\r\n      <button\r\n        id=\"link\"\r\n        [attr.aria-label]=\"text.setLink\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.setLink\" tooltipPosition=\"top\"\r\n        (click)=\"openLinkDialog()\"\r\n        [ngClass]=\"{ 'ok_button_color': this.editor.isActive('link') }\"\r\n      >\r\n        <i class=\"fas fa-link fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"unlink\"\r\n        [attr.aria-label]=\"text.removeLink\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.removeLink\" tooltipPosition=\"top\"\r\n        (click)=\"this.editor.isActive('link') ? changeEditorLink('remove') : null\"\r\n        [disabled]=\"!this.editor.isActive('link')\"\r\n      >\r\n        <i class=\"fas fa-unlink fa-fw\"></i>\r\n      </button>\r\n      <button\r\n        id=\"clear-format\"\r\n        [attr.aria-label]=\"text.clearFormat\"\r\n        class=\"access btnset chip_size content_color_dark_1 mar_right3 mar_left3 ptl_brdr_radius hov_darken\"\r\n        [particleTooltip]=\"text.clearFormat\" tooltipPosition=\"top\"\r\n        (click)=\"editor.chain().focus().clearNodes().unsetAllMarks().run()\"\r\n      >\r\n        <i class=\"fas fa-text-slash fa-fw\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"pad_10 ptl_input_text_size scroll_yauto\" [style.height]=\"this.height\">\r\n    <tiptap-editor [editor]=\"editor\" [(ngModel)]=\"value\"></tiptap-editor>\r\n  </div>\r\n</div>\r\n\r\n<particle-dialog\r\n  [title]=\"text.modifyLink\"\r\n  titleClass=\"header_color min_h40\"\r\n  [object]=\"showDialog\"\r\n  [allowClose]=\"false\"\r\n  [borderRadius]=\"borderRadius\"\r\n  width=\"400px\"\r\n  height=\"150px\"\r\n>\r\n  <div class=\"pad_15 ptl_input_text_size\" [style.height]=\"window.innerWidth > 768 ? '70px' : 'calc(100% - 40px)'\">\r\n    <input class=\"access input md\"\r\n           [(ngModel)]=\"dialogLink\"\r\n           [attr.aria-label]=\"text.url\"\r\n           placeholder=\"eg. https://www.google.com\"\r\n           (keyup.enter)=\"changeEditorLink('save')\"\r\n    />\r\n  </div>\r\n  <div class=\"col min_h40 footer_color\">\r\n    <div class=\"row center_right pad_right15 pad_left15\">\r\n      <div class=\"col\">\r\n        <button class=\"access btnset clear\" [attr.aria-label]=\"text.cancel\" (click)=\"changeEditorLink('cancel')\">\r\n          <div class=\" pad_5\">{{text.cancel}}</div>\r\n        </button>\r\n        <div class=\"mar_lr5 ptl_brdr_size ptl_brdr_color border_left\">\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"access btnset spaced md hov_glow ok_button_color ptl_brdr_radius\"\r\n          [attr.aria-label]=\"text.update\"\r\n          (click)=\"changeEditorLink('save')\"\r\n        >\r\n          <div class=\"brdr border_right mar_right5 pad_right5\"><i class=\"fas fa-check\"></i></div>\r\n          <div>{{text.update}}</div>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</particle-dialog>\r\n", styles: [".ProseMirror:focus{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none}.chip_size{display:flex;align-items:center;justify-content:center;width:22px;height:22px;max-width:22px;max-height:22px}\n"] }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], hideControls: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], capabilities: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], textChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9yaWNoLXRleHQvcmljaC10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9yaWNoLXRleHQvcmljaC10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sY0FBYyxDQUFDO0FBQ3BDLE9BQU8sVUFBVSxNQUFNLHFCQUFxQixDQUFDO0FBQzdDLE9BQU8sSUFBSSxNQUFNLHdCQUF3QixDQUFDO0FBQzFDLE9BQU8sV0FBVyxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sU0FBUyxNQUFNLDhCQUE4QixDQUFDO0FBQ3JELE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQUt2RSxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBUTtJQUMzQyxPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7SUFDaEQsS0FBSyxFQUFFLElBQUk7Q0FDWixDQUFDO0FBVUYsTUFBTSxPQUFPLGlCQUFpQjtJQUc1QixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBR2pCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFHckIsTUFBTSxHQUFHLE9BQU8sQ0FBQztJQUVqQixJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FB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QkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0VkaXRvcn0gZnJvbSAnQHRpcHRhcC9jb3JlJztcclxuaW1wb3J0IFN0YXJ0ZXJLaXQgZnJvbSAnQHRpcHRhcC9zdGFydGVyLWtpdCc7XHJcbmltcG9ydCBMaW5rIGZyb20gJ0B0aXB0YXAvZXh0ZW5zaW9uLWxpbmsnO1xyXG5pbXBvcnQgUGxhY2Vob2xkZXIgZnJvbSAnQHRpcHRhcC9leHRlbnNpb24tcGxhY2Vob2xkZXInO1xyXG5pbXBvcnQgVGV4dEFsaWduIGZyb20gJ0B0aXB0YXAvZXh0ZW5zaW9uLXRleHQtYWxpZ24nO1xyXG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge1JpY2hUZXh0RWRpdG9yVGV4dH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy9wYXJ0aWNsZS1jb21wb25lbnQtdGV4dC5tb2RlbCc7XHJcbmltcG9ydCB7UmljaFRleHRDYXBhYmlsaXRpZXN9IGZyb20gJy4vcmljaC10ZXh0LWNhcGFiaWxpdGllcy5tb2RlbCc7XHJcbmltcG9ydCB7VGhlbWluZ1NlcnZpY2V9IGZyb20gJy4uL3RoZW1pbmcvc2VydmljZXMvdGhlbWluZy5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCBjb25zdCBSSUNIX1RFWFRfVkFMVUVfQUNDRVNTT1I6IGFueSA9IHtcclxuICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBSaWNoVGV4dENvbXBvbmVudCksXHJcbiAgbXVsdGk6IHRydWVcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncGFydGljbGUtcmljaC10ZXh0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmljaC10ZXh0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yaWNoLXRleHQuY29tcG9uZW50LmNzcyddLFxyXG4gIHByb3ZpZGVyczogW1JJQ0hfVEVYVF9WQUxVRV9BQ0NFU1NPUl0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIFJpY2hUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHBsYWNlaG9sZGVyID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGlkZUNvbnRyb2xzID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGVpZ2h0ID0gJzEwMHB4JztcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgcmVhZG9ubHkoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fZWRpdGFibGU7XHJcbiAgfVxyXG5cclxuICBzZXQgcmVhZG9ubHkocmVhZG9ubHk6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2VkaXRhYmxlID0gIXJlYWRvbmx5O1xyXG4gICAgdGhpcy5lZGl0b3Iuc2V0RWRpdGFibGUodGhpcy5fZWRpdGFibGUpO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICB0ZXh0OiBSaWNoVGV4dEVkaXRvclRleHQgPSB7XHJcbiAgICBoZWFkaW5nMTogJ0hlYWRpbmcgMScsXHJcbiAgICBoZWFkaW5nMjogJ0hlYWRpbmcgMicsXHJcbiAgICBib2xkOiAnQm9sZCcsXHJcbiAgICBpdGFsaWM6ICdJdGFsaWMnLFxyXG4gICAgc3RyaWtlOiAnU3RyaWtlJyxcclxuICAgIGJ1bGxldGVkTGlzdDogJ0J1bGxldGVkIExpc3QnLFxyXG4gICAgb3JkZXJlZExpc3Q6ICdPcmRlcmVkIExpc3QnLFxyXG4gICAgbGVmdEFsaWduOiAnTGVmdCBBbGlnbicsXHJcbiAgICBjZW50ZXJBbGlnbjogJ0NlbnRlciBBbGlnbicsXHJcbiAgICByaWdodEFsaWduOiAnUmlnaHQgQWxpZ24nLFxyXG4gICAganVzdGlmeUFsaWduOiAnSnVzdGlmeSBBbGlnbicsXHJcbiAgICBzZXRMaW5rOiAnU2V0IExpbmsnLFxyXG4gICAgcmVtb3ZlTGluazogJ1JlbW92ZSBMaW5rJyxcclxuICAgIGNsZWFyRm9ybWF0OiAnQ2xlYXIgRm9ybWF0JyxcclxuICAgIG1vZGlmeUxpbms6ICdNb2RpZnkgTGluaycsXHJcbiAgICBjYW5jZWw6ICdDYW5jZWwnLFxyXG4gICAgdXBkYXRlOiAnVXBkYXRlJyxcclxuICAgIHVybDogJ1VSTCdcclxuICB9IGFzIFJpY2hUZXh0RWRpdG9yVGV4dDtcclxuXHJcbiAgQElucHV0KClcclxuICBjYXBhYmlsaXRpZXMgPSB7XHJcbiAgICBoZWFkaW5nOiB0cnVlLFxyXG4gICAgdGV4dERlY29yYXRpb246IHRydWUsXHJcbiAgICBsaXN0OiB0cnVlLFxyXG4gICAgYWxpZ25tZW50OiB0cnVlLFxyXG4gICAgbGluazogdHJ1ZVxyXG4gIH0gYXMgUmljaFRleHRDYXBhYmlsaXRpZXM7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYm9yZGVyUmFkaXVzID0gJzBweCc7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHRleHRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjx7XHJcbiAgICBodG1sVmFsdWU6IHN0cmluZyxcclxuICAgIHRleHRWYWx1ZTogc3RyaW5nXHJcbiAgfT4oKTtcclxuXHJcbiAgc2hvd0RpYWxvZzogYW55ID0gbnVsbDtcclxuICBkaWFsb2dMaW5rOiBzdHJpbmcgPSBudWxsIGFzIGFueTtcclxuXHJcbiAgLyoqXHJcbiAgICogRnVuY3Rpb24gY2FsbGVkIG9uIGNoYW5nZVxyXG4gICAqL1xyXG4gIG9uQ2hhbmdlOiAoKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xyXG5cclxuICAvKipcclxuICAgKiBGdW5jdGlvbiBjYWxsZWQgb24gdG91Y2hcclxuICAgKi9cclxuICBvblRvdWNoZWQ6ICgoKSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZyA9IG51bGwgYXMgYW55O1xyXG4gIHByaXZhdGUgX2VkaXRhYmxlID0gdHJ1ZTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHdpbmRvdyA9IHdpbmRvdztcclxuXHJcbiAgZWRpdG9yID0gbmV3IEVkaXRvcih7XHJcbiAgICBleHRlbnNpb25zOiBbXHJcbiAgICAgIFN0YXJ0ZXJLaXQsXHJcbiAgICAgIExpbmsuY29uZmlndXJlKHtcclxuICAgICAgICBvcGVuT25DbGljazogZmFsc2UsXHJcbiAgICAgICAgSFRNTEF0dHJpYnV0ZXM6IHtcclxuICAgICAgICAgIGNsYXNzOiAncmljaC10ZXh0LWxpbmsnLFxyXG4gICAgICAgICAgdGFyZ2V0OiAnX2JsYW5rJ1xyXG4gICAgICAgIH0sXHJcbiAgICAgIH0pLFxyXG4gICAgICBUZXh0QWxpZ24uY29uZmlndXJlKHtcclxuICAgICAgICB0eXBlczogWydoZWFkaW5nJywgJ3BhcmFncmFwaCddLFxyXG5cclxuICAgICAgfSksXHJcbiAgICAgIFBsYWNlaG9sZGVyLmNvbmZpZ3VyZSh7XHJcbiAgICAgICAgcGxhY2Vob2xkZXI6ICgpID0+IHRoaXMucGxhY2Vob2xkZXJcclxuICAgICAgfSlcclxuICAgIF0sXHJcbiAgICBlZGl0b3JQcm9wczoge1xyXG4gICAgICBhdHRyaWJ1dGVzOiB7XHJcbiAgICAgICAgY2xhc3M6ICcnLFxyXG4gICAgICAgIHNwZWxsY2hlY2s6ICd0cnVlJyxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgICBlbmFibGVQYXN0ZVJ1bGVzOiBbTGluaywgU3RhcnRlcktpdCwgVGV4dEFsaWduXVxyXG4gIH0pO1xyXG5cclxuICBnZXQgdmFsdWUoKTogYW55IHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcblxyXG4gIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICBpZiAodmFsdWUgPT09ICc8cD48L3A+Jykge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLl92YWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgICBpZiAodGhpcy5vbkNoYW5nZSkge1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmVkaXRvci5zZXRFZGl0YWJsZSh0aGlzLl9lZGl0YWJsZSk7XHJcblxyXG4gICAgdGhpcy5lZGl0b3Iub24oJ3VwZGF0ZScsICh7ZWRpdG9yfSkgPT4ge1xyXG4gICAgICB0aGlzLnRleHRDaGFuZ2VkLmVtaXQoe1xyXG4gICAgICAgIHRleHRWYWx1ZTogZWRpdG9yLmdldFRleHQoKSxcclxuICAgICAgICBodG1sVmFsdWU6IHRoaXMuX3ZhbHVlXHJcbiAgICAgIH0pO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5vblRvdWNoZWQpIHtcclxuICAgICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLl92YWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmVkaXRvci5zZXRFZGl0YWJsZShpc0Rpc2FibGVkKTtcclxuICB9XHJcblxyXG4gIG9wZW5MaW5rRGlhbG9nKCk6IHZvaWQge1xyXG4gICAgY29uc3QgcHJldmlvdXNVcmwgPSB0aGlzLmVkaXRvci5nZXRBdHRyaWJ1dGVzKCdsaW5rJykuaHJlZjtcclxuICAgIHRoaXMuc2hvd0RpYWxvZyA9IHt9O1xyXG4gICAgdGhpcy5kaWFsb2dMaW5rID0gcHJldmlvdXNVcmw7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VFZGl0b3JMaW5rKGFjdGlvbjogc3RyaW5nKTogdm9pZCB7XHJcbiAgICBzd2l0Y2ggKGFjdGlvbikge1xyXG4gICAgICBjYXNlICdyZW1vdmUnOlxyXG4gICAgICAgIHRoaXMuZWRpdG9yLmNoYWluKCkuZm9jdXMoKS5leHRlbmRNYXJrUmFuZ2UoJ2xpbmsnKS51bnNldExpbmsoKS5ydW4oKTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnc2F2ZSc6XHJcbiAgICAgICAgdGhpcy5lZGl0b3IuY2hhaW4oKS5mb2N1cygpLmV4dGVuZE1hcmtSYW5nZSgnbGluaycpLnNldExpbmsoeyBocmVmOiB0aGlzLmRpYWxvZ0xpbmssIHRhcmdldDogJ19ibGFuaycgfSkucnVuKCk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgY29uc29sZS5sb2coYWN0aW9uKTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmRpYWxvZ0xpbmsgPSBudWxsIGFzIGFueTtcclxuICAgIHRoaXMuc2hvd0RpYWxvZyA9IG51bGwgYXMgYW55O1xyXG4gIH1cclxuXHJcbiAgZm9jdXMocG9zaXRpb24/OiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghcG9zaXRpb24pIHtcclxuICAgICAgcG9zaXRpb24gPSAnc3RhcnQnO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuZWRpdG9yLmNvbW1hbmRzLmZvY3VzKHBvc2l0aW9uKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3dfYmxvY2sgd2lkdGgxMDAgY29udGVudF9jb2xvciBwdGxfYnJkcl9yYWRpdXMgcHRsX2JyZHJfY29sb3IgcHRsX2JyZHJfc2l6ZVwiIHN0eWxlPVwib3ZlcmZsb3c6IGhpZGRlblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3cgcHRsX2lucHV0X2JnX2NvbG9yIHB0bF9icmRyX2NvbG9yIHB0bF9icmRyX3NpemUgYm9yZGVyX2JvdHRvbSB3cmFwIGhpZGVfZWxlbWVudFwiICAqbmdJZj1cIiF0aGlzLmhpZGVDb250cm9scyAmJiB0aGlzLmVkaXRvci5pc0VkaXRhYmxlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sIHZfY2VudGVyIHB0bF9icmRyX2NvbG9yIHB0bF9icmRyX3NpemUgYm9yZGVyX3JpZ2h0IHBhZF81XCIgKm5nSWY9XCJjYXBhYmlsaXRpZXMuaGVhZGluZ1wiPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgaWQ9XCJoZWFkaW5nMVwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LmhlYWRpbmcxXCJcclxuICAgICAgICBjbGFzcz1cImFjY2VzcyBidG5zZXQgY2hpcF9zaXplIGNvbnRlbnRfY29sb3JfZGFya18xIG1hcl9yaWdodDUgbWFyX2xlZnQ1IHB0bF9icmRyX3JhZGl1cyBob3ZfZGFya2VuXCJcclxuICAgICAgICBbcGFydGljbGVUb29sdGlwXT1cInRleHQuaGVhZGluZzFcIiB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgIChjbGljayk9XCJlZGl0b3IuY2hhaW4oKS5mb2N1cygpLnRvZ2dsZUhlYWRpbmcoeyBsZXZlbDogMSB9KS5ydW4oKVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnb2tfYnV0dG9uX2NvbG9yJzogdGhpcy5lZGl0b3IuaXNBY3RpdmUoJ2hlYWRpbmcnLCB7IGxldmVsOiAxIH0pIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtaGVhZGVyIGZhLWZ3XCI+PC9pPjFcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBpZD1cImhlYWRpbmcyXCJcclxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHQuaGVhZGluZzJcIlxyXG4gICAgICAgIGNsYXNzPVwiYWNjZXNzIGJ0bnNldCBjaGlwX3NpemUgY29udGVudF9jb2xvcl9kYXJrXzEgbWFyX3JpZ2h0NSBtYXJfbGVmdDUgcHRsX2JyZHJfcmFkaXVzIGhvdl9kYXJrZW5cIlxyXG4gICAgICAgIFtwYXJ0aWNsZVRvb2x0aXBdPVwidGV4dC5oZWFkaW5nMlwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkudG9nZ2xlSGVhZGluZyh7IGxldmVsOiAyIH0pLnJ1bigpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdva19idXR0b25fY29sb3InOiB0aGlzLmVkaXRvci5pc0FjdGl2ZSgnaGVhZGluZycsIHsgbGV2ZWw6IDIgfSkgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1oZWFkZXIgZmEtZndcIj48L2k+MlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbCB2X2NlbnRlciBwdGxfYnJkcl9jb2xvciBwdGxfYnJkcl9zaXplIGJvcmRlcl9yaWdodCBwYWRfNVwiICpuZ0lmPVwiY2FwYWJpbGl0aWVzLnRleHREZWNvcmF0aW9uXCI+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBpZD1cImJvbGRcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dC5ib2xkXCJcclxuICAgICAgICBjbGFzcz1cImFjY2VzcyBidG5zZXQgY2hpcF9zaXplIGNvbnRlbnRfY29sb3JfZGFya18xIG1hcl9yaWdodDMgbWFyX2xlZnQzIHB0bF9icmRyX3JhZGl1cyBob3ZfZGFya2VuXCJcclxuICAgICAgICBbcGFydGljbGVUb29sdGlwXT1cInRleHQuYm9sZFwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkudG9nZ2xlQm9sZCgpLnJ1bigpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdva19idXR0b25fY29sb3InOiB0aGlzLmVkaXRvci5pc0FjdGl2ZSgnYm9sZCcpIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtYm9sZCBmYS1md1wiPjwvaT5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBpZD1cIml0YWxpY1wiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0Lml0YWxpY1wiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0Lml0YWxpY1wiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkudG9nZ2xlSXRhbGljKCkucnVuKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ29rX2J1dHRvbl9jb2xvcic6IHRoaXMuZWRpdG9yLmlzQWN0aXZlKCdpdGFsaWMnKSB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWl0YWxpYyBmYS1md1wiPjwvaT5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBpZD1cInN0cmlrZVwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LnN0cmlrZVwiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0LnN0cmlrZVwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkudG9nZ2xlU3RyaWtlKCkucnVuKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ29rX2J1dHRvbl9jb2xvcic6IHRoaXMuZWRpdG9yLmlzQWN0aXZlKCdzdHJpa2UnKSB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLXN0cmlrZXRocm91Z2ggZmEtZndcIj48L2k+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sIHZfY2VudGVyIHB0bF9icmRyX2NvbG9yIHB0bF9icmRyX3NpemUgYm9yZGVyX3JpZ2h0IHBhZF81XCIgKm5nSWY9XCJjYXBhYmlsaXRpZXMubGlzdFwiPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgaWQ9XCJidWxsZXQtbGlzdFwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LmJ1bGxldGVkTGlzdFwiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0LmJ1bGxldGVkTGlzdFwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkudG9nZ2xlQnVsbGV0TGlzdCgpLnJ1bigpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdva19idXR0b25fY29sb3InOiB0aGlzLmVkaXRvci5pc0FjdGl2ZSgnYnVsbGV0LWxpc3QnKSB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWxpc3QgZmEtZndcIj48L2k+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgaWQ9XCJvcmRlcmVkLWxpc3RcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dC5vcmRlcmVkTGlzdFwiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0Lm9yZGVyZWRMaXN0XCIgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCJcclxuICAgICAgICAoY2xpY2spPVwiZWRpdG9yLmNoYWluKCkuZm9jdXMoKS50b2dnbGVPcmRlcmVkTGlzdCgpLnJ1bigpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdva19idXR0b25fY29sb3InOiB0aGlzLmVkaXRvci5pc0FjdGl2ZSgnb3JkZXJlZC1saXN0JykgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1saXN0LW9sIGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbCB2X2NlbnRlciBwdGxfYnJkcl9jb2xvciBwdGxfYnJkcl9zaXplIGJvcmRlcl9yaWdodCBwYWRfNVwiICAqbmdJZj1cImNhcGFiaWxpdGllcy5hbGlnbm1lbnRcIj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwibGVmdC1hbGlnblwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LmxlZnRBbGlnblwiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0LmxlZnRBbGlnblwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkuc2V0VGV4dEFsaWduKCdsZWZ0JykucnVuKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ29rX2J1dHRvbl9jb2xvcic6IHRoaXMuZWRpdG9yLmlzQWN0aXZlKHsgdGV4dEFsaWduOiAnbGVmdCcgfSkgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1hbGlnbi1sZWZ0IGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwiY2VudGVyLWFsaWduXCJcclxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHQuY2VudGVyQWxpZ25cIlxyXG4gICAgICAgIGNsYXNzPVwiYWNjZXNzIGJ0bnNldCBjaGlwX3NpemUgY29udGVudF9jb2xvcl9kYXJrXzEgbWFyX3JpZ2h0MyBtYXJfbGVmdDMgcHRsX2JyZHJfcmFkaXVzIGhvdl9kYXJrZW5cIlxyXG4gICAgICAgIFtwYXJ0aWNsZVRvb2x0aXBdPVwidGV4dC5jZW50ZXJBbGlnblwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkuc2V0VGV4dEFsaWduKCdjZW50ZXInKS5ydW4oKVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnb2tfYnV0dG9uX2NvbG9yJzogdGhpcy5lZGl0b3IuaXNBY3RpdmUoeyB0ZXh0QWxpZ246ICdjZW50ZXInIH0pIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtYWxpZ24tY2VudGVyIGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwicmlnaHQtYWxpZ25cIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dC5yaWdodEFsaWduXCJcclxuICAgICAgICBjbGFzcz1cImFjY2VzcyBidG5zZXQgY2hpcF9zaXplIGNvbnRlbnRfY29sb3JfZGFya18xIG1hcl9yaWdodDMgbWFyX2xlZnQzIHB0bF9icmRyX3JhZGl1cyBob3ZfZGFya2VuXCJcclxuICAgICAgICBbcGFydGljbGVUb29sdGlwXT1cInRleHQucmlnaHRBbGlnblwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkuc2V0VGV4dEFsaWduKCdyaWdodCcpLnJ1bigpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdva19idXR0b25fY29sb3InOiB0aGlzLmVkaXRvci5pc0FjdGl2ZSh7IHRleHRBbGlnbjogJ3JpZ2h0JyB9KSB9XCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWFsaWduLXJpZ2h0IGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwianVzdGlmeS1hbGlnblwiXHJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0Lmp1c3RpZnlBbGlnblwiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0Lmp1c3RpZnlBbGlnblwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkuc2V0VGV4dEFsaWduKCdqdXN0aWZ5JykucnVuKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ29rX2J1dHRvbl9jb2xvcic6IHRoaXMuZWRpdG9yLmlzQWN0aXZlKHsgdGV4dEFsaWduOiAnanVzdGlmeScgfSkgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1hbGlnbi1qdXN0aWZ5IGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbCB2X2NlbnRlciBwYWRfNVwiICAqbmdJZj1cImNhcGFiaWxpdGllcy5saW5rXCI+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBpZD1cImxpbmtcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dC5zZXRMaW5rXCJcclxuICAgICAgICBjbGFzcz1cImFjY2VzcyBidG5zZXQgY2hpcF9zaXplIGNvbnRlbnRfY29sb3JfZGFya18xIG1hcl9yaWdodDMgbWFyX2xlZnQzIHB0bF9icmRyX3JhZGl1cyBob3ZfZGFya2VuXCJcclxuICAgICAgICBbcGFydGljbGVUb29sdGlwXT1cInRleHQuc2V0TGlua1wiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5MaW5rRGlhbG9nKClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ29rX2J1dHRvbl9jb2xvcic6IHRoaXMuZWRpdG9yLmlzQWN0aXZlKCdsaW5rJykgfVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1saW5rIGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwidW5saW5rXCJcclxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHQucmVtb3ZlTGlua1wiXHJcbiAgICAgICAgY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNoaXBfc2l6ZSBjb250ZW50X2NvbG9yX2RhcmtfMSBtYXJfcmlnaHQzIG1hcl9sZWZ0MyBwdGxfYnJkcl9yYWRpdXMgaG92X2RhcmtlblwiXHJcbiAgICAgICAgW3BhcnRpY2xlVG9vbHRpcF09XCJ0ZXh0LnJlbW92ZUxpbmtcIiB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgIChjbGljayk9XCJ0aGlzLmVkaXRvci5pc0FjdGl2ZSgnbGluaycpID8gY2hhbmdlRWRpdG9yTGluaygncmVtb3ZlJykgOiBudWxsXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiIXRoaXMuZWRpdG9yLmlzQWN0aXZlKCdsaW5rJylcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtdW5saW5rIGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIGlkPVwiY2xlYXItZm9ybWF0XCJcclxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHQuY2xlYXJGb3JtYXRcIlxyXG4gICAgICAgIGNsYXNzPVwiYWNjZXNzIGJ0bnNldCBjaGlwX3NpemUgY29udGVudF9jb2xvcl9kYXJrXzEgbWFyX3JpZ2h0MyBtYXJfbGVmdDMgcHRsX2JyZHJfcmFkaXVzIGhvdl9kYXJrZW5cIlxyXG4gICAgICAgIFtwYXJ0aWNsZVRvb2x0aXBdPVwidGV4dC5jbGVhckZvcm1hdFwiIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImVkaXRvci5jaGFpbigpLmZvY3VzKCkuY2xlYXJOb2RlcygpLnVuc2V0QWxsTWFya3MoKS5ydW4oKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS10ZXh0LXNsYXNoIGZhLWZ3XCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJwYWRfMTAgcHRsX2lucHV0X3RleHRfc2l6ZSBzY3JvbGxfeWF1dG9cIiBbc3R5bGUuaGVpZ2h0XT1cInRoaXMuaGVpZ2h0XCI+XHJcbiAgICA8dGlwdGFwLWVkaXRvciBbZWRpdG9yXT1cImVkaXRvclwiIFsobmdNb2RlbCldPVwidmFsdWVcIj48L3RpcHRhcC1lZGl0b3I+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPHBhcnRpY2xlLWRpYWxvZ1xyXG4gIFt0aXRsZV09XCJ0ZXh0Lm1vZGlmeUxpbmtcIlxyXG4gIHRpdGxlQ2xhc3M9XCJoZWFkZXJfY29sb3IgbWluX2g0MFwiXHJcbiAgW29iamVjdF09XCJzaG93RGlhbG9nXCJcclxuICBbYWxsb3dDbG9zZV09XCJmYWxzZVwiXHJcbiAgW2JvcmRlclJhZGl1c109XCJib3JkZXJSYWRpdXNcIlxyXG4gIHdpZHRoPVwiNDAwcHhcIlxyXG4gIGhlaWdodD1cIjE1MHB4XCJcclxuPlxyXG4gIDxkaXYgY2xhc3M9XCJwYWRfMTUgcHRsX2lucHV0X3RleHRfc2l6ZVwiIFtzdHlsZS5oZWlnaHRdPVwid2luZG93LmlubmVyV2lkdGggPiA3NjggPyAnNzBweCcgOiAnY2FsYygxMDAlIC0gNDBweCknXCI+XHJcbiAgICA8aW5wdXQgY2xhc3M9XCJhY2Nlc3MgaW5wdXQgbWRcIlxyXG4gICAgICAgICAgIFsobmdNb2RlbCldPVwiZGlhbG9nTGlua1wiXHJcbiAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LnVybFwiXHJcbiAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJlZy4gaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbVwiXHJcbiAgICAgICAgICAgKGtleXVwLmVudGVyKT1cImNoYW5nZUVkaXRvckxpbmsoJ3NhdmUnKVwiXHJcbiAgICAvPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjb2wgbWluX2g0MCBmb290ZXJfY29sb3JcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgY2VudGVyX3JpZ2h0IHBhZF9yaWdodDE1IHBhZF9sZWZ0MTVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbFwiPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNsZWFyXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LmNhbmNlbFwiIChjbGljayk9XCJjaGFuZ2VFZGl0b3JMaW5rKCdjYW5jZWwnKVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIiBwYWRfNVwiPnt7dGV4dC5jYW5jZWx9fTwvZGl2PlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYXJfbHI1IHB0bF9icmRyX3NpemUgcHRsX2JyZHJfY29sb3IgYm9yZGVyX2xlZnRcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgIGNsYXNzPVwiYWNjZXNzIGJ0bnNldCBzcGFjZWQgbWQgaG92X2dsb3cgb2tfYnV0dG9uX2NvbG9yIHB0bF9icmRyX3JhZGl1c1wiXHJcbiAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInRleHQudXBkYXRlXCJcclxuICAgICAgICAgIChjbGljayk9XCJjaGFuZ2VFZGl0b3JMaW5rKCdzYXZlJylcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJicmRyIGJvcmRlcl9yaWdodCBtYXJfcmlnaHQ1IHBhZF9yaWdodDVcIj48aSBjbGFzcz1cImZhcyBmYS1jaGVja1wiPjwvaT48L2Rpdj5cclxuICAgICAgICAgIDxkaXY+e3t0ZXh0LnVwZGF0ZX19PC9kaXY+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvcGFydGljbGUtZGlhbG9nPlxyXG4iXX0=

package/esm2022/app/modules/scroll-to-top/particle-scroll-to-top.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ScrollToTopComponent } from './scroll-to-top.component';
+import * as i0 from "@angular/core";
+export class ParticleScrollToTopModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleScrollToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: ParticleScrollToTopModule, declarations: [ScrollToTopComponent], imports: [CommonModule], exports: [ScrollToTopComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleScrollToTopModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleScrollToTopModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ScrollToTopComponent
+                    ],
+                    exports: [
+                        ScrollToTopComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFydGljbGUtc2Nyb2xsLXRvLXRvcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc2Nyb2xsLXRvLXRvcC9wYXJ0aWNsZS1zY3JvbGwtdG8tdG9wLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQzs7QUFhL0QsTUFBTSxPQUFPLHlCQUF5Qjt1R0FBekIseUJBQXlCO3dHQUF6Qix5QkFBeUIsaUJBVGxDLG9CQUFvQixhQU1wQixZQUFZLGFBSFosb0JBQW9CO3dHQU1YLHlCQUF5QixZQUhsQyxZQUFZOzsyRkFHSCx5QkFBeUI7a0JBWHJDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7U2Nyb2xsVG9Ub3BDb21wb25lbnR9IGZyb20gJy4vc2Nyb2xsLXRvLXRvcC5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNjcm9sbFRvVG9wQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTY3JvbGxUb1RvcENvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhcnRpY2xlU2Nyb2xsVG9Ub3BNb2R1bGUge1xyXG59XHJcbiJdfQ==

package/esm2022/app/modules/scroll-to-top/scroll-to-top.component.mjs

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ScrollToTopComponent {
+    renderer;
+    content = null;
+    scrollDistance = 500;
+    bottomOffset = 50;
+    text = {
+        scrollToTop: 'Scroll back to the top of the page'
+    };
+    $scrollTop = new BehaviorSubject(0);
+    _listener;
+    constructor(renderer) {
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this._listener = this.renderer.listen(this.content, 'scroll', () => {
+            this.$scrollTop.next(this.content.scrollTop);
+        });
+    }
+    ngOnDestroy() {
+        this._listener();
+    }
+    scrollToTop() {
+        if (this.content) {
+            this.content.scroll({
+                top: 0,
+                behavior: 'smooth'
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ScrollToTopComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: ScrollToTopComponent, selector: "particle-scroll-to-top", inputs: { content: "content", scrollDistance: "scrollDistance", bottomOffset: "bottomOffset", text: "text" }, ngImport: i0, template: "<ng-container *ngIf=\"$scrollTop | async as scrollTop\">\r\n  <div [style.visibility]=\"scrollTop > scrollDistance ? 'visible' : 'hidden'\"\r\n       [style.opacity]=\"scrollTop > scrollDistance ? '1' : '0'\"\r\n       [style.bottom]=\"bottomOffset + 'px'\"\r\n       class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n    <button (click)=\"scrollToTop()\"\r\n            class=\"access btn pad_10 brad_3 brdr content_color\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"text.scrollToTop\">\r\n      <span class=\"icon slide_up\"><i class=\"fas fa-chevron-up\"></i></span>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ScrollToTopComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'particle-scroll-to-top', template: "<ng-container *ngIf=\"$scrollTop | async as scrollTop\">\r\n  <div [style.visibility]=\"scrollTop > scrollDistance ? 'visible' : 'hidden'\"\r\n       [style.opacity]=\"scrollTop > scrollDistance ? '1' : '0'\"\r\n       [style.bottom]=\"bottomOffset + 'px'\"\r\n       class=\"particle_scroll_button mar_right10 mar_bot15\">\r\n    <button (click)=\"scrollToTop()\"\r\n            class=\"access btn pad_10 brad_3 brdr content_color\"\r\n            type=\"button\"\r\n            [attr.aria-label]=\"text.scrollToTop\">\r\n      <span class=\"icon slide_up\"><i class=\"fas fa-chevron-up\"></i></span>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { content: [{
+                type: Input
+            }], scrollDistance: [{
+                type: Input
+            }], bottomOffset: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLXRvLXRvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc2Nyb2xsLXRvLXRvcC9zY3JvbGwtdG8tdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zY3JvbGwtdG8tdG9wL3Njcm9sbC10by10b3AuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDOzs7QUFPckMsTUFBTSxPQUFPLG9CQUFvQjtJQXFCdEI7SUFsQlQsT0FBTyxHQUFnQixJQUFXLENBQUM7SUFHbkMsY0FBYyxHQUFHLEdBQUcsQ0FBQztJQUdyQixZQUFZLEdBQUcsRUFBRSxDQUFDO0lBR2xCLElBQUksR0FBb0I7UUFDdEIsV0FBVyxFQUFFLG9DQUFvQztLQUMvQixDQUFDO0lBRXJCLFVBQVUsR0FBRyxJQUFJLGVBQWUsQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUVwQyxTQUFTLENBQU07SUFFdkIsWUFDUyxRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQ3pCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUU7WUFDakUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUMvQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7Z0JBQ2xCLEdBQUcsRUFBRSxDQUFDO2dCQUNOLFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDO3VHQXpDVSxvQkFBb0I7MkZBQXBCLG9CQUFvQiw0S0NSakMsK29CQWFBOzsyRkRMYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usd0JBQXdCOzhFQU1sQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgUmVuZGVyZXIyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtCZWhhdmlvclN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge1Njcm9sbFRvVG9wVGV4dH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy9wYXJ0aWNsZS1jb21wb25lbnQtdGV4dC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhcnRpY2xlLXNjcm9sbC10by10b3AnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGwtdG8tdG9wLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2Nyb2xsVG9Ub3BDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGNvbnRlbnQ6IEhUTUxFbGVtZW50ID0gbnVsbCBhcyBhbnk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2Nyb2xsRGlzdGFuY2UgPSA1MDA7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYm90dG9tT2Zmc2V0ID0gNTA7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGV4dDogU2Nyb2xsVG9Ub3BUZXh0ID0ge1xyXG4gICAgc2Nyb2xsVG9Ub3A6ICdTY3JvbGwgYmFjayB0byB0aGUgdG9wIG9mIHRoZSBwYWdlJ1xyXG4gIH0gYXMgU2Nyb2xsVG9Ub3BUZXh0O1xyXG5cclxuICAkc2Nyb2xsVG9wID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDApO1xyXG5cclxuICBwcml2YXRlIF9saXN0ZW5lcjogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyByZW5kZXJlcjogUmVuZGVyZXIyXHJcbiAgKSB7fVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9saXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuY29udGVudCwgJ3Njcm9sbCcsICgpID0+IHtcclxuICAgICAgdGhpcy4kc2Nyb2xsVG9wLm5leHQodGhpcy5jb250ZW50LnNjcm9sbFRvcCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fbGlzdGVuZXIoKTtcclxuICB9XHJcblxyXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuY29udGVudCkge1xyXG4gICAgICB0aGlzLmNvbnRlbnQuc2Nyb2xsKHtcclxuICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiRzY3JvbGxUb3AgfCBhc3luYyBhcyBzY3JvbGxUb3BcIj5cclxuICA8ZGl2IFtzdHlsZS52aXNpYmlsaXR5XT1cInNjcm9sbFRvcCA+IHNjcm9sbERpc3RhbmNlID8gJ3Zpc2libGUnIDogJ2hpZGRlbidcIlxyXG4gICAgICAgW3N0eWxlLm9wYWNpdHldPVwic2Nyb2xsVG9wID4gc2Nyb2xsRGlzdGFuY2UgPyAnMScgOiAnMCdcIlxyXG4gICAgICAgW3N0eWxlLmJvdHRvbV09XCJib3R0b21PZmZzZXQgKyAncHgnXCJcclxuICAgICAgIGNsYXNzPVwicGFydGljbGVfc2Nyb2xsX2J1dHRvbiBtYXJfcmlnaHQxMCBtYXJfYm90MTVcIj5cclxuICAgIDxidXR0b24gKGNsaWNrKT1cInNjcm9sbFRvVG9wKClcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImFjY2VzcyBidG4gcGFkXzEwIGJyYWRfMyBicmRyIGNvbnRlbnRfY29sb3JcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LnNjcm9sbFRvVG9wXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaWNvbiBzbGlkZV91cFwiPjxpIGNsYXNzPVwiZmFzIGZhLWNoZXZyb24tdXBcIj48L2k+PC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2022/app/modules/slideover/particle-slideover.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SlideoverComponent } from './slideover.component';
+import * as i0 from "@angular/core";
+export class ParticleSlideoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleSlideoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: ParticleSlideoverModule, declarations: [SlideoverComponent], imports: [CommonModule], exports: [SlideoverComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleSlideoverModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: ParticleSlideoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SlideoverComponent
+                    ],
+                    exports: [
+                        SlideoverComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFydGljbGUtc2xpZGVvdmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zbGlkZW92ZXIvcGFydGljbGUtc2xpZGVvdmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFhM0QsTUFBTSxPQUFPLHVCQUF1Qjt1R0FBdkIsdUJBQXVCO3dHQUF2Qix1QkFBdUIsaUJBVGhDLGtCQUFrQixhQU1sQixZQUFZLGFBSFosa0JBQWtCO3dHQU1ULHVCQUF1QixZQUhoQyxZQUFZOzsyRkFHSCx1QkFBdUI7a0JBWG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNsaWRlb3ZlckNvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVvdmVyLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU2xpZGVvdmVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTbGlkZW92ZXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhcnRpY2xlU2xpZGVvdmVyTW9kdWxlIHtcclxufVxyXG4iXX0=

package/esm2022/app/modules/slideover/slideover.component.mjs

@@ -0,0 +1,115 @@
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SlideoverComponent {
+    _position = 'right';
+    slideoverOpen = false;
+    visible = false;
+    set position(position) {
+        if (position && ['left', 'right', 'top', 'bottom'].indexOf(position.toLowerCase()) > -1) {
+            this._position = position.toLowerCase();
+        }
+        else {
+            this._position = 'right';
+        }
+    }
+    get position() {
+        return this._position;
+    }
+    modal = true;
+    width = '300px';
+    height = '100px';
+    bgClass = 'content_color';
+    text = {
+        close: 'Close Slideover'
+    };
+    /**
+     * Breakpoint that will make the container take over the screen when it's crossed.
+     */
+    breakpoint = 769;
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    overlay = null;
+    breakpointExceeded = false;
+    constructor() {
+    }
+    onResize(event) {
+        this._determineBreakpointExceeded(event.target.innerWidth);
+    }
+    _determineBreakpointExceeded(innerWidth) {
+        if (this.breakpoint) {
+            this.breakpointExceeded = innerWidth < this.breakpoint || innerWidth < +this.width.substring(0, this.width.length - 2);
+        }
+    }
+    open() {
+        this.addModalMask();
+        this.slideoverOpen = true;
+        this.visible = true;
+        this.opened.emit();
+    }
+    close() {
+        this.removeModalMask();
+        this.slideoverOpen = false;
+        this.closed.emit();
+        setTimeout(() => this.visible = false, 200);
+    }
+    toggle() {
+        if (this.slideoverOpen) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    addModalMask() {
+        if (this.modal) {
+            this.overlay.nativeElement.classList.add('particle_dialog_overlay');
+            document.body.classList.add('scroll_none');
+        }
+    }
+    removeModalMask() {
+        if (this.modal) {
+            this.overlay.nativeElement.classList.remove('particle_dialog_overlay');
+            document.body.classList.remove('scroll_none');
+        }
+    }
+    ngOnDestroy() {
+        this.removeModalMask();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this._determineBreakpointExceeded(window.innerWidth);
+        }, 100);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SlideoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: SlideoverComponent, selector: "particle-slideover", inputs: { position: "position", modal: "modal", width: "width", height: "height", bgClass: "bgClass", text: "text", breakpoint: "breakpoint" }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], ngImport: i0, template: "<div #overlay (click)=\"close()\"></div>\r\n<div\r\n  [ngClass]=\"bgClass + ' ' + (slideoverOpen ? 'slideover_active_' + position : 'slideover_inactive_' + position) + ' slideover-panel ' + position\"\r\n  [style.width]=\"position === 'right' || position === 'left' ? (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.height]=\"position === 'top' || position === 'bottom' ? (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.left]=\"position === 'left' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.right]=\"position === 'right' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.bottom]=\"position === 'bottom' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.top]=\"position === 'top' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.visibility]=\"!visible ? 'hidden': 'visible'\"\r\n  [attr.aria-hidden]=\"!slideoverOpen\"\r\n>\r\n  <div class=\"push_close_bar\">\r\n    <button class=\"access btnset clear\"\r\n            [attr.aria-label]=\"text.close\"\r\n            (click)=\"close()\">\r\n      <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".slideover-panel{position:fixed;transition:transform .3s;display:flex;flex-direction:column;z-index:var(--z-dialog)}.slideover-panel.left{top:0;left:0;height:100%}.slideover-panel.right{top:0;right:0;height:100%}.slideover-panel.top{top:0;left:0;width:100%}.slideover-panel.bottom{bottom:0;left:0;width:100%}.slideover_inactive_left,.slideover_active_left{transition:left .2s ease-in-out}.slideover_inactive_right,.slideover_active_right{transition:right .2s ease-in-out}.slideover_inactive_top,.slideover_active_top{transition:top .2s ease-in-out}.slideover_inactive_bottom,.slideover_active_bottom{transition:bottom .2s ease-in-out}.push_close_bar{position:absolute;right:0;top:0;width:45px;height:45px;z-index:var(--z-dialog);display:flex;justify-content:center;align-items:center}.data_hide_button{float:right;display:flex;align-items:center;justify-content:center;font-size:9pt;min-height:20px;height:20px;min-width:20px;width:20px;border-radius:50%;cursor:pointer;padding:0;transition:all .2s ease-in-out;background-color:#ffffffe6;color:#0006;border:1px solid rgba(0,0,0,.1)}.data_hide_button:hover{background-color:#0000004d;color:#fffc;border:1px solid rgba(0,0,0,.1)}.particle_dialog_overlay{position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#78787866;z-index:var(--z-dialog)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SlideoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'particle-slideover', template: "<div #overlay (click)=\"close()\"></div>\r\n<div\r\n  [ngClass]=\"bgClass + ' ' + (slideoverOpen ? 'slideover_active_' + position : 'slideover_inactive_' + position) + ' slideover-panel ' + position\"\r\n  [style.width]=\"position === 'right' || position === 'left' ? (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.height]=\"position === 'top' || position === 'bottom' ? (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.left]=\"position === 'left' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.right]=\"position === 'right' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : width) : null\"\r\n  [style.bottom]=\"position === 'bottom' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.top]=\"position === 'top' && !slideoverOpen ? '-' + (breakpointExceeded ? '100%' : height) : null\"\r\n  [style.visibility]=\"!visible ? 'hidden': 'visible'\"\r\n  [attr.aria-hidden]=\"!slideoverOpen\"\r\n>\r\n  <div class=\"push_close_bar\">\r\n    <button class=\"access btnset clear\"\r\n            [attr.aria-label]=\"text.close\"\r\n            (click)=\"close()\">\r\n      <div class=\"circle_20px ptl_brdr_color ptl_brdr_size ptl_input_bg_color\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".slideover-panel{position:fixed;transition:transform .3s;display:flex;flex-direction:column;z-index:var(--z-dialog)}.slideover-panel.left{top:0;left:0;height:100%}.slideover-panel.right{top:0;right:0;height:100%}.slideover-panel.top{top:0;left:0;width:100%}.slideover-panel.bottom{bottom:0;left:0;width:100%}.slideover_inactive_left,.slideover_active_left{transition:left .2s ease-in-out}.slideover_inactive_right,.slideover_active_right{transition:right .2s ease-in-out}.slideover_inactive_top,.slideover_active_top{transition:top .2s ease-in-out}.slideover_inactive_bottom,.slideover_active_bottom{transition:bottom .2s ease-in-out}.push_close_bar{position:absolute;right:0;top:0;width:45px;height:45px;z-index:var(--z-dialog);display:flex;justify-content:center;align-items:center}.data_hide_button{float:right;display:flex;align-items:center;justify-content:center;font-size:9pt;min-height:20px;height:20px;min-width:20px;width:20px;border-radius:50%;cursor:pointer;padding:0;transition:all .2s ease-in-out;background-color:#ffffffe6;color:#0006;border:1px solid rgba(0,0,0,.1)}.data_hide_button:hover{background-color:#0000004d;color:#fffc;border:1px solid rgba(0,0,0,.1)}.particle_dialog_overlay{position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#78787866;z-index:var(--z-dialog)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { position: [{
+                type: Input
+            }], modal: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], bgClass: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], breakpoint: [{
+                type: Input
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], overlay: [{
+                type: ViewChild,
+                args: ['overlay']
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVvdmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zbGlkZW92ZXIvc2xpZGVvdmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zbGlkZW92ZXIvc2xpZGVvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxrQkFBa0I7SUFFckIsU0FBUyxHQUFHLE9BQU8sQ0FBQztJQUU1QixhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFFaEIsSUFDSSxRQUFRLENBQUMsUUFBZ0I7UUFDM0IsSUFBSSxRQUFRLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUN4RixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMxQyxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFHRCxLQUFLLEdBQUcsSUFBSSxDQUFDO0lBR2IsS0FBSyxHQUFHLE9BQU8sQ0FBQztJQUdoQixNQUFNLEdBQUcsT0FBTyxDQUFDO0lBR2pCLE9BQU8sR0FBRyxlQUFlLENBQUM7SUFHMUIsSUFBSSxHQUFrQjtRQUNwQixLQUFLLEVBQUUs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QUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVNOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU07Z0JBSVAsTUFBTTtzQkFETCxNQUFNO2dCQUlQLE9BQU87c0JBRE4sU0FBUzt1QkFBQyxTQUFTO2dCQVNwQixRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBSZW5kZXJlcjIsXHJcbiAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2xpZGVvdmVyVGV4dH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy9wYXJ0aWNsZS1jb21wb25lbnQtdGV4dC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3BhcnRpY2xlLXNsaWRlb3ZlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlb3Zlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2xpZGVvdmVyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVvdmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgcHJpdmF0ZSBfcG9zaXRpb24gPSAncmlnaHQnO1xyXG5cclxuICBzbGlkZW92ZXJPcGVuID0gZmFsc2U7XHJcbiAgdmlzaWJsZSA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBwb3NpdGlvbihwb3NpdGlvbjogc3RyaW5nKSB7XHJcbiAgICBpZiAocG9zaXRpb24gJiYgWydsZWZ0JywgJ3JpZ2h0JywgJ3RvcCcsICdib3R0b20nXS5pbmRleE9mKHBvc2l0aW9uLnRvTG93ZXJDYXNlKCkpID4gLTEpIHtcclxuICAgICAgdGhpcy5fcG9zaXRpb24gPSBwb3NpdGlvbi50b0xvd2VyQ2FzZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fcG9zaXRpb24gPSAncmlnaHQnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IHBvc2l0aW9uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5fcG9zaXRpb247XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIG1vZGFsID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICB3aWR0aCA9ICczMDBweCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGVpZ2h0ID0gJzEwMHB4JztcclxuXHJcbiAgQElucHV0KClcclxuICBiZ0NsYXNzID0gJ2NvbnRlbnRfY29sb3InO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHRleHQ6IFNsaWRlb3ZlclRleHQgPSB7XHJcbiAgICBjbG9zZTogJ0Nsb3NlIFNsaWRlb3ZlcidcclxuICB9IGFzIFNsaWRlb3ZlclRleHQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIEJyZWFrcG9pbnQgdGhhdCB3aWxsIG1ha2UgdGhlIGNvbnRhaW5lciB0YWtlIG92ZXIgdGhlIHNjcmVlbiB3aGVuIGl0J3MgY3Jvc3NlZC5cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIGJyZWFrcG9pbnQgPSA3Njk7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG9wZW5lZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnb3ZlcmxheScpXHJcbiAgb3ZlcmxheTogRWxlbWVudFJlZiA9IG51bGwgYXMgYW55O1xyXG5cclxuICBicmVha3BvaW50RXhjZWVkZWQgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICBvblJlc2l6ZShldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLl9kZXRlcm1pbmVCcmVha3BvaW50RXhjZWVkZWQoZXZlbnQudGFyZ2V0LmlubmVyV2lkdGgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfZGV0ZXJtaW5lQnJlYWtwb2ludEV4Y2VlZGVkKGlubmVyV2lkdGg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuYnJlYWtwb2ludCkge1xyXG4gICAgICB0aGlzLmJyZWFrcG9pbnRFeGNlZWRlZCA9IGlubmVyV2lkdGggPCB0aGlzLmJyZWFrcG9pbnQgfHwgaW5uZXJXaWR0aCA8ICt0aGlzLndpZHRoLnN1YnN0cmluZygwLCB0aGlzLndpZHRoLmxlbmd0aCAtIDIpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbigpOiB2b2lkIHtcclxuICAgIHRoaXMuYWRkTW9kYWxNYXNrKCk7XHJcbiAgICB0aGlzLnNsaWRlb3Zlck9wZW4gPSB0cnVlO1xyXG4gICAgdGhpcy52aXNpYmxlID0gdHJ1ZTtcclxuICAgIHRoaXMub3BlbmVkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yZW1vdmVNb2RhbE1hc2soKTtcclxuICAgIHRoaXMuc2xpZGVvdmVyT3BlbiA9IGZhbHNlO1xyXG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xyXG5cclxuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy52aXNpYmxlID0gZmFsc2UsIDIwMCk7XHJcbiAgfVxyXG5cclxuICB0b2dnbGUoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zbGlkZW92ZXJPcGVuKSB7XHJcbiAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMub3BlbigpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhZGRNb2RhbE1hc2soKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5tb2RhbCkge1xyXG4gICAgICB0aGlzLm92ZXJsYXkubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdwYXJ0aWNsZV9kaWFsb2dfb3ZlcmxheScpO1xyXG4gICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoJ3Njcm9sbF9ub25lJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJlbW92ZU1vZGFsTWFzaygpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLm1vZGFsKSB7XHJcbiAgICAgIHRoaXMub3ZlcmxheS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3BhcnRpY2xlX2RpYWxvZ19vdmVybGF5Jyk7XHJcbiAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LnJlbW92ZSgnc2Nyb2xsX25vbmUnKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5yZW1vdmVNb2RhbE1hc2soKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLl9kZXRlcm1pbmVCcmVha3BvaW50RXhjZWVkZWQod2luZG93LmlubmVyV2lkdGgpXHJcbiAgICB9LCAxMDApO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiAjb3ZlcmxheSAoY2xpY2spPVwiY2xvc2UoKVwiPjwvZGl2PlxyXG48ZGl2XHJcbiAgW25nQ2xhc3NdPVwiYmdDbGFzcyArICcgJyArIChzbGlkZW92ZXJPcGVuID8gJ3NsaWRlb3Zlcl9hY3RpdmVfJyArIHBvc2l0aW9uIDogJ3NsaWRlb3Zlcl9pbmFjdGl2ZV8nICsgcG9zaXRpb24pICsgJyBzbGlkZW92ZXItcGFuZWwgJyArIHBvc2l0aW9uXCJcclxuICBbc3R5bGUud2lkdGhdPVwicG9zaXRpb24gPT09ICdyaWdodCcgfHwgcG9zaXRpb24gPT09ICdsZWZ0JyA/IChicmVha3BvaW50RXhjZWVkZWQgPyAnMTAwJScgOiB3aWR0aCkgOiBudWxsXCJcclxuICBbc3R5bGUuaGVpZ2h0XT1cInBvc2l0aW9uID09PSAndG9wJyB8fCBwb3NpdGlvbiA9PT0gJ2JvdHRvbScgPyAoYnJlYWtwb2ludEV4Y2VlZGVkID8gJzEwMCUnIDogaGVpZ2h0KSA6IG51bGxcIlxyXG4gIFtzdHlsZS5sZWZ0XT1cInBvc2l0aW9uID09PSAnbGVmdCcgJiYgIXNsaWRlb3Zlck9wZW4gPyAnLScgKyAoYnJlYWtwb2ludEV4Y2VlZGVkID8gJzEwMCUnIDogd2lkdGgpIDogbnVsbFwiXHJcbiAgW3N0eWxlLnJpZ2h0XT1cInBvc2l0aW9uID09PSAncmlnaHQnICYmICFzbGlkZW92ZXJPcGVuID8gJy0nICsgKGJyZWFrcG9pbnRFeGNlZWRlZCA/ICcxMDAlJyA6IHdpZHRoKSA6IG51bGxcIlxyXG4gIFtzdHlsZS5ib3R0b21dPVwicG9zaXRpb24gPT09ICdib3R0b20nICYmICFzbGlkZW92ZXJPcGVuID8gJy0nICsgKGJyZWFrcG9pbnRFeGNlZWRlZCA/ICcxMDAlJyA6IGhlaWdodCkgOiBudWxsXCJcclxuICBbc3R5bGUudG9wXT1cInBvc2l0aW9uID09PSAndG9wJyAmJiAhc2xpZGVvdmVyT3BlbiA/ICctJyArIChicmVha3BvaW50RXhjZWVkZWQgPyAnMTAwJScgOiBoZWlnaHQpIDogbnVsbFwiXHJcbiAgW3N0eWxlLnZpc2liaWxpdHldPVwiIXZpc2libGUgPyAnaGlkZGVuJzogJ3Zpc2libGUnXCJcclxuICBbYXR0ci5hcmlhLWhpZGRlbl09XCIhc2xpZGVvdmVyT3BlblwiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwicHVzaF9jbG9zZV9iYXJcIj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJhY2Nlc3MgYnRuc2V0IGNsZWFyXCJcclxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0LmNsb3NlXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNpcmNsZV8yMHB4IHB0bF9icmRyX2NvbG9yIHB0bF9icmRyX3NpemUgcHRsX2lucHV0X2JnX2NvbG9yXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtdGltZXNcIj48L2k+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19