@flogeez/angular-tiptap-editor 3.1.3 → 3.1.5

package/esm2022/lib/components/bubble-menus/text/ate-bubble-menu.component.mjs

@@ -0,0 +1,272 @@
+import { Component, input, ChangeDetectionStrategy, computed, } from "@angular/core";
+import { AteButtonComponent } from "../../ui/ate-button.component";
+import { AteColorPickerComponent } from "../../color-picker/ate-color-picker.component";
+import { ATE_DEFAULT_BUBBLE_MENU_CONFIG } from "../../../config/ate-editor.config";
+import { AteBaseBubbleMenu } from "../base/ate-base-bubble-menu";
+import * as i0 from "@angular/core";
+export class AteBubbleMenuComponent extends AteBaseBubbleMenu {
+    constructor() {
+        super(...arguments);
+        this.t = this.i18nService.bubbleMenu;
+        this.onMouseDown = () => {
+            this.hideTippy();
+        };
+        this.config = input(ATE_DEFAULT_BUBBLE_MENU_CONFIG);
+        this.bubbleMenuConfig = computed(() => ({
+            ...ATE_DEFAULT_BUBBLE_MENU_CONFIG,
+            ...this.config(),
+        }));
+    }
+    ngOnInit() {
+        const ed = this.editor();
+        // Specialized mousedown listener for the text bubble menu:
+        // This is necessary to hide the menu immediately when clicking elsewhere,
+        // avoiding a 'jumping' effect where the menu moves to the new cursor position
+        // before the reactive state has time to hide it.
+        if (ed?.view?.dom) {
+            ed.view.dom.addEventListener("mousedown", this.onMouseDown, { capture: true });
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        const ed = this.editor();
+        if (ed?.view?.dom) {
+            ed.view.dom.removeEventListener("mousedown", this.onMouseDown, { capture: true });
+        }
+    }
+    shouldShow() {
+        const { selection, nodes, isEditable, isFocused } = this.state();
+        if (!isEditable) {
+            return false;
+        }
+        // PRIORITY: If we are editing a link or color, HIDE this main bubble menu
+        // to give full priority to the specialized sub-menus.
+        if (this.editorCommands.linkEditMode() || this.editorCommands.colorEditMode()) {
+            return false;
+        }
+        // Now we can check focus for the standard text selection menu
+        if (!isFocused) {
+            return false;
+        }
+        // Only show text bubble menu if there is a non-empty text selection
+        // and no higher-priority node (image, table) is selected.
+        return (selection.type === "text" && !selection.empty && !nodes.isImage && !nodes.isTableNodeSelected);
+    }
+    getSelectionRect() {
+        return this.getRectForSelection(this.editor());
+    }
+    executeCommand(editor, command, ...args) {
+        this.editorCommands.execute(editor, command, ...args);
+    }
+    onTippyHide() {
+        // Sub-menus now manage their own state. Clearing them here causes
+        // premature closing when clicking between 'sibling' menu instances.
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AteBubbleMenuComponent, isStandalone: true, selector: "ate-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
+      @if (bubbleMenuConfig().bold) {
+        <ate-button
+          icon="format_bold"
+          [title]="t().bold"
+          [active]="state().marks.bold"
+          [disabled]="!state().can.toggleBold"
+          (buttonClick)="onCommand('toggleBold', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().italic) {
+        <ate-button
+          icon="format_italic"
+          [title]="t().italic"
+          [active]="state().marks.italic"
+          [disabled]="!state().can.toggleItalic"
+          (buttonClick)="onCommand('toggleItalic', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().underline) {
+        <ate-button
+          icon="format_underlined"
+          [title]="t().underline"
+          [active]="state().marks.underline"
+          [disabled]="!state().can.toggleUnderline"
+          (buttonClick)="onCommand('toggleUnderline', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().strike) {
+        <ate-button
+          icon="strikethrough_s"
+          [title]="t().strike"
+          [active]="state().marks.strike"
+          [disabled]="!state().can.toggleStrike"
+          (buttonClick)="onCommand('toggleStrike', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().code) {
+        <ate-button
+          icon="code"
+          [title]="t().code"
+          [active]="state().marks.code"
+          [disabled]="!state().can.toggleCode"
+          (buttonClick)="onCommand('toggleCode', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().superscript) {
+        <ate-button
+          icon="superscript"
+          [title]="t().superscript"
+          [active]="state().marks.superscript"
+          [disabled]="!state().can.toggleSuperscript"
+          (buttonClick)="onCommand('toggleSuperscript', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().subscript) {
+        <ate-button
+          icon="subscript"
+          [title]="t().subscript"
+          [active]="state().marks.subscript"
+          [disabled]="!state().can.toggleSubscript"
+          (buttonClick)="onCommand('toggleSubscript', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().highlight) {
+        <ate-button
+          icon="highlight"
+          [title]="t().highlight"
+          [active]="state().marks.highlight"
+          [disabled]="!state().can.toggleHighlight"
+          (buttonClick)="onCommand('toggleHighlight', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().highlightPicker) {
+        <ate-color-picker
+          mode="highlight"
+          [editor]="editor()"
+          [disabled]="!state().can.setHighlight"
+          [anchorToText]="true" />
+      }
+      @if (bubbleMenuConfig().textColor) {
+        <ate-color-picker
+          mode="text"
+          [editor]="editor()"
+          [disabled]="!state().can.setColor"
+          [anchorToText]="true" />
+      }
+      @if (bubbleMenuConfig().link) {
+        <ate-button
+          icon="link"
+          [title]="t().link"
+          [active]="state().marks.link"
+          [disabled]="!state().can.toggleLink"
+          (buttonClick)="onCommand('toggleLink', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().custom?.length) {
+        @for (item of bubbleMenuConfig().custom; track item.key) {
+          <ate-button
+            [icon]="item.icon"
+            [title]="item.label"
+            (buttonClick)="item.command(editor())"></ate-button>
+        }
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteColorPickerComponent, selector: "ate-color-picker", inputs: ["editor", "mode", "disabled", "anchorToText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteBubbleMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ate-bubble-menu",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AteButtonComponent, AteColorPickerComponent],
+                    template: `
+    <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
+      @if (bubbleMenuConfig().bold) {
+        <ate-button
+          icon="format_bold"
+          [title]="t().bold"
+          [active]="state().marks.bold"
+          [disabled]="!state().can.toggleBold"
+          (buttonClick)="onCommand('toggleBold', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().italic) {
+        <ate-button
+          icon="format_italic"
+          [title]="t().italic"
+          [active]="state().marks.italic"
+          [disabled]="!state().can.toggleItalic"
+          (buttonClick)="onCommand('toggleItalic', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().underline) {
+        <ate-button
+          icon="format_underlined"
+          [title]="t().underline"
+          [active]="state().marks.underline"
+          [disabled]="!state().can.toggleUnderline"
+          (buttonClick)="onCommand('toggleUnderline', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().strike) {
+        <ate-button
+          icon="strikethrough_s"
+          [title]="t().strike"
+          [active]="state().marks.strike"
+          [disabled]="!state().can.toggleStrike"
+          (buttonClick)="onCommand('toggleStrike', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().code) {
+        <ate-button
+          icon="code"
+          [title]="t().code"
+          [active]="state().marks.code"
+          [disabled]="!state().can.toggleCode"
+          (buttonClick)="onCommand('toggleCode', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().superscript) {
+        <ate-button
+          icon="superscript"
+          [title]="t().superscript"
+          [active]="state().marks.superscript"
+          [disabled]="!state().can.toggleSuperscript"
+          (buttonClick)="onCommand('toggleSuperscript', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().subscript) {
+        <ate-button
+          icon="subscript"
+          [title]="t().subscript"
+          [active]="state().marks.subscript"
+          [disabled]="!state().can.toggleSubscript"
+          (buttonClick)="onCommand('toggleSubscript', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().highlight) {
+        <ate-button
+          icon="highlight"
+          [title]="t().highlight"
+          [active]="state().marks.highlight"
+          [disabled]="!state().can.toggleHighlight"
+          (buttonClick)="onCommand('toggleHighlight', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().highlightPicker) {
+        <ate-color-picker
+          mode="highlight"
+          [editor]="editor()"
+          [disabled]="!state().can.setHighlight"
+          [anchorToText]="true" />
+      }
+      @if (bubbleMenuConfig().textColor) {
+        <ate-color-picker
+          mode="text"
+          [editor]="editor()"
+          [disabled]="!state().can.setColor"
+          [anchorToText]="true" />
+      }
+      @if (bubbleMenuConfig().link) {
+        <ate-button
+          icon="link"
+          [title]="t().link"
+          [active]="state().marks.link"
+          [disabled]="!state().can.toggleLink"
+          (buttonClick)="onCommand('toggleLink', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().custom?.length) {
+        @for (item of bubbleMenuConfig().custom; track item.key) {
+          <ate-button
+            [icon]="item.icon"
+            [title]="item.label"
+            (buttonClick)="item.command(editor())"></ate-button>
+        }
+      }
+    </div>
+  `,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRlLWJ1YmJsZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGlwdGFwLWVkaXRvci9zcmMvbGliL2NvbXBvbmVudHMvYnViYmxlLW1lbnVzL3RleHQvYXRlLWJ1YmJsZS1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCx1QkFBdUIsRUFDdkIsUUFBUSxHQUdULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ25FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRXhGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQTBHakUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUFpQjtJQXhHN0Q7O1FBeUdXLE1BQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQztRQXFCakMsZ0JBQVcsR0FBRyxHQUFHLEVBQUU7WUFDekIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ25CLENBQUMsQ0FBQztRQUVGLFdBQU0sR0FBRyxLQUFLLENBQXNCLDhCQUE4QixDQUFDLENBQUM7UUFFcEUscUJBQWdCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDakMsR0FBRyw4QkFBOEI7WUFDakMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFO1NBQ2pCLENBQUMsQ0FBQyxDQUFDO0tBdUNMO0lBbkVDLFFBQVE7UUFDTixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDekIsMkRBQTJEO1FBQzNELDBFQUEwRTtRQUMxRSw4RUFBOEU7UUFDOUUsaURBQWlEO1FBQ2pELElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNsQixFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ2pGLENBQUM7SUFDSCxDQUFDO0lBRVEsV0FBVztRQUNsQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEIsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3pCLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNsQixFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3BGLENBQUM7SUFDSCxDQUFDO0lBYVEsVUFBVTtRQUNqQixNQUFNLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBRWpFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNoQixPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFFRCwwRUFBMEU7UUFDMUUsc0RBQXNEO1FBQ3RELElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDOUUsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsOERBQThEO1FBQzlELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNmLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUVELG9FQUFvRTtRQUNwRSwwREFBMEQ7UUFDMUQsT0FBTyxDQUNMLFNBQVMsQ0FBQyxJQUFJLEtBQUssTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQzlGLENBQUM7SUFDSixDQUFDO0lBRVEsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFa0IsY0FBYyxDQUFDLE1BQWMsRUFBRSxPQUFlLEVBQUUsR0FBRyxJQUFlO1FBQ25GLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRWtCLFdBQVc7UUFDNUIsa0VBQWtFO1FBQ2xFLG9FQUFvRTtJQUN0RSxDQUFDOytHQXJFVSxzQkFBc0I7bUdBQXRCLHNCQUFzQix5T0FuR3ZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUdULDREQWxHUyxrQkFBa0IsNkxBQUUsdUJBQXVCOzs0RkFvRzFDLHNCQUFzQjtrQkF4R2xDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSx1QkFBdUIsQ0FBQztvQkFDdEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUdUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBpbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIGNvbXB1dGVkLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHR5cGUgRWRpdG9yIH0gZnJvbSBcIkB0aXB0YXAvY29yZVwiO1xuaW1wb3J0IHsgQXRlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL3VpL2F0ZS1idXR0b24uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBBdGVDb2xvclBpY2tlckNvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9jb2xvci1waWNrZXIvYXRlLWNvbG9yLXBpY2tlci5jb21wb25lbnRcIjtcbmltcG9ydCB7IEF0ZUJ1YmJsZU1lbnVDb25maWcgfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL2F0ZS1idWJibGUtbWVudS5tb2RlbFwiO1xuaW1wb3J0IHsgQVRFX0RFRkFVTFRfQlVCQkxFX01FTlVfQ09ORklHIH0gZnJvbSBcIi4uLy4uLy4uL2NvbmZpZy9hdGUtZWRpdG9yLmNvbmZpZ1wiO1xuaW1wb3J0IHsgQXRlQmFzZUJ1YmJsZU1lbnUgfSBmcm9tIFwiLi4vYmFzZS9hdGUtYmFzZS1idWJibGUtbWVudVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXRlLWJ1YmJsZS1tZW51XCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQXRlQnV0dG9uQ29tcG9uZW50LCBBdGVDb2xvclBpY2tlckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAjbWVudVJlZiBjbGFzcz1cImJ1YmJsZS1tZW51XCIgKG1vdXNlZG93bik9XCIkZXZlbnQucHJldmVudERlZmF1bHQoKVwiPlxuICAgICAgQGlmIChidWJibGVNZW51Q29uZmlnKCkuYm9sZCkge1xuICAgICAgICA8YXRlLWJ1dHRvblxuICAgICAgICAgIGljb249XCJmb3JtYXRfYm9sZFwiXG4gICAgICAgICAgW3RpdGxlXT1cInQoKS5ib2xkXCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3MuYm9sZFwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFzdGF0ZSgpLmNhbi50b2dnbGVCb2xkXCJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwib25Db21tYW5kKCd0b2dnbGVCb2xkJywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLml0YWxpYykge1xuICAgICAgICA8YXRlLWJ1dHRvblxuICAgICAgICAgIGljb249XCJmb3JtYXRfaXRhbGljXCJcbiAgICAgICAgICBbdGl0bGVdPVwidCgpLml0YWxpY1wiXG4gICAgICAgICAgW2FjdGl2ZV09XCJzdGF0ZSgpLm1hcmtzLml0YWxpY1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFzdGF0ZSgpLmNhbi50b2dnbGVJdGFsaWNcIlxuICAgICAgICAgIChidXR0b25DbGljayk9XCJvbkNvbW1hbmQoJ3RvZ2dsZUl0YWxpYycsICRldmVudClcIj48L2F0ZS1idXR0b24+XG4gICAgICB9XG4gICAgICBAaWYgKGJ1YmJsZU1lbnVDb25maWcoKS51bmRlcmxpbmUpIHtcbiAgICAgICAgPGF0ZS1idXR0b25cbiAgICAgICAgICBpY29uPVwiZm9ybWF0X3VuZGVybGluZWRcIlxuICAgICAgICAgIFt0aXRsZV09XCJ0KCkudW5kZXJsaW5lXCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3MudW5kZXJsaW5lXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIXN0YXRlKCkuY2FuLnRvZ2dsZVVuZGVybGluZVwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uQ29tbWFuZCgndG9nZ2xlVW5kZXJsaW5lJywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLnN0cmlrZSkge1xuICAgICAgICA8YXRlLWJ1dHRvblxuICAgICAgICAgIGljb249XCJzdHJpa2V0aHJvdWdoX3NcIlxuICAgICAgICAgIFt0aXRsZV09XCJ0KCkuc3RyaWtlXCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3Muc3RyaWtlXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIXN0YXRlKCkuY2FuLnRvZ2dsZVN0cmlrZVwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uQ29tbWFuZCgndG9nZ2xlU3RyaWtlJywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLmNvZGUpIHtcbiAgICAgICAgPGF0ZS1idXR0b25cbiAgICAgICAgICBpY29uPVwiY29kZVwiXG4gICAgICAgICAgW3RpdGxlXT1cInQoKS5jb2RlXCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3MuY29kZVwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFzdGF0ZSgpLmNhbi50b2dnbGVDb2RlXCJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwib25Db21tYW5kKCd0b2dnbGVDb2RlJywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLnN1cGVyc2NyaXB0KSB7XG4gICAgICAgIDxhdGUtYnV0dG9uXG4gICAgICAgICAgaWNvbj1cInN1cGVyc2NyaXB0XCJcbiAgICAgICAgICBbdGl0bGVdPVwidCgpLnN1cGVyc2NyaXB0XCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3Muc3VwZXJzY3JpcHRcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhc3RhdGUoKS5jYW4udG9nZ2xlU3VwZXJzY3JpcHRcIlxuICAgICAgICAgIChidXR0b25DbGljayk9XCJvbkNvbW1hbmQoJ3RvZ2dsZVN1cGVyc2NyaXB0JywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLnN1YnNjcmlwdCkge1xuICAgICAgICA8YXRlLWJ1dHRvblxuICAgICAgICAgIGljb249XCJzdWJzY3JpcHRcIlxuICAgICAgICAgIFt0aXRsZV09XCJ0KCkuc3Vic2NyaXB0XCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3Muc3Vic2NyaXB0XCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIXN0YXRlKCkuY2FuLnRvZ2dsZVN1YnNjcmlwdFwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uQ29tbWFuZCgndG9nZ2xlU3Vic2NyaXB0JywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLmhpZ2hsaWdodCkge1xuICAgICAgICA8YXRlLWJ1dHRvblxuICAgICAgICAgIGljb249XCJoaWdobGlnaHRcIlxuICAgICAgICAgIFt0aXRsZV09XCJ0KCkuaGlnaGxpZ2h0XCJcbiAgICAgICAgICBbYWN0aXZlXT1cInN0YXRlKCkubWFya3MuaGlnaGxpZ2h0XCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIXN0YXRlKCkuY2FuLnRvZ2dsZUhpZ2hsaWdodFwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uQ29tbWFuZCgndG9nZ2xlSGlnaGxpZ2h0JywgJGV2ZW50KVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoYnViYmxlTWVudUNvbmZpZygpLmhpZ2hsaWdodFBpY2tlcikge1xuICAgICAgICA8YXRlLWNvbG9yLXBpY2tlclxuICAgICAgICAgIG1vZGU9XCJoaWdobGlnaHRcIlxuICAgICAgICAgIFtlZGl0b3JdPVwiZWRpdG9yKClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhc3RhdGUoKS5jYW4uc2V0SGlnaGxpZ2h0XCJcbiAgICAgICAgICBbYW5jaG9yVG9UZXh0XT1cInRydWVcIiAvPlxuICAgICAgfVxuICAgICAgQGlmIChidWJibGVNZW51Q29uZmlnKCkudGV4dENvbG9yKSB7XG4gICAgICAgIDxhdGUtY29sb3ItcGlja2VyXG4gICAgICAgICAgbW9kZT1cInRleHRcIlxuICAgICAgICAgIFtlZGl0b3JdPVwiZWRpdG9yKClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhc3RhdGUoKS5jYW4uc2V0Q29sb3JcIlxuICAgICAgICAgIFthbmNob3JUb1RleHRdPVwidHJ1ZVwiIC8+XG4gICAgICB9XG4gICAgICBAaWYgKGJ1YmJsZU1lbnVDb25maWcoKS5saW5rKSB7XG4gICAgICAgIDxhdGUtYnV0dG9uXG4gICAgICAgICAgaWNvbj1cImxpbmtcIlxuICAgICAgICAgIFt0aXRsZV09XCJ0KCkubGlua1wiXG4gICAgICAgICAgW2FjdGl2ZV09XCJzdGF0ZSgpLm1hcmtzLmxpbmtcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhc3RhdGUoKS5jYW4udG9nZ2xlTGlua1wiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uQ29tbWFuZCgndG9nZ2xlTGluaycsICRldmVudClcIj48L2F0ZS1idXR0b24+XG4gICAgICB9XG4gICAgICBAaWYgKGJ1YmJsZU1lbnVDb25maWcoKS5jdXN0b20/Lmxlbmd0aCkge1xuICAgICAgICBAZm9yIChpdGVtIG9mIGJ1YmJsZU1lbnVDb25maWcoKS5jdXN0b207IHRyYWNrIGl0ZW0ua2V5KSB7XG4gICAgICAgICAgPGF0ZS1idXR0b25cbiAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS5sYWJlbFwiXG4gICAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwiaXRlbS5jb21tYW5kKGVkaXRvcigpKVwiPjwvYXRlLWJ1dHRvbj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBBdGVCdWJibGVNZW51Q29tcG9uZW50IGV4dGVuZHMgQXRlQmFzZUJ1YmJsZU1lbnUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHJlYWRvbmx5IHQgPSB0aGlzLmkxOG5TZXJ2aWNlLmJ1YmJsZU1lbnU7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgZWQgPSB0aGlzLmVkaXRvcigpO1xuICAgIC8vIFNwZWNpYWxpemVkIG1vdXNlZG93biBsaXN0ZW5lciBmb3IgdGhlIHRleHQgYnViYmxlIG1lbnU6XG4gICAgLy8gVGhpcyBpcyBuZWNlc3NhcnkgdG8gaGlkZSB0aGUgbWVudSBpbW1lZGlhdGVseSB3aGVuIGNsaWNraW5nIGVsc2V3aGVyZSxcbiAgICAvLyBhdm9pZGluZyBhICdqdW1waW5nJyBlZmZlY3Qgd2hlcmUgdGhlIG1lbnUgbW92ZXMgdG8gdGhlIG5ldyBjdXJzb3IgcG9zaXRpb25cbiAgICAvLyBiZWZvcmUgdGhlIHJlYWN0aXZlIHN0YXRlIGhhcyB0aW1lIHRvIGhpZGUgaXQuXG4gICAgaWYgKGVkPy52aWV3Py5kb20pIHtcbiAgICAgIGVkLnZpZXcuZG9tLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgdGhpcy5vbk1vdXNlRG93biwgeyBjYXB0dXJlOiB0cnVlIH0pO1xuICAgIH1cbiAgfVxuXG4gIG92ZXJyaWRlIG5nT25EZXN0cm95KCkge1xuICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgY29uc3QgZWQgPSB0aGlzLmVkaXRvcigpO1xuICAgIGlmIChlZD8udmlldz8uZG9tKSB7XG4gICAgICBlZC52aWV3LmRvbS5yZW1vdmVFdmVudExpc3RlbmVyKFwibW91c2Vkb3duXCIsIHRoaXMub25Nb3VzZURvd24sIHsgY2FwdHVyZTogdHJ1ZSB9KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9uTW91c2VEb3duID0gKCkgPT4ge1xuICAgIHRoaXMuaGlkZVRpcHB5KCk7XG4gIH07XG5cbiAgY29uZmlnID0gaW5wdXQ8QXRlQnViYmxlTWVudUNvbmZpZz4oQVRFX0RFRkFVTFRfQlVCQkxFX01FTlVfQ09ORklHKTtcblxuICBidWJibGVNZW51Q29uZmlnID0gY29tcHV0ZWQoKCkgPT4gKHtcbiAgICAuLi5BVEVfREVGQVVMVF9CVUJCTEVfTUVOVV9DT05GSUcsXG4gICAgLi4udGhpcy5jb25maWcoKSxcbiAgfSkpO1xuXG4gIG92ZXJyaWRlIHNob3VsZFNob3coKTogYm9vbGVhbiB7XG4gICAgY29uc3QgeyBzZWxlY3Rpb24sIG5vZGVzLCBpc0VkaXRhYmxlLCBpc0ZvY3VzZWQgfSA9IHRoaXMuc3RhdGUoKTtcblxuICAgIGlmICghaXNFZGl0YWJsZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIC8vIFBSSU9SSVRZOiBJZiB3ZSBhcmUgZWRpdGluZyBhIGxpbmsgb3IgY29sb3IsIEhJREUgdGhpcyBtYWluIGJ1YmJsZSBtZW51XG4gICAgLy8gdG8gZ2l2ZSBmdWxsIHByaW9yaXR5IHRvIHRoZSBzcGVjaWFsaXplZCBzdWItbWVudXMuXG4gICAgaWYgKHRoaXMuZWRpdG9yQ29tbWFuZHMubGlua0VkaXRNb2RlKCkgfHwgdGhpcy5lZGl0b3JDb21tYW5kcy5jb2xvckVkaXRNb2RlKCkpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICAvLyBOb3cgd2UgY2FuIGNoZWNrIGZvY3VzIGZvciB0aGUgc3RhbmRhcmQgdGV4dCBzZWxlY3Rpb24gbWVudVxuICAgIGlmICghaXNGb2N1c2VkKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgLy8gT25seSBzaG93IHRleHQgYnViYmxlIG1lbnUgaWYgdGhlcmUgaXMgYSBub24tZW1wdHkgdGV4dCBzZWxlY3Rpb25cbiAgICAvLyBhbmQgbm8gaGlnaGVyLXByaW9yaXR5IG5vZGUgKGltYWdlLCB0YWJsZSkgaXMgc2VsZWN0ZWQuXG4gICAgcmV0dXJuIChcbiAgICAgIHNlbGVjdGlvbi50eXBlID09PSBcInRleHRcIiAmJiAhc2VsZWN0aW9uLmVtcHR5ICYmICFub2Rlcy5pc0ltYWdlICYmICFub2Rlcy5pc1RhYmxlTm9kZVNlbGVjdGVkXG4gICAgKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGdldFNlbGVjdGlvblJlY3QoKTogRE9NUmVjdCB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0UmVjdEZvclNlbGVjdGlvbih0aGlzLmVkaXRvcigpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBleGVjdXRlQ29tbWFuZChlZGl0b3I6IEVkaXRvciwgY29tbWFuZDogc3RyaW5nLCAuLi5hcmdzOiB1bmtub3duW10pOiB2b2lkIHtcbiAgICB0aGlzLmVkaXRvckNvbW1hbmRzLmV4ZWN1dGUoZWRpdG9yLCBjb21tYW5kLCAuLi5hcmdzKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBvblRpcHB5SGlkZSgpIHtcbiAgICAvLyBTdWItbWVudXMgbm93IG1hbmFnZSB0aGVpciBvd24gc3RhdGUuIENsZWFyaW5nIHRoZW0gaGVyZSBjYXVzZXNcbiAgICAvLyBwcmVtYXR1cmUgY2xvc2luZyB3aGVuIGNsaWNraW5nIGJldHdlZW4gJ3NpYmxpbmcnIG1lbnUgaW5zdGFuY2VzLlxuICB9XG59XG4iXX0=

package/esm2022/lib/components/color-picker/ate-color-picker.component.mjs

@@ -0,0 +1,123 @@
+import { Component, computed, inject, input, ChangeDetectionStrategy } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { AteColorPickerService } from "../../services/ate-color-picker.service";
+import { AteButtonComponent } from "../ui/ate-button.component";
+import { AteI18nService } from "../../services/ate-i18n.service";
+import { AteEditorCommandsService } from "../../services/ate-editor-commands.service";
+import { AteTooltipDirective } from "../../directives/ate-tooltip.directive";
+import * as i0 from "@angular/core";
+export class AteColorPickerComponent {
+    constructor() {
+        this.editor = input.required();
+        this.mode = input("text");
+        this.disabled = input(false);
+        this.anchorToText = input(false);
+        this.colorPickerSvc = inject(AteColorPickerService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
+        this.t = this.i18nService.toolbar;
+        this.state = this.editorCommands.editorState;
+        this.currentColor = computed(() => {
+            const marks = this.state().marks;
+            const color = this.mode() === "text" ? marks.computedColor : marks.computedBackground;
+            return color || (this.mode() === "text" ? "#000000" : "#ffff00");
+        });
+        this.hasColorApplied = computed(() => {
+            const marks = this.state().marks;
+            return (this.mode() === "text" ? marks.color : marks.background) !== null;
+        });
+        this.buttonIcon = computed(() => {
+            return this.mode() === "text" ? "format_color_text" : "format_color_fill";
+        });
+        this.buttonBgColor = computed(() => {
+            const color = this.currentColor();
+            if (this.mode() === "highlight") {
+                return this.hasColorApplied() ? color : "";
+            }
+            // For text mode, add contrast background if current color is too light
+            if (this.colorPickerSvc.getLuminance(color) > 200) {
+                return "#030617";
+            }
+            return "";
+        });
+        this.buttonTextColor = computed(() => {
+            const color = this.currentColor();
+            if (this.mode() === "text") {
+                return color;
+            }
+            if (this.hasColorApplied()) {
+                return this.colorPickerSvc.getLuminance(color) > 128 ? "#000000" : "#ffffff";
+            }
+            return "var(--ate-text-secondary)";
+        });
+    }
+    onToggle(event) {
+        // If anchorToText is true, we don't pass the event so it defaults to text selection anchoring
+        this.colorPickerSvc.toggle(this.editor(), this.mode(), this.anchorToText() ? undefined : event);
+    }
+    onClear(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const editor = this.editor();
+        if (this.mode() === "text") {
+            this.colorPickerSvc.unsetColor(editor);
+        }
+        else {
+            this.colorPickerSvc.unsetHighlight(editor);
+        }
+        this.colorPickerSvc.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AteColorPickerComponent, isStandalone: true, selector: "ate-color-picker", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, anchorToText: { classPropertyName: "anchorToText", publicName: "anchorToText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="color-picker-wrapper">
+      <div class="color-picker-container" [class.is-highlight]="mode() === 'highlight'">
+        <ate-button
+          [icon]="buttonIcon()"
+          [title]="mode() === 'text' ? t().textColor : t().highlight"
+          [color]="buttonTextColor()"
+          [backgroundColor]="buttonBgColor()"
+          [disabled]="disabled() || !state().isEditable"
+          (buttonClick)="onToggle($event)" />
+
+        @if (hasColorApplied()) {
+          <button
+            class="btn-clear-badge"
+            type="button"
+            [ateTooltip]="t().clear"
+            [attr.aria-label]="t().clear"
+            (click)="onClear($event)">
+            <span class="material-symbols-outlined">close</span>
+          </button>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".color-picker-wrapper{position:relative;display:inline-block}.color-picker-container{position:relative;display:inline-flex;align-items:center}.btn-clear-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;border:none;border-radius:999px;background:#0f172abf;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s ease}.color-picker-container:hover .btn-clear-badge{opacity:1;pointer-events:auto}.btn-clear-badge .material-symbols-outlined{font-size:10px;line-height:1}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AteTooltipDirective, selector: "[ateTooltip]", inputs: ["ateTooltip", "ateTooltipPlacement", "ateTooltipDelay", "ateTooltipDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ate-color-picker", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AteButtonComponent, CommonModule, AteTooltipDirective], template: `
+    <div class="color-picker-wrapper">
+      <div class="color-picker-container" [class.is-highlight]="mode() === 'highlight'">
+        <ate-button
+          [icon]="buttonIcon()"
+          [title]="mode() === 'text' ? t().textColor : t().highlight"
+          [color]="buttonTextColor()"
+          [backgroundColor]="buttonBgColor()"
+          [disabled]="disabled() || !state().isEditable"
+          (buttonClick)="onToggle($event)" />
+
+        @if (hasColorApplied()) {
+          <button
+            class="btn-clear-badge"
+            type="button"
+            [ateTooltip]="t().clear"
+            [attr.aria-label]="t().clear"
+            (click)="onClear($event)">
+            <span class="material-symbols-outlined">close</span>
+          </button>
+        }
+      </div>
+    </div>
+  `, styles: [".color-picker-wrapper{position:relative;display:inline-block}.color-picker-container{position:relative;display:inline-flex;align-items:center}.btn-clear-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;border:none;border-radius:999px;background:#0f172abf;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s ease}.color-picker-container:hover .btn-clear-badge{opacity:1;pointer-events:auto}.btn-clear-badge .material-symbols-outlined{font-size:10px;line-height:1}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRlLWNvbG9yLXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRpcHRhcC1lZGl0b3Ivc3JjL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9hdGUtY29sb3ItcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7O0FBOEU3RSxNQUFNLE9BQU8sdUJBQXVCO0lBMUVwQztRQTJFRSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2xDLFNBQUksR0FBRyxLQUFLLENBQWtCLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLGFBQVEsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDakMsaUJBQVksR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFN0IsbUJBQWMsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUMvQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyQyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBRWpELE1B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QUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QyxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdDLENBQUM7UUFFRCxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzlCLENBQUM7K0dBcEVVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHFsQkFyRXhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVCxxb0JBeEJTLGtCQUFrQiw0TEFBRSxZQUFZLCtCQUFFLG1CQUFtQjs7NEZBc0VwRCx1QkFBdUI7a0JBMUVuQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsbUJBQW1CLENBQUMsWUFDdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5qZWN0LCBpbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHR5cGUgeyBFZGl0b3IgfSBmcm9tIFwiQHRpcHRhcC9jb3JlXCI7XG5pbXBvcnQgeyBBdGVDb2xvclBpY2tlclNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvYXRlLWNvbG9yLXBpY2tlci5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBBdGVCdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi4vdWkvYXRlLWJ1dHRvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IEF0ZUkxOG5TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL2F0ZS1pMThuLnNlcnZpY2VcIjtcbmltcG9ydCB7IEF0ZUVkaXRvckNvbW1hbmRzU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9hdGUtZWRpdG9yLWNvbW1hbmRzLnNlcnZpY2VcIjtcblxuaW1wb3J0IHsgQXRlVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2F0ZS10b29sdGlwLmRpcmVjdGl2ZVwiO1xuXG5leHBvcnQgdHlwZSBDb2xvclBpY2tlck1vZGUgPSBcInRleHRcIiB8IFwiaGlnaGxpZ2h0XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhdGUtY29sb3ItcGlja2VyXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQXRlQnV0dG9uQ29tcG9uZW50LCBDb21tb25Nb2R1bGUsIEF0ZVRvb2x0aXBEaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjb2xvci1waWNrZXItd3JhcHBlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbG9yLXBpY2tlci1jb250YWluZXJcIiBbY2xhc3MuaXMtaGlnaGxpZ2h0XT1cIm1vZGUoKSA9PT0gJ2hpZ2hsaWdodCdcIj5cbiAgICAgICAgPGF0ZS1idXR0b25cbiAgICAgICAgICBbaWNvbl09XCJidXR0b25JY29uKClcIlxuICAgICAgICAgIFt0aXRsZV09XCJtb2RlKCkgPT09ICd0ZXh0JyA/IHQoKS50ZXh0Q29sb3IgOiB0KCkuaGlnaGxpZ2h0XCJcbiAgICAgICAgICBbY29sb3JdPVwiYnV0dG9uVGV4dENvbG9yKClcIlxuICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYnV0dG9uQmdDb2xvcigpXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSB8fCAhc3RhdGUoKS5pc0VkaXRhYmxlXCJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwib25Ub2dnbGUoJGV2ZW50KVwiIC8+XG5cbiAgICAgICAgQGlmIChoYXNDb2xvckFwcGxpZWQoKSkge1xuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiYnRuLWNsZWFyLWJhZGdlXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgW2F0ZVRvb2x0aXBdPVwidCgpLmNsZWFyXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidCgpLmNsZWFyXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPmNsb3NlPC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmNvbG9yLXBpY2tlci13cmFwcGVyIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICB9XG5cbiAgICAgIC5jb2xvci1waWNrZXItY29udGFpbmVyIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmJ0bi1jbGVhci1iYWRnZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAtNHB4O1xuICAgICAgICByaWdodDogLTRweDtcbiAgICAgICAgd2lkdGg6IDE0cHg7XG4gICAgICAgIGhlaWdodDogMTRweDtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA5OTlweDtcbiAgICAgICAgYmFja2dyb3VuZDogcmdiYSgxNSwgMjMsIDQyLCAwLjc1KTtcbiAgICAgICAgY29sb3I6ICNmZmZmZmY7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTIwbXMgZWFzZTtcbiAgICAgIH1cblxuICAgICAgLmNvbG9yLXBpY2tlci1jb250YWluZXI6aG92ZXIgLmJ0bi1jbGVhci1iYWRnZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgICAgfVxuXG4gICAgICAuYnRuLWNsZWFyLWJhZGdlIC5tYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIHtcbiAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBdGVDb2xvclBpY2tlckNvbXBvbmVudCB7XG4gIGVkaXRvciA9IGlucHV0LnJlcXVpcmVkPEVkaXRvcj4oKTtcbiAgbW9kZSA9IGlucHV0PENvbG9yUGlja2VyTW9kZT4oXCJ0ZXh0XCIpO1xuICBkaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgYW5jaG9yVG9UZXh0ID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHByaXZhdGUgY29sb3JQaWNrZXJTdmMgPSBpbmplY3QoQXRlQ29sb3JQaWNrZXJTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBpMThuU2VydmljZSA9IGluamVjdChBdGVJMThuU2VydmljZSk7XG4gIHByaXZhdGUgZWRpdG9yQ29tbWFuZHMgPSBpbmplY3QoQXRlRWRpdG9yQ29tbWFuZHNTZXJ2aWNlKTtcblxuICByZWFkb25seSB0ID0gdGhpcy5pMThuU2VydmljZS50b29sYmFyO1xuICByZWFkb25seSBzdGF0ZSA9IHRoaXMuZWRpdG9yQ29tbWFuZHMuZWRpdG9yU3RhdGU7XG5cbiAgcmVhZG9ubHkgY3VycmVudENvbG9yID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IG1hcmtzID0gdGhpcy5zdGF0ZSgpLm1hcmtzO1xuICAgIGNvbnN0IGNvbG9yID0gdGhpcy5tb2RlKCkgPT09IFwidGV4dFwiID8gbWFya3MuY29tcHV0ZWRDb2xvciA6IG1hcmtzLmNvbXB1dGVkQmFja2dyb3VuZDtcbiAgICByZXR1cm4gY29sb3IgfHwgKHRoaXMubW9kZSgpID09PSBcInRleHRcIiA/IFwiIzAwMDAwMFwiIDogXCIjZmZmZjAwXCIpO1xuICB9KTtcblxuICByZWFkb25seSBoYXNDb2xvckFwcGxpZWQgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgbWFya3MgPSB0aGlzLnN0YXRlKCkubWFya3M7XG4gICAgcmV0dXJuICh0aGlzLm1vZGUoKSA9PT0gXCJ0ZXh0XCIgPyBtYXJrcy5jb2xvciA6IG1hcmtzLmJhY2tncm91bmQpICE9PSBudWxsO1xuICB9KTtcblxuICByZWFkb25seSBidXR0b25JY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiB0aGlzLm1vZGUoKSA9PT0gXCJ0ZXh0XCIgPyBcImZvcm1hdF9jb2xvcl90ZXh0XCIgOiBcImZvcm1hdF9jb2xvcl9maWxsXCI7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IGJ1dHRvbkJnQ29sb3IgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgY29sb3IgPSB0aGlzLmN1cnJlbnRDb2xvcigpO1xuICAgIGlmICh0aGlzLm1vZGUoKSA9PT0gXCJoaWdobGlnaHRcIikge1xuICAgICAgcmV0dXJuIHRoaXMuaGFzQ29sb3JBcHBsaWVkKCkgPyBjb2xvciA6IFwiXCI7XG4gICAgfVxuICAgIC8vIEZvciB0ZXh0IG1vZGUsIGFkZCBjb250cmFzdCBiYWNrZ3JvdW5kIGlmIGN1cnJlbnQgY29sb3IgaXMgdG9vIGxpZ2h0XG4gICAgaWYgKHRoaXMuY29sb3JQaWNrZXJTdmMuZ2V0THVtaW5hbmNlKGNvbG9yKSA+IDIwMCkge1xuICAgICAgcmV0dXJuIFwiIzAzMDYxN1wiO1xuICAgIH1cbiAgICByZXR1cm4gXCJcIjtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgYnV0dG9uVGV4dENvbG9yID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdGhpcy5jdXJyZW50Q29sb3IoKTtcbiAgICBpZiAodGhpcy5tb2RlKCkgPT09IFwidGV4dFwiKSB7XG4gICAgICByZXR1cm4gY29sb3I7XG4gICAgfVxuICAgIGlmICh0aGlzLmhhc0NvbG9yQXBwbGllZCgpKSB7XG4gICAgICByZXR1cm4gdGhpcy5jb2xvclBpY2tlclN2Yy5nZXRMdW1pbmFuY2UoY29sb3IpID4gMTI4ID8gXCIjMDAwMDAwXCIgOiBcIiNmZmZmZmZcIjtcbiAgICB9XG4gICAgcmV0dXJuIFwidmFyKC0tYXRlLXRleHQtc2Vjb25kYXJ5KVwiO1xuICB9KTtcblxuICBvblRvZ2dsZShldmVudDogRXZlbnQpIHtcbiAgICAvLyBJZiBhbmNob3JUb1RleHQgaXMgdHJ1ZSwgd2UgZG9uJ3QgcGFzcyB0aGUgZXZlbnQgc28gaXQgZGVmYXVsdHMgdG8gdGV4dCBzZWxlY3Rpb24gYW5jaG9yaW5nXG4gICAgdGhpcy5jb2xvclBpY2tlclN2Yy50b2dnbGUodGhpcy5lZGl0b3IoKSwgdGhpcy5tb2RlKCksIHRoaXMuYW5jaG9yVG9UZXh0KCkgPyB1bmRlZmluZWQgOiBldmVudCk7XG4gIH1cblxuICBvbkNsZWFyKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGVkaXRvciA9IHRoaXMuZWRpdG9yKCk7XG4gICAgaWYgKHRoaXMubW9kZSgpID09PSBcInRleHRcIikge1xuICAgICAgdGhpcy5jb2xvclBpY2tlclN2Yy51bnNldENvbG9yKGVkaXRvcik7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY29sb3JQaWNrZXJTdmMudW5zZXRIaWdobGlnaHQoZWRpdG9yKTtcbiAgICB9XG5cbiAgICB0aGlzLmNvbG9yUGlja2VyU3ZjLmNsb3NlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/edit-toggle/ate-edit-toggle.component.mjs

@@ -0,0 +1,42 @@
+import { Component, input, output, ChangeDetectionStrategy } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { AteButtonComponent } from "../ui/ate-button.component";
+import * as i0 from "@angular/core";
+/**
+ * Edit Toggle Component
+ * Allows switching between editable and readonly modes
+ */
+export class AteEditToggleComponent {
+    constructor() {
+        this.editable = input.required();
+        this.translations = input.required();
+        this.editToggle = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteEditToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: AteEditToggleComponent, isStandalone: true, selector: "ate-edit-toggle", inputs: { editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: true, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { editToggle: "editToggle" }, ngImport: i0, template: `
+    <div class="ate-edit-toggle-container" [class.is-editable]="editable()">
+      <ate-button
+        [icon]="editable() ? 'visibility' : 'edit'"
+        [title]="editable() ? translations().editor.viewMode : translations().editor.toggleEdit"
+        (buttonClick)="editToggle.emit($event)"
+        size="medium"
+        iconSize="small"
+        backgroundColor="var(--ate-primary-lighter)" />
+    </div>
+  `, isInline: true, styles: [".ate-edit-toggle-container{position:absolute;margin-top:16px;right:16px;z-index:50}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteEditToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ate-edit-toggle", standalone: true, imports: [CommonModule, AteButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ate-edit-toggle-container" [class.is-editable]="editable()">
+      <ate-button
+        [icon]="editable() ? 'visibility' : 'edit'"
+        [title]="editable() ? translations().editor.viewMode : translations().editor.toggleEdit"
+        (buttonClick)="editToggle.emit($event)"
+        size="medium"
+        iconSize="small"
+        backgroundColor="var(--ate-primary-lighter)" />
+    </div>
+  `, styles: [".ate-edit-toggle-container{position:absolute;margin-top:16px;right:16px;z-index:50}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRlLWVkaXQtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGlwdGFwLWVkaXRvci9zcmMvbGliL2NvbXBvbmVudHMvZWRpdC10b2dnbGUvYXRlLWVkaXQtdG9nZ2xlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUdoRTs7O0dBR0c7QUE0QkgsTUFBTSxPQUFPLHNCQUFzQjtJQTNCbkM7UUE0QkUsYUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVcsQ0FBQztRQUNyQyxpQkFBWSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW1CLENBQUM7UUFDakQsZUFBVSxHQUFHLE1BQU0sRUFBUyxDQUFDO0tBQzlCOytHQUpZLHNCQUFzQjttR0FBdEIsc0JBQXNCLDBZQXRCdkI7Ozs7Ozs7Ozs7R0FVVCw4SkFaUyxZQUFZLCtCQUFFLGtCQUFrQjs7NEZBd0IvQixzQkFBc0I7a0JBM0JsQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxrQkFBa0IsQ0FBQyxtQkFDMUIsdUJBQXVCLENBQUMsTUFBTSxZQUNyQzs7Ozs7Ozs7OztHQVVUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBBdGVCdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi4vdWkvYXRlLWJ1dHRvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IEF0ZVRyYW5zbGF0aW9ucyB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9hdGUtaTE4bi5zZXJ2aWNlXCI7XG5cbi8qKlxuICogRWRpdCBUb2dnbGUgQ29tcG9uZW50XG4gKiBBbGxvd3Mgc3dpdGNoaW5nIGJldHdlZW4gZWRpdGFibGUgYW5kIHJlYWRvbmx5IG1vZGVzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhdGUtZWRpdC10b2dnbGVcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQXRlQnV0dG9uQ29tcG9uZW50XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF0ZS1lZGl0LXRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3MuaXMtZWRpdGFibGVdPVwiZWRpdGFibGUoKVwiPlxuICAgICAgPGF0ZS1idXR0b25cbiAgICAgICAgW2ljb25dPVwiZWRpdGFibGUoKSA/ICd2aXNpYmlsaXR5JyA6ICdlZGl0J1wiXG4gICAgICAgIFt0aXRsZV09XCJlZGl0YWJsZSgpID8gdHJhbnNsYXRpb25zKCkuZWRpdG9yLnZpZXdNb2RlIDogdHJhbnNsYXRpb25zKCkuZWRpdG9yLnRvZ2dsZUVkaXRcIlxuICAgICAgICAoYnV0dG9uQ2xpY2spPVwiZWRpdFRvZ2dsZS5lbWl0KCRldmVudClcIlxuICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgaWNvblNpemU9XCJzbWFsbFwiXG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cInZhcigtLWF0ZS1wcmltYXJ5LWxpZ2h0ZXIpXCIgLz5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmF0ZS1lZGl0LXRvZ2dsZS1jb250YWluZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgIHJpZ2h0OiAxNnB4O1xuICAgICAgICB6LWluZGV4OiA1MDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBdGVFZGl0VG9nZ2xlQ29tcG9uZW50IHtcbiAgZWRpdGFibGUgPSBpbnB1dC5yZXF1aXJlZDxib29sZWFuPigpO1xuICB0cmFuc2xhdGlvbnMgPSBpbnB1dC5yZXF1aXJlZDxBdGVUcmFuc2xhdGlvbnM+KCk7XG4gIGVkaXRUb2dnbGUgPSBvdXRwdXQ8RXZlbnQ+KCk7XG59XG4iXX0=