@acorex/components 18.6.0 → 18.7.1

package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.mjs

@@ -1,267 +1,15 @@
-import { Component, ViewEncapsulation, afterNextRender, effect, inject, input, output, signal } from '@angular/core';
-import { AXWysiwygContainerComponent } from '../wysiwyg-container/wysiwyg-container.component';
-import { AXWysiwygService } from '../wysiwyg.service';
+import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/components/button";
-import * as i2 from "@acorex/components/decorators";
-import * as i3 from "@acorex/components/select-box";
-import * as i4 from "@angular/forms";
-import * as i5 from "@acorex/components/color-palette";
-import * as i6 from "@acorex/components/popover";
-import * as i7 from "@acorex/components/text-box";
 /**
  * A toolbar component for the WYSIWYG editor, providing various formatting options.
  * @category Components
  */
 export class AXWysiwygToolbarComponent {
-    /** @ignore */
-    constructor() {
-        this.parent = inject(AXWysiwygContainerComponent);
-        /**
-         *  Return user input as HTML.
-         *  @event
-         */
-        this.outputHTML = output();
-        /** @ignore */
-        this.service = inject(AXWysiwygService);
-        /**
-         * config wysiwyg toolbar.
-         *
-         * @defaultValue 'button'
-         */
-        this.config = input({
-            bold: true,
-            undo: true,
-            redo: true,
-            italic: true,
-            underLine: true,
-            strike: true,
-            color: true,
-            highlight: true,
-            fontSize: true,
-            list: true,
-            alignment: true,
-            image: true,
-        });
-        /** @ignore */
-        this.wysiwyg = signal(null);
-        /** @ignore */
-        this.boldState = signal(false);
-        /** @ignore */
-        this.italicState = signal(false);
-        /** @ignore */
-        this.underLineState = signal(false);
-        /** @ignore */
-        this.strikeLineState = signal(false);
-        /** @ignore */
-        this.listState = signal('');
-        /** @ignore */
-        this.alignState = signal('');
-        /** @ignore */
-        this.selectedFont = signal('medium');
-        /** @ignore */
-        this.selectedColor = signal('rgb(151, 148, 148)');
-        /** @ignore */
-        this.selectedHighlightColor = signal('rgba(243, 238, 238,0)');
-        /** @ignore */
-        this.popoverOption = {
-            openOn: 'click',
-            closeOn: 'clickOut',
-            placement: 'top',
-            offsetX: 0,
-            offsetY: 0,
-        };
-        /** @ignore */
-        this.textBoxOptions = {
-            text: '',
-            placeholder: 'Enter yor url ...',
-            size: 'ax-sm',
-        };
-        effect(() => {
-            switch (this.service.currentSelectedElemList()) {
-                case 'ordered':
-                    this.wysiwyg().list('ordered');
-                    this.listState.set('ordered');
-                    break;
-                case 'bullet':
-                    this.wysiwyg().list('bullet');
-                    this.listState.set('bullet');
-                    break;
-                default:
-                    this.wysiwyg().list('');
-                    this.listState.set('');
-            }
-            switch (this.service.currentSelectedElemClass()) {
-                case 'ql-size-huge':
-                    this.selectedFont.set('huge');
-                    break;
-                case 'ql-size-large':
-                    this.selectedFont.set('large');
-                    break;
-                case 'ql-size-small':
-                    this.selectedFont.set('small');
-                    break;
-                default:
-                    this.selectedFont.set('medium');
-            }
-            switch (this.service.currentSelectedElemAlign()) {
-                case 'ql-align-center':
-                    this.alignState.set('center');
-                    this.wysiwyg().align('center');
-                    break;
-                case 'ql-align-right':
-                    this.alignState.set('right');
-                    this.wysiwyg().align('right');
-                    break;
-                default:
-                    this.alignState.set('left');
-                    this.wysiwyg().align('left');
-            }
-            this.service.currentSelectedElemArray().forEach((item) => {
-                switch (item) {
-                    case 'U':
-                        this.wysiwyg().underLine(true);
-                        this.underLineState.set(true);
-                        break;
-                    case 'S':
-                        this.wysiwyg().strike(true);
-                        this.strikeLineState.set(true);
-                        break;
-                    case 'EM':
-                        this.wysiwyg().italic(true);
-                        this.italicState.set(true);
-                        break;
-                    case 'STRONG':
-                        this.wysiwyg().bold(true);
-                        this.boldState.set(true);
-                        break;
-                    default:
-                        if (this.boldState())
-                            this.wysiwyg().bold(true);
-                        if (this.italicState())
-                            this.wysiwyg().italic(true);
-                        if (this.strikeLineState())
-                            this.wysiwyg().strike(true);
-                        if (this.underLineState())
-                            this.wysiwyg().underLine(true);
-                }
-            });
-        }, { allowSignalWrites: true });
-        afterNextRender(() => {
-            this.wysiwyg.set(this.service.wysiwyg());
-        });
-    }
-    /** @ignore */
-    submitLink() {
-        this.wysiwyg().addImage(this.textBoxOptions.text);
-    }
-    /** @ignore */
-    changeColorHandler(e) {
-        this.selectedColor.set(e);
-        this.wysiwyg().color(e);
-    }
-    /** @ignore */
-    changeHighlightColorHandler(e) {
-        this.selectedHighlightColor.set(e);
-        this.wysiwyg().background(e);
-    }
-    /** @ignore */
-    fontHandler(e) {
-        if (e === 'medium') {
-            this.wysiwyg().fontSize(false);
-        }
-        else {
-            this.wysiwyg().fontSize(e);
-        }
-    }
-    /** @ignore */
-    bold() {
-        if (this.boldState()) {
-            this.wysiwyg().bold(false);
-            this.boldState.set(false);
-        }
-        else {
-            this.wysiwyg().bold(true);
-            this.boldState.set(true);
-        }
-    }
-    /** @ignore */
-    italic() {
-        if (this.italicState()) {
-            this.wysiwyg().italic(false);
-            this.italicState.set(false);
-        }
-        else {
-            this.wysiwyg().italic(true);
-            this.italicState.set(true);
-        }
-    }
-    /** @ignore */
-    underLine() {
-        if (this.underLineState()) {
-            this.wysiwyg().underLine(false);
-            this.underLineState.set(false);
-        }
-        else {
-            this.wysiwyg().underLine(true);
-            this.underLineState.set(true);
-        }
-    }
-    /** @ignore */
-    orderList() {
-        if (!this.listState() || this.listState() === 'bullet') {
-            this.wysiwyg().list('ordered');
-            this.listState.set('ordered');
-        }
-        else {
-            this.wysiwyg().list('');
-            this.listState.set('');
-        }
-    }
-    /** @ignore */
-    unOrderList() {
-        if (!this.listState() || this.listState() === 'ordered') {
-            this.wysiwyg().list('bullet');
-            this.listState.set('bullet');
-        }
-        else {
-            this.wysiwyg().list('');
-            this.listState.set('');
-        }
-    }
-    /** @ignore */
-    alignStateHandler(e) {
-        this.alignState.set(e);
-        this.wysiwyg().align(e);
-    }
-    /** @ignore */
-    undo() {
-        this.wysiwyg().undo();
-    }
-    /** @ignore */
-    redo() {
-        this.wysiwyg().redo();
-    }
-    /** @ignore */
-    strike() {
-        if (this.strikeLineState()) {
-            this.wysiwyg().strike(false);
-            this.strikeLineState.set(false);
-        }
-        else {
-            this.wysiwyg().strike(true);
-            this.strikeLineState.set(true);
-        }
-    }
-    /** @ignore */
-    background() {
-        this.wysiwyg().background('red');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box\n        [look]=\"parent.look\"\n        (ngModelChange)=\"fontHandler($event)\"\n        [ngModel]=\"selectedFont()\"\n        [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n        placeholder=\"Choose...\"\n      >\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:.5rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-prefix,.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-suffix{margin-inline:.5rem}.ax-wysiwyg-toolbar-container ax-select-box{width:auto!important}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i5.AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: i5.AXColorPaletteInputComponent, selector: "ax-color-palette-input" }, { kind: "component", type: i5.AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:.5rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-prefix,.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-suffix{margin-inline:.5rem}.ax-wysiwyg-toolbar-container ax-select-box{width:auto!important}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box\n        [look]=\"parent.look\"\n        (ngModelChange)=\"fontHandler($event)\"\n        [ngModel]=\"selectedFont()\"\n        [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n        placeholder=\"Choose...\"\n      >\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:.5rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-prefix,.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-suffix{margin-inline:.5rem}.ax-wysiwyg-toolbar-container ax-select-box{width:auto!important}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDL0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7OztBQWlCdEQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHlCQUF5QjtJQThEcEMsY0FBYztJQUNkO1FBOURBLFdBQU0sR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUU3Qzs7O1dBR0c7UUFDSCxlQUFVLEdBQUcsTUFBTSxFQUFnQixDQUFDO1FBRXBDLGNBQWM7UUFDZCxZQUFPLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFbkM7Ozs7V0FJRztRQUNILFdBQU0sR0FBRyxLQUFLLENBQWE7WUFDekIsSUFBSSxFQUFFLElBQUk7WUFDVixJQUFJLEVBQUUsSUFBSTtZQUNWLElBQUksRUFBRSxJQUFJO1lBQ1YsTUFBTSxFQUFFLElBQUk7WUFDWixTQUFTLEVBQUUsSUFBSTtZQUNmLE1BQU0sRUFBRSxJQUFJO1lBQ1osS0FBSyxF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QUVELGNBQWM7SUFDSixVQUFVO1FBQ2xCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0FuUlUseUJBQXlCO2tHQUF6Qix5QkFBeUIsd09DaEN0Qyx3K0tBMklBOzsyRkQzR2EseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixpQkFHZixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhXeXNpd3lnIH0gZnJvbSAnQGFjb3JleC9jZGsvd3lzaXd5Zyc7XG5pbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYUGxhY2VtZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWFBvcG92ZXJDbG9zZVRyaWdnZXIsIEFYUG9wb3Zlck9wZW5UcmlnZ2VyIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgYWZ0ZXJOZXh0UmVuZGVyLCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFd5c2l3eWdDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuLi93eXNpd3lnLWNvbnRhaW5lci93eXNpd3lnLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhXeXNpd3lnU2VydmljZSB9IGZyb20gJy4uL3d5c2l3eWcuc2VydmljZSc7XG5cbnR5cGUgQ29uZmlnVHlwZSA9IHtcbiAgYm9sZDogYm9vbGVhbjtcbiAgdW5kbzogYm9vbGVhbjtcbiAgcmVkbzogYm9vbGVhbjtcbiAgaXRhbGljOiBib29sZWFuO1xuICB1bmRlckxpbmU6IGJvb2xlYW47XG4gIHN0cmlrZTogYm9vbGVhbjtcbiAgY29sb3I6IGJvb2xlYW47XG4gIGhpZ2hsaWdodDogYm9vbGVhbjtcbiAgZm9udFNpemU6IGJvb2xlYW47XG4gIGxpc3Q6IGJvb2xlYW47XG4gIGFsaWdubWVudDogYm9vbGVhbjtcbiAgaW1hZ2U6IGJvb2xlYW47XG59O1xuXG4vKipcbiAqIEEgdG9vbGJhciBjb21wb25lbnQgZm9yIHRoZSBXWVNJV1lHIGVkaXRvciwgcHJvdmlkaW5nIHZhcmlvdXMgZm9ybWF0dGluZyBvcHRpb25zLlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtd3lzaXd5Zy10b29sYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3d5c2l3eWctdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi93eXNpd3lnLXRvb2xiYXIuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFd5c2l3eWdUb29sYmFyQ29tcG9uZW50IHtcbiAgcGFyZW50ID0gaW5qZWN0KEFYV3lzaXd5Z0NvbnRhaW5lckNvbXBvbmVudCk7XG5cbiAgLyoqXG4gICAqICBSZXR1cm4gdXNlciBpbnB1dCBhcyBIVE1MLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvdXRwdXRIVE1MID0gb3V0cHV0PEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzZXJ2aWNlID0gaW5qZWN0KEFYV3lzaXd5Z1NlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBjb25maWcgd3lzaXd5ZyB0b29sYmFyLlxuICAgKlxuICAgKiBAZGVmYXVsdFZhbHVlICdidXR0b24nXG4gICAqL1xuICBjb25maWcgPSBpbnB1dDxDb25maWdUeXBlPih7XG4gICAgYm9sZDogdHJ1ZSxcbiAgICB1bmRvOiB0cnVlLFxuICAgIHJlZG86IHRydWUsXG4gICAgaXRhbGljOiB0cnVlLFxuICAgIHVuZGVyTGluZTogdHJ1ZSxcbiAgICBzdHJpa2U6IHRydWUsXG4gICAgY29sb3I6IHRydWUsXG4gICAgaGlnaGxpZ2h0OiB0cnVlLFxuICAgIGZvbnRTaXplOiB0cnVlLFxuICAgIGxpc3Q6IHRydWUsXG4gICAgYWxpZ25tZW50OiB0cnVlLFxuICAgIGltYWdlOiB0cnVlLFxuICB9KTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgd3lzaXd5ZyA9IHNpZ25hbDxBWFd5c2l3eWcgfCBudWxsPihudWxsKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgYm9sZFN0YXRlID0gc2lnbmFsKGZhbHNlKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgaXRhbGljU3RhdGUgPSBzaWduYWwoZmFsc2UpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCB1bmRlckxpbmVTdGF0ZSA9IHNpZ25hbChmYWxzZSk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHN0cmlrZUxpbmVTdGF0ZSA9IHNpZ25hbChmYWxzZSk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGxpc3RTdGF0ZSA9IHNpZ25hbCgnJyk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGFsaWduU3RhdGUgPSBzaWduYWwoJycpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBzZWxlY3RlZEZvbnQgPSBzaWduYWwoJ21lZGl1bScpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBzZWxlY3RlZENvbG9yID0gc2lnbmFsKCdyZ2IoMTUxLCAxNDgsIDE0OCknKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRIaWdobGlnaHRDb2xvciA9IHNpZ25hbCgncmdiYSgyNDMsIDIzOCwgMjM4LDApJyk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KFxuICAgICAgKCkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHRoaXMuc2VydmljZS5jdXJyZW50U2VsZWN0ZWRFbGVtTGlzdCgpKSB7XG4gICAgICAgICAgY2FzZSAnb3JkZXJlZCc6XG4gICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS5saXN0KCdvcmRlcmVkJyk7XG4gICAgICAgICAgICB0aGlzLmxpc3RTdGF0ZS5zZXQoJ29yZGVyZWQnKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGNhc2UgJ2J1bGxldCc6XG4gICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS5saXN0KCdidWxsZXQnKTtcbiAgICAgICAgICAgIHRoaXMubGlzdFN0YXRlLnNldCgnYnVsbGV0Jyk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgdGhpcy53eXNpd3lnKCkubGlzdCgnJyk7XG4gICAgICAgICAgICB0aGlzLmxpc3RTdGF0ZS5zZXQoJycpO1xuICAgICAgICB9XG5cbiAgICAgICAgc3dpdGNoICh0aGlzLnNlcnZpY2UuY3VycmVudFNlbGVjdGVkRWxlbUNsYXNzKCkpIHtcbiAgICAgICAgICBjYXNlICdxbC1zaXplLWh1Z2UnOlxuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEZvbnQuc2V0KCdodWdlJyk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICBjYXNlICdxbC1zaXplLWxhcmdlJzpcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRGb250LnNldCgnbGFyZ2UnKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGNhc2UgJ3FsLXNpemUtc21hbGwnOlxuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEZvbnQuc2V0KCdzbWFsbCcpO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRGb250LnNldCgnbWVkaXVtJyk7XG4gICAgICAgIH1cblxuICAgICAgICBzd2l0Y2ggKHRoaXMuc2VydmljZS5jdXJyZW50U2VsZWN0ZWRFbGVtQWxpZ24oKSkge1xuICAgICAgICAgIGNhc2UgJ3FsLWFsaWduLWNlbnRlcic6XG4gICAgICAgICAgICB0aGlzLmFsaWduU3RhdGUuc2V0KCdjZW50ZXInKTtcbiAgICAgICAgICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKCdjZW50ZXInKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGNhc2UgJ3FsLWFsaWduLXJpZ2h0JzpcbiAgICAgICAgICAgIHRoaXMuYWxpZ25TdGF0ZS5zZXQoJ3JpZ2h0Jyk7XG4gICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS5hbGlnbigncmlnaHQnKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICB0aGlzLmFsaWduU3RhdGUuc2V0KCdsZWZ0Jyk7XG4gICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS5hbGlnbignbGVmdCcpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZXJ2aWNlLmN1cnJlbnRTZWxlY3RlZEVsZW1BcnJheSgpLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgICBzd2l0Y2ggKGl0ZW0pIHtcbiAgICAgICAgICAgIGNhc2UgJ1UnOlxuICAgICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS51bmRlckxpbmUodHJ1ZSk7XG4gICAgICAgICAgICAgIHRoaXMudW5kZXJMaW5lU3RhdGUuc2V0KHRydWUpO1xuICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ1MnOlxuICAgICAgICAgICAgICB0aGlzLnd5c2l3eWcoKS5zdHJpa2UodHJ1ZSk7XG4gICAgICAgICAgICAgIHRoaXMuc3RyaWtlTGluZVN0YXRlLnNldCh0cnVlKTtcbiAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdFTSc6XG4gICAgICAgICAgICAgIHRoaXMud3lzaXd5ZygpLml0YWxpYyh0cnVlKTtcbiAgICAgICAgICAgICAgdGhpcy5pdGFsaWNTdGF0ZS5zZXQodHJ1ZSk7XG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnU1RST05HJzpcbiAgICAgICAgICAgICAgdGhpcy53eXNpd3lnKCkuYm9sZCh0cnVlKTtcbiAgICAgICAgICAgICAgdGhpcy5ib2xkU3RhdGUuc2V0KHRydWUpO1xuICAgICAgICAgICAgICBicmVhaztcblxuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgaWYgKHRoaXMuYm9sZFN0YXRlKCkpIHRoaXMud3lzaXd5ZygpLmJvbGQodHJ1ZSk7XG4gICAgICAgICAgICAgIGlmICh0aGlzLml0YWxpY1N0YXRlKCkpIHRoaXMud3lzaXd5ZygpLml0YWxpYyh0cnVlKTtcbiAgICAgICAgICAgICAgaWYgKHRoaXMuc3RyaWtlTGluZVN0YXRlKCkpIHRoaXMud3lzaXd5ZygpLnN0cmlrZSh0cnVlKTtcbiAgICAgICAgICAgICAgaWYgKHRoaXMudW5kZXJMaW5lU3RhdGUoKSkgdGhpcy53eXNpd3lnKCkudW5kZXJMaW5lKHRydWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9LFxuICAgICk7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIHRoaXMud3lzaXd5Zy5zZXQodGhpcy5zZXJ2aWNlLnd5c2l3eWcoKSk7XG4gICAgfSk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgcG9wb3Zlck9wdGlvbjoge1xuICAgIG9wZW5PbjogQVhQb3BvdmVyT3BlblRyaWdnZXI7XG4gICAgY2xvc2VPbjogQVhQb3BvdmVyQ2xvc2VUcmlnZ2VyO1xuICAgIHBsYWNlbWVudDogQVhQbGFjZW1lbnQ7XG4gICAgb2Zmc2V0WDogbnVtYmVyO1xuICAgIG9mZnNldFk6IG51bWJlcjtcbiAgfSA9IHtcbiAgICBvcGVuT246ICdjbGljaycsXG4gICAgY2xvc2VPbjogJ2NsaWNrT3V0JyxcbiAgICBwbGFjZW1lbnQ6ICd0b3AnLFxuICAgIG9mZnNldFg6IDAsXG4gICAgb2Zmc2V0WTogMCxcbiAgfTtcblxuICAvKiogQGlnbm9yZSAqL1xuICB0ZXh0Qm94T3B0aW9ucyA9IHtcbiAgICB0ZXh0OiAnJyxcbiAgICBwbGFjZWhvbGRlcjogJ0VudGVyIHlvciB1cmwgLi4uJyxcbiAgICBzaXplOiAnYXgtc20nLFxuICB9O1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBzdWJtaXRMaW5rKCkge1xuICAgIHRoaXMud3lzaXd5ZygpLmFkZEltYWdlKHRoaXMudGV4dEJveE9wdGlvbnMudGV4dCk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgY2hhbmdlQ29sb3JIYW5kbGVyKGU6IHN0cmluZykge1xuICAgIHRoaXMuc2VsZWN0ZWRDb2xvci5zZXQoZSk7XG4gICAgdGhpcy53eXNpd3lnKCkuY29sb3IoZSk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgY2hhbmdlSGlnaGxpZ2h0Q29sb3JIYW5kbGVyKGU6IHN0cmluZykge1xuICAgIHRoaXMuc2VsZWN0ZWRIaWdobGlnaHRDb2xvci5zZXQoZSk7XG4gICAgdGhpcy53eXNpd3lnKCkuYmFja2dyb3VuZChlKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBmb250SGFuZGxlcihlOiBhbnkpIHtcbiAgICBpZiAoZSA9PT0gJ21lZGl1bScpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmZvbnRTaXplKGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkuZm9udFNpemUoZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGJvbGQoKSB7XG4gICAgaWYgKHRoaXMuYm9sZFN0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmJvbGQoZmFsc2UpO1xuICAgICAgdGhpcy5ib2xkU3RhdGUuc2V0KGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkuYm9sZCh0cnVlKTtcbiAgICAgIHRoaXMuYm9sZFN0YXRlLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgaXRhbGljKCkge1xuICAgIGlmICh0aGlzLml0YWxpY1N0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLml0YWxpYyhmYWxzZSk7XG4gICAgICB0aGlzLml0YWxpY1N0YXRlLnNldChmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLml0YWxpYyh0cnVlKTtcbiAgICAgIHRoaXMuaXRhbGljU3RhdGUuc2V0KHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCB1bmRlckxpbmUoKSB7XG4gICAgaWYgKHRoaXMudW5kZXJMaW5lU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkudW5kZXJMaW5lKGZhbHNlKTtcbiAgICAgIHRoaXMudW5kZXJMaW5lU3RhdGUuc2V0KGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkudW5kZXJMaW5lKHRydWUpO1xuICAgICAgdGhpcy51bmRlckxpbmVTdGF0ZS5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIG9yZGVyTGlzdCgpIHtcbiAgICBpZiAoIXRoaXMubGlzdFN0YXRlKCkgfHwgdGhpcy5saXN0U3RhdGUoKSA9PT0gJ2J1bGxldCcpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmxpc3QoJ29yZGVyZWQnKTtcbiAgICAgIHRoaXMubGlzdFN0YXRlLnNldCgnb3JkZXJlZCcpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5saXN0KCcnKTtcbiAgICAgIHRoaXMubGlzdFN0YXRlLnNldCgnJyk7XG4gICAgfVxuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHVuT3JkZXJMaXN0KCkge1xuICAgIGlmICghdGhpcy5saXN0U3RhdGUoKSB8fCB0aGlzLmxpc3RTdGF0ZSgpID09PSAnb3JkZXJlZCcpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmxpc3QoJ2J1bGxldCcpO1xuICAgICAgdGhpcy5saXN0U3RhdGUuc2V0KCdidWxsZXQnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkubGlzdCgnJyk7XG4gICAgICB0aGlzLmxpc3RTdGF0ZS5zZXQoJycpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBhbGlnblN0YXRlSGFuZGxlcihlOiBhbnkpIHtcbiAgICB0aGlzLmFsaWduU3RhdGUuc2V0KGUpO1xuICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKGUpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHVuZG8oKSB7XG4gICAgdGhpcy53eXNpd3lnKCkudW5kbygpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHJlZG8oKSB7XG4gICAgdGhpcy53eXNpd3lnKCkucmVkbygpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHN0cmlrZSgpIHtcbiAgICBpZiAodGhpcy5zdHJpa2VMaW5lU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkuc3RyaWtlKGZhbHNlKTtcbiAgICAgIHRoaXMuc3RyaWtlTGluZVN0YXRlLnNldChmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLnN0cmlrZSh0cnVlKTtcbiAgICAgIHRoaXMuc3RyaWtlTGluZVN0YXRlLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgYmFja2dyb3VuZCgpIHtcbiAgICB0aGlzLnd5c2l3eWcoKS5iYWNrZ3JvdW5kKCdyZWQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbGJhci1jb250YWluZXIgYXgtc21cIj5cbiAgPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbC1jb250YWluZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG5cbiAgICBAaWYgKGNvbmZpZygpLnVuZG8pIHtcbiAgICAgIDxheC1idXR0b24gY2xhc3M9XCJcIiAoY2xpY2spPVwidW5kbygpXCIgbG9vaz1cImJsYW5rXCI+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXVuZG9cIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICB9XG5cbiAgICBAaWYgKGNvbmZpZygpLnJlZG8pIHtcbiAgICAgIDxheC1idXR0b24gY2xhc3M9XCJcIiAoY2xpY2spPVwicmVkbygpXCIgbG9vaz1cImJsYW5rXCI+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXJlZG9cIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5ib2xkKSB7XG4gICAgICA8YXgtYnV0dG9uIChjbGljayk9XCJib2xkKClcIiBsb29rPVwiYmxhbmtcIiBbc2VsZWN0ZWRdPVwiYm9sZFN0YXRlKCkgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tYm9sZFwiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtYnV0dG9uPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLml0YWxpYykge1xuICAgICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwiaXRhbGljKClcIiBsb29rPVwiYmxhbmtcIiBbc2VsZWN0ZWRdPVwiaXRhbGljU3RhdGUoKSA/IHRydWUgOiBmYWxzZVwiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1pdGFsaWNcIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS51bmRlckxpbmUpIHtcbiAgICAgIDxheC1idXR0b24gKGNsaWNrKT1cInVuZGVyTGluZSgpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cInVuZGVyTGluZVN0YXRlKCkgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tdW5kZXItbGluZVwiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtYnV0dG9uPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLnN0cmlrZSkge1xuICAgICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwic3RyaWtlKClcIiBsb29rPVwiYmxhbmtcIiBbc2VsZWN0ZWRdPVwic3RyaWtlTGluZVN0YXRlKCkgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tc3RyaWtlXCI+PC9heC1pY29uPlxuICAgICAgPC9heC1idXR0b24+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkuY29sb3IpIHtcbiAgICAgIDxheC1idXR0b24gI2NvbG9yQnRuIGxvb2s9XCJibGFua1wiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jb2xvci1wYWxldHRlXCI+PC9heC1pY29uPlxuICAgICAgPC9heC1idXR0b24+XG4gICAgICA8YXgtcG9wb3ZlclxuICAgICAgICBbb3Blbk9uXT1cInBvcG92ZXJPcHRpb24ub3Blbk9uXCJcbiAgICAgICAgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCJcbiAgICAgICAgW3RhcmdldF09XCJjb2xvckJ0blwiXG4gICAgICAgIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIlxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtb3ZlcmxheS1wYW5lXCI+XG4gICAgICAgICAgPGF4LWNvbG9yLXBhbGV0dGUgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlQ29sb3JIYW5kbGVyKCRldmVudClcIiBbbmdNb2RlbF09XCJzZWxlY3RlZENvbG9yKClcIj5cbiAgICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLXByZXZpZXc+PC9heC1jb2xvci1wYWxldHRlLXByZXZpZXc+XG4gICAgICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+PC9heC1jb2xvci1wYWxldHRlLXBpY2tlcj5cbiAgICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLWlucHV0PjwvYXgtY29sb3ItcGFsZXR0ZS1pbnB1dD5cbiAgICAgICAgICA8L2F4LWNvbG9yLXBhbGV0dGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9heC1wb3BvdmVyPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLmhpZ2hsaWdodCkge1xuICAgICAgPGF4LWJ1dHRvbiAjaGlnaGxpZ2h0QnRuIGxvb2s9XCJibGFua1wiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1oaWdobGlnaHRcIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICAgIDxheC1wb3BvdmVyXG4gICAgICAgIFtvcGVuT25dPVwicG9wb3Zlck9wdGlvbi5vcGVuT25cIlxuICAgICAgICBbY2xvc2VPbl09XCJwb3BvdmVyT3B0aW9uLmNsb3NlT25cIlxuICAgICAgICBbdGFyZ2V0XT1cImhpZ2hsaWdodEJ0blwiXG4gICAgICAgIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIlxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtb3ZlcmxheS1wYW5lXCI+XG4gICAgICAgICAgPGF4LWNvbG9yLXBhbGV0dGUgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlSGlnaGxpZ2h0Q29sb3JIYW5kbGVyKCRldmVudClcIiBbbmdNb2RlbF09XCJzZWxlY3RlZEhpZ2hsaWdodENvbG9yKClcIj5cbiAgICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLXByZXZpZXc+PC9heC1jb2xvci1wYWxldHRlLXByZXZpZXc+XG4gICAgICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+PC9heC1jb2xvci1wYWxldHRlLXBpY2tlcj5cbiAgICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLWlucHV0PjwvYXgtY29sb3ItcGFsZXR0ZS1pbnB1dD5cbiAgICAgICAgICA8L2F4LWNvbG9yLXBhbGV0dGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9heC1wb3BvdmVyPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLmZvbnRTaXplKSB7XG4gICAgICA8YXgtc2VsZWN0LWJveFxuICAgICAgICBbbG9va109XCJwYXJlbnQubG9va1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImZvbnRIYW5kbGVyKCRldmVudClcIlxuICAgICAgICBbbmdNb2RlbF09XCJzZWxlY3RlZEZvbnQoKVwiXG4gICAgICAgIFtkYXRhU291cmNlXT1cIlsnc21hbGwnLCAnbWVkaXVtJywgJ2xhcmdlJywgJ2h1Z2UnXVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiQ2hvb3NlLi4uXCJcbiAgICAgID5cbiAgICAgIDwvYXgtc2VsZWN0LWJveD5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5saXN0KSB7XG4gICAgICA8YXgtYnV0dG9uIChjbGljayk9XCJvcmRlckxpc3QoKVwiIGxvb2s9XCJibGFua1wiIFtzZWxlY3RlZF09XCJsaXN0U3RhdGUoKSA9PT0gJ29yZGVyZWQnID8gdHJ1ZSA6IGZhbHNlXCI+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLW9yZGVyLWxpc3RcIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cblxuICAgICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwidW5PcmRlckxpc3QoKVwiIGxvb2s9XCJibGFua1wiIFtzZWxlY3RlZF09XCJsaXN0U3RhdGUoKSA9PT0gJ2J1bGxldCcgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tdW4tb3JkZXItbGlzdFwiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtYnV0dG9uPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLmFsaWdubWVudCkge1xuICAgICAgPGF4LWJ1dHRvbiBsb29rPVwiYmxhbmtcIiAjYWxpZ25Qb3A+XG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLWxlZnRcIj48L2F4LWljb24+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICAgIDxheC1wb3BvdmVyXG4gICAgICAgIFtvcGVuT25dPVwicG9wb3Zlck9wdGlvbi5vcGVuT25cIlxuICAgICAgICBbY2xvc2VPbl09XCJwb3BvdmVyT3B0aW9uLmNsb3NlT25cIlxuICAgICAgICBbdGFyZ2V0XT1cImFsaWduUG9wXCJcbiAgICAgICAgW3BsYWNlbWVudF09XCJwb3BvdmVyT3B0aW9uLnBsYWNlbWVudFwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1vdmVybGF5LXBhbmVcIj5cbiAgICAgICAgICA8YXgtYnV0dG9uIChjbGljayk9XCJhbGlnblN0YXRlSGFuZGxlcignbGVmdCcpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ2xlZnQnID8gdHJ1ZSA6IGZhbHNlXCI+XG4gICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1sZWZ0XCI+PC9heC1pY29uPlxuICAgICAgICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgICAgICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwiYWxpZ25TdGF0ZUhhbmRsZXIoJ2NlbnRlcicpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ2NlbnRlcicgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLWNlbnRlclwiPjwvYXgtaWNvbj5cbiAgICAgICAgICA8L2F4LWJ1dHRvbj5cblxuICAgICAgICAgIDxheC1idXR0b24gKGNsaWNrKT1cImFsaWduU3RhdGVIYW5kbGVyKCdyaWdodCcpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ3JpZ2h0JyA/IHRydWUgOiBmYWxzZVwiPlxuICAgICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tYWxpZ24tcmlnaHRcIj48L2F4LWljb24+XG4gICAgICAgICAgPC9heC1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9heC1wb3BvdmVyPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLmltYWdlKSB7XG4gICAgICA8YXgtYnV0dG9uICNsaW5rQnRuIGxvb2s9XCJibGFua1wiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1pbWFnZVwiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgICA8YXgtcG9wb3ZlclxuICAgICAgICBbb3Blbk9uXT1cInBvcG92ZXJPcHRpb24ub3Blbk9uXCJcbiAgICAgICAgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCJcbiAgICAgICAgW3RhcmdldF09XCJsaW5rQnRuXCJcbiAgICAgICAgW3BsYWNlbWVudF09XCJwb3BvdmVyT3B0aW9uLnBsYWNlbWVudFwiXG4gICAgICA+XG4gICAgICAgIDxheC10ZXh0LWJveCBjbGFzcz1cInt7IHRleHRCb3hPcHRpb25zLnNpemUgfX1cIiBbKG5nTW9kZWwpXT1cInRleHRCb3hPcHRpb25zLnRleHRcIiBbcGxhY2Vob2xkZXJdPVwidGV4dEJveE9wdGlvbnMucGxhY2Vob2xkZXJcIj5cbiAgICAgICAgPC9heC10ZXh0LWJveD5cbiAgICAgICAgPGF4LXN1ZmZpeD5cbiAgICAgICAgICA8YXgtYnV0dG9uIChjbGljayk9XCJzdWJtaXRMaW5rKClcIiBjbGFzcz1cImF4LXNtXCIgY29sb3I9XCJzZWNvbmRhcnlcIiB0ZXh0PVwiQWRkXCI+IDwvYXgtYnV0dG9uPlxuICAgICAgICA8L2F4LXN1ZmZpeD5cbiAgICAgIDwvYXgtcG9wb3Zlcj5cbiAgICB9XG5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:.5rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-prefix,.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-suffix{margin-inline:.5rem}.ax-wysiwyg-toolbar-container ax-select-box{width:auto!important}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTdEOzs7R0FHRztBQU9ILE1BQU0sT0FBTyx5QkFBeUI7OEdBQXpCLHlCQUF5QjtrR0FBekIseUJBQXlCLDBEQ1p0Qyw0UEFPQTs7MkZES2EseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixpQkFHZixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEEgdG9vbGJhciBjb21wb25lbnQgZm9yIHRoZSBXWVNJV1lHIGVkaXRvciwgcHJvdmlkaW5nIHZhcmlvdXMgZm9ybWF0dGluZyBvcHRpb25zLlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtd3lzaXd5Zy10b29sYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3d5c2l3eWctdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi93eXNpd3lnLXRvb2xiYXIuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLCBcbn0pXG5leHBvcnQgY2xhc3MgQVhXeXNpd3lnVG9vbGJhckNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbGJhci1jb250YWluZXIgYXgtc21cIj5cbiAgPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbC1jb250YWluZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-alignment/wysiwyg-alignment.component.mjs

@@ -0,0 +1,59 @@
+import { Component, ViewEncapsulation, afterNextRender, effect, inject, signal } from '@angular/core';
+import { AXWysiwygService } from '../../wysiwyg.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/button";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/popover";
+/**
+ * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
+ * @category Components
+ */
+export class AXWysiwygAlignmentComponent {
+    /** @ignore */
+    constructor() {
+        /** @ignore */
+        this.service = inject(AXWysiwygService);
+        /** @ignore */
+        this.alignState = signal('');
+        /** @ignore */
+        this.wysiwyg = signal(null);
+        /** @ignore */
+        this.popoverOption = {
+            openOn: 'click',
+            closeOn: 'clickOut',
+            placement: 'top',
+            offsetX: 0,
+            offsetY: 0,
+        };
+        effect(() => {
+            switch (this.service.currentSelectedElemAlign()) {
+                case 'ql-align-center':
+                    this.alignState.set('center');
+                    this.wysiwyg().align('center');
+                    break;
+                case 'ql-align-right':
+                    this.alignState.set('right');
+                    this.wysiwyg().align('right');
+                    break;
+                default:
+                    this.alignState.set('left');
+                    this.wysiwyg().align('left');
+            }
+        }, { allowSignalWrites: true });
+        afterNextRender(() => {
+            this.wysiwyg.set(this.service.wysiwyg());
+        });
+    }
+    /** @ignore */
+    alignStateHandler(e) {
+        this.alignState.set(e);
+        this.wysiwyg().align(e);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment", ngImport: i0, template: "<ax-button look=\"blank\" #alignPop>\n  <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n</ax-popover>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygAlignmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-wysiwyg-alignment', encapsulation: ViewEncapsulation.None, template: "<ax-button look=\"blank\" #alignPop>\n  <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n</ax-popover>\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy1hbGlnbm1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3d5c2l3eWcvc3JjL2xpYi93eXNpd3lnL3d5c2l3eWctdG9vbHMvd3lzaXd5Zy1hbGlnbm1lbnQvd3lzaXd5Zy1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3d5c2l3eWcvc3JjL2xpYi93eXNpd3lnL3d5c2l3eWctdG9vbHMvd3lzaXd5Zy1hbGlnbm1lbnQvd3lzaXd5Zy1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBRXpEOzs7R0FHRztBQU9ILE1BQU0sT0FBTywyQkFBMkI7SUF5QnRDLGNBQWM7SUFDZDtRQXpCQSxjQUFjO1FBQ2QsWUFBTyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRW5DLGNBQWM7UUFDSixlQUFVLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWxDLGNBQWM7UUFDSixZQUFPLEdBQUcsTUFBTSxDQUFtQixJQUFJLENBQUMsQ0FBQztRQUVuRCxjQUFjO1FBQ0osa0JBQWEsR0FNbkI7WUFDRixNQUFNLEVBQUUsT0FBTztZQUNmLE9BQU8sRUFBRSxVQUFVO1lBQ25CLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDWCxDQUFDO1FBSUEsTUFBTSxDQUNKLEdBQUcsRUFBRTtZQUNILFFBQVEsSUFBSSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsRUFBRSxFQUFFLENBQUM7Z0JBQ2hELEtBQUssaUJBQWlCO29CQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztvQkFDOUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztvQkFDL0IsTUFBTTtnQkFDUixLQUFLLGdCQUFnQjtvQkFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzdCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzlCLE1BQU07Z0JBQ1I7b0JBQ0UsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7b0JBQzVCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakMsQ0FBQztRQUNILENBQUMsRUFDRCxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUM1QixDQUFDO1FBQ0YsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYztJQUNKLGlCQUFpQixDQUFDLENBQU07UUFDaEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDOzhHQXREVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiw0RENoQnhDLHU3QkFrQkE7OzJGREZhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFd5c2l3eWcgfSBmcm9tICdAYWNvcmV4L2Nkay93eXNpd3lnJztcbmltcG9ydCB7IEFYUGxhY2VtZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWFBvcG92ZXJDbG9zZVRyaWdnZXIsIEFYUG9wb3Zlck9wZW5UcmlnZ2VyIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgYWZ0ZXJOZXh0UmVuZGVyLCBlZmZlY3QsIGluamVjdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFd5c2l3eWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vd3lzaXd5Zy5zZXJ2aWNlJztcblxuLyoqXG4gKiBBIGNvbnRhaW5lciBjb21wb25lbnQgZm9yIFdZU0lXWUcgKFdoYXQgWW91IFNlZSBJcyBXaGF0IFlvdSBHZXQpIGVkaXRvciBmdW5jdGlvbmFsaXR5LlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtd3lzaXd5Zy1hbGlnbm1lbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vd3lzaXd5Zy1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vd3lzaXd5Zy1hbGlnbm1lbnQuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFd5c2l3eWdBbGlnbm1lbnRDb21wb25lbnQge1xuICAvKiogQGlnbm9yZSAqL1xuICBzZXJ2aWNlID0gaW5qZWN0KEFYV3lzaXd5Z1NlcnZpY2UpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBhbGlnblN0YXRlID0gc2lnbmFsKCcnKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgd3lzaXd5ZyA9IHNpZ25hbDxBWFd5c2l3eWcgfCBudWxsPihudWxsKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgcG9wb3Zlck9wdGlvbjoge1xuICAgIG9wZW5PbjogQVhQb3BvdmVyT3BlblRyaWdnZXI7XG4gICAgY2xvc2VPbjogQVhQb3BvdmVyQ2xvc2VUcmlnZ2VyO1xuICAgIHBsYWNlbWVudDogQVhQbGFjZW1lbnQ7XG4gICAgb2Zmc2V0WDogbnVtYmVyO1xuICAgIG9mZnNldFk6IG51bWJlcjtcbiAgfSA9IHtcbiAgICBvcGVuT246ICdjbGljaycsXG4gICAgY2xvc2VPbjogJ2NsaWNrT3V0JyxcbiAgICBwbGFjZW1lbnQ6ICd0b3AnLFxuICAgIG9mZnNldFg6IDAsXG4gICAgb2Zmc2V0WTogMCxcbiAgfTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHN3aXRjaCAodGhpcy5zZXJ2aWNlLmN1cnJlbnRTZWxlY3RlZEVsZW1BbGlnbigpKSB7XG4gICAgICAgICAgY2FzZSAncWwtYWxpZ24tY2VudGVyJzpcbiAgICAgICAgICAgIHRoaXMuYWxpZ25TdGF0ZS5zZXQoJ2NlbnRlcicpO1xuICAgICAgICAgICAgdGhpcy53eXNpd3lnKCkuYWxpZ24oJ2NlbnRlcicpO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgY2FzZSAncWwtYWxpZ24tcmlnaHQnOlxuICAgICAgICAgICAgdGhpcy5hbGlnblN0YXRlLnNldCgncmlnaHQnKTtcbiAgICAgICAgICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKCdyaWdodCcpO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHRoaXMuYWxpZ25TdGF0ZS5zZXQoJ2xlZnQnKTtcbiAgICAgICAgICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKCdsZWZ0Jyk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH0sXG4gICAgKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy53eXNpd3lnLnNldCh0aGlzLnNlcnZpY2Uud3lzaXd5ZygpKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBhbGlnblN0YXRlSGFuZGxlcihlOiBhbnkpIHtcbiAgICB0aGlzLmFsaWduU3RhdGUuc2V0KGUpO1xuICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKGUpO1xuICB9XG59XG4iLCI8YXgtYnV0dG9uIGxvb2s9XCJibGFua1wiICNhbGlnblBvcD5cbiAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tYWxpZ24tbGVmdFwiPjwvYXgtaWNvbj5cbjwvYXgtYnV0dG9uPlxuPGF4LXBvcG92ZXIgW29wZW5Pbl09XCJwb3BvdmVyT3B0aW9uLm9wZW5PblwiIFtjbG9zZU9uXT1cInBvcG92ZXJPcHRpb24uY2xvc2VPblwiIFt0YXJnZXRdPVwiYWxpZ25Qb3BcIiBbcGxhY2VtZW50XT1cInBvcG92ZXJPcHRpb24ucGxhY2VtZW50XCI+XG4gIDxkaXYgY2xhc3M9XCJheC1vdmVybGF5LXBhbmVcIj5cbiAgICA8YXgtYnV0dG9uIChjbGljayk9XCJhbGlnblN0YXRlSGFuZGxlcignbGVmdCcpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ2xlZnQnID8gdHJ1ZSA6IGZhbHNlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1sZWZ0XCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwiYWxpZ25TdGF0ZUhhbmRsZXIoJ2NlbnRlcicpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ2NlbnRlcicgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLWNlbnRlclwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1idXR0b24gKGNsaWNrKT1cImFsaWduU3RhdGVIYW5kbGVyKCdyaWdodCcpXCIgbG9vaz1cImJsYW5rXCIgW3NlbGVjdGVkXT1cImFsaWduU3RhdGUoKSA9PT0gJ3JpZ2h0JyA/IHRydWUgOiBmYWxzZVwiPlxuICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tYWxpZ24tcmlnaHRcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG4gIDwvZGl2PlxuPC9heC1wb3BvdmVyPlxuIl19

package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-colors/wysiwyg-colors.component.mjs

@@ -0,0 +1,53 @@
+import { Component, ViewEncapsulation, afterNextRender, inject, signal } from '@angular/core';
+import { AXWysiwygService } from '../../wysiwyg.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/button";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@angular/forms";
+import * as i4 from "@acorex/components/color-palette";
+import * as i5 from "@acorex/components/popover";
+/**
+ * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
+ * @category Components
+ */
+export class AXWysiwygColorsComponent {
+    /** @ignore */
+    constructor() {
+        /** @ignore */
+        this.service = inject(AXWysiwygService);
+        /** @ignore */
+        this.wysiwyg = signal(null);
+        /** @ignore */
+        this.selectedColor = signal('rgb(151, 148, 148)');
+        /** @ignore */
+        this.selectedHighlightColor = signal('rgba(243, 238, 238,0)');
+        /** @ignore */
+        this.popoverOption = {
+            openOn: 'click',
+            closeOn: 'clickOut',
+            placement: 'top',
+            offsetX: 0,
+            offsetY: 0,
+        };
+        afterNextRender(() => {
+            this.wysiwyg.set(this.service.wysiwyg());
+        });
+    }
+    /** @ignore */
+    changeColorHandler(e) {
+        this.selectedColor.set(e);
+        this.wysiwyg().color(e);
+    }
+    /** @ignore */
+    changeHighlightColorHandler(e) {
+        this.selectedHighlightColor.set(e);
+        this.wysiwyg().background(e);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygColorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors", ngImport: i0, template: "<ax-button #colorBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"colorBtn\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n\n<ax-button #highlightBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"highlightBtn\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i4.AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: i4.AXColorPaletteInputComponent, selector: "ax-color-palette-input" }, { kind: "component", type: i4.AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygColorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-wysiwyg-colors', encapsulation: ViewEncapsulation.None, template: "<ax-button #colorBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"colorBtn\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n\n<ax-button #highlightBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n</ax-button>\n<ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"highlightBtn\" [placement]=\"popoverOption.placement\">\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy1jb2xvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3d5c2l3eWcvc3JjL2xpYi93eXNpd3lnL3d5c2l3eWctdG9vbHMvd3lzaXd5Zy1jb2xvcnMvd3lzaXd5Zy1jb2xvcnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3d5c2l3eWcvc3JjL2xpYi93eXNpd3lnL3d5c2l3eWctdG9vbHMvd3lzaXd5Zy1jb2xvcnMvd3lzaXd5Zy1jb2xvcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7OztBQUV6RDs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sd0JBQXdCO0lBNEJuQyxjQUFjO0lBQ2Q7UUE1QkEsY0FBYztRQUNkLFlBQU8sR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUVuQyxjQUFjO1FBQ0osWUFBTyxHQUFHLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7UUFFbkQsY0FBYztRQUNKLGtCQUFhLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFdkQsY0FBYztRQUNKLDJCQUFzQixHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRW5FLGNBQWM7UUFDSixrQkFBYSxHQU1uQjtZQUNGLE1BQU0sRUFBRSxPQUFPO1lBQ2YsT0FBTyxFQUFFLFVBQVU7WUFDbkIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsT0FBTyxFQUFFLENBQUM7WUFDVixPQUFPLEVBQUUsQ0FBQztTQUNYLENBQUM7UUFJQSxlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ0osa0JBQWtCLENBQUMsQ0FBUztRQUNwQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ0osMkJBQTJCLENBQUMsQ0FBUztRQUM3QyxJQUFJLENBQUMsc0JBQXNCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0E3Q1Usd0JBQXdCO2tHQUF4Qix3QkFBd0IseURDaEJyQywwdkNBeUJBOzsyRkRUYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFd5c2l3eWcgfSBmcm9tICdAYWNvcmV4L2Nkay93eXNpd3lnJztcbmltcG9ydCB7IEFYUGxhY2VtZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWFBvcG92ZXJDbG9zZVRyaWdnZXIsIEFYUG9wb3Zlck9wZW5UcmlnZ2VyIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgYWZ0ZXJOZXh0UmVuZGVyLCBpbmplY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhXeXNpd3lnU2VydmljZSB9IGZyb20gJy4uLy4uL3d5c2l3eWcuc2VydmljZSc7XG5cbi8qKlxuICogQSBjb250YWluZXIgY29tcG9uZW50IGZvciBXWVNJV1lHIChXaGF0IFlvdSBTZWUgSXMgV2hhdCBZb3UgR2V0KSBlZGl0b3IgZnVuY3Rpb25hbGl0eS5cbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXd5c2l3eWctY29sb3JzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3d5c2l3eWctY29sb3JzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3d5c2l3eWctY29sb3JzLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhXeXNpd3lnQ29sb3JzQ29tcG9uZW50IHtcbiAgLyoqIEBpZ25vcmUgKi9cbiAgc2VydmljZSA9IGluamVjdChBWFd5c2l3eWdTZXJ2aWNlKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgd3lzaXd5ZyA9IHNpZ25hbDxBWFd5c2l3eWcgfCBudWxsPihudWxsKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRDb2xvciA9IHNpZ25hbCgncmdiKDE1MSwgMTQ4LCAxNDgpJyk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIHNlbGVjdGVkSGlnaGxpZ2h0Q29sb3IgPSBzaWduYWwoJ3JnYmEoMjQzLCAyMzgsIDIzOCwwKScpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBwb3BvdmVyT3B0aW9uOiB7XG4gICAgb3Blbk9uOiBBWFBvcG92ZXJPcGVuVHJpZ2dlcjtcbiAgICBjbG9zZU9uOiBBWFBvcG92ZXJDbG9zZVRyaWdnZXI7XG4gICAgcGxhY2VtZW50OiBBWFBsYWNlbWVudDtcbiAgICBvZmZzZXRYOiBudW1iZXI7XG4gICAgb2Zmc2V0WTogbnVtYmVyO1xuICB9ID0ge1xuICAgIG9wZW5PbjogJ2NsaWNrJyxcbiAgICBjbG9zZU9uOiAnY2xpY2tPdXQnLFxuICAgIHBsYWNlbWVudDogJ3RvcCcsXG4gICAgb2Zmc2V0WDogMCxcbiAgICBvZmZzZXRZOiAwLFxuICB9O1xuXG4gIC8qKiBAaWdub3JlICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICB0aGlzLnd5c2l3eWcuc2V0KHRoaXMuc2VydmljZS53eXNpd3lnKCkpO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGNoYW5nZUNvbG9ySGFuZGxlcihlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdGVkQ29sb3Iuc2V0KGUpO1xuICAgIHRoaXMud3lzaXd5ZygpLmNvbG9yKGUpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGNoYW5nZUhpZ2hsaWdodENvbG9ySGFuZGxlcihlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdGVkSGlnaGxpZ2h0Q29sb3Iuc2V0KGUpO1xuICAgIHRoaXMud3lzaXd5ZygpLmJhY2tncm91bmQoZSk7XG4gIH1cbn1cbiIsIjxheC1idXR0b24gI2NvbG9yQnRuIGxvb2s9XCJibGFua1wiPlxuICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jb2xvci1wYWxldHRlXCI+PC9heC1pY29uPlxuPC9heC1idXR0b24+XG48YXgtcG9wb3ZlciBbb3Blbk9uXT1cInBvcG92ZXJPcHRpb24ub3Blbk9uXCIgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCIgW3RhcmdldF09XCJjb2xvckJ0blwiIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIj5cbiAgPGRpdiBjbGFzcz1cImF4LW92ZXJsYXktcGFuZVwiPlxuICAgIDxheC1jb2xvci1wYWxldHRlIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZUNvbG9ySGFuZGxlcigkZXZlbnQpXCIgW25nTW9kZWxdPVwic2VsZWN0ZWRDb2xvcigpXCI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PjwvYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PlxuICAgICAgPGF4LWNvbG9yLXBhbGV0dGUtcGlja2VyPjwvYXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1pbnB1dD48L2F4LWNvbG9yLXBhbGV0dGUtaW5wdXQ+XG4gICAgPC9heC1jb2xvci1wYWxldHRlPlxuICA8L2Rpdj5cbjwvYXgtcG9wb3Zlcj5cblxuPGF4LWJ1dHRvbiAjaGlnaGxpZ2h0QnRuIGxvb2s9XCJibGFua1wiPlxuICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1oaWdobGlnaHRcIj48L2F4LWljb24+XG48L2F4LWJ1dHRvbj5cbjxheC1wb3BvdmVyIFtvcGVuT25dPVwicG9wb3Zlck9wdGlvbi5vcGVuT25cIiBbY2xvc2VPbl09XCJwb3BvdmVyT3B0aW9uLmNsb3NlT25cIiBbdGFyZ2V0XT1cImhpZ2hsaWdodEJ0blwiIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIj5cbiAgPGRpdiBjbGFzcz1cImF4LW92ZXJsYXktcGFuZVwiPlxuICAgIDxheC1jb2xvci1wYWxldHRlIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZUhpZ2hsaWdodENvbG9ySGFuZGxlcigkZXZlbnQpXCIgW25nTW9kZWxdPVwic2VsZWN0ZWRIaWdobGlnaHRDb2xvcigpXCI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PjwvYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PlxuICAgICAgPGF4LWNvbG9yLXBhbGV0dGUtcGlja2VyPjwvYXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+XG4gICAgICA8YXgtY29sb3ItcGFsZXR0ZS1pbnB1dD48L2F4LWNvbG9yLXBhbGV0dGUtaW5wdXQ+XG4gICAgPC9heC1jb2xvci1wYWxldHRlPlxuICA8L2Rpdj5cbjwvYXgtcG9wb3Zlcj5cbiJdfQ==