@acorex/components 18.5.3 → 18.5.5

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

@@ -1,12 +1,18 @@
 import { AXDataSource } from '@acorex/components/common';
-import { Component, afterNextRender, inject, output, signal } from '@angular/core';
+import { Component, ViewEncapsulation, afterNextRender, inject, output, 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/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";
 export class AXWysiwygToolbarComponent {
+    submitLink() {
+        this.wysiwyg().addImage(this.textBoxOptions.text);
+    }
     constructor() {
         this.outputHTML = output();
         this.service = inject(AXWysiwygService);
@@ -14,9 +20,14 @@ export class AXWysiwygToolbarComponent {
         this.boldState = signal(false);
         this.italicState = signal(false);
         this.underLineState = signal(false);
+        this.strikeLineState = signal(false);
         this.orderListState = signal('');
         this.unOrderListState = signal('');
         this.alignState = signal('');
+        this.selectedFont = 'medium';
+        this.selectedColor = '';
+        this.selectedHighlightColor = '';
+        this.linkAddress = '';
         this.fontSize = new AXDataSource({
             pageSize: 10,
             key: 'id',
@@ -34,11 +45,30 @@ export class AXWysiwygToolbarComponent {
                 });
             },
         });
-        this.selectedFont = 'medium';
+        this.popoverOption = {
+            openOn: 'click',
+            closeOn: 'clickOut',
+            placement: 'top',
+            offsetX: 0,
+            offsetY: 0,
+        };
+        this.textBoxOptions = {
+            text: '',
+            placeholder: 'Enter yor url ...',
+            size: 'ax-sm',
+        };
         afterNextRender(() => {
             this.wysiwyg.set(this.service.wysiwyg());
         });
     }
+    changeColorHandler(e) {
+        this.selectedColor = e;
+        this.wysiwyg().color(e);
+    }
+    changeHighlightColorHandler(e) {
+        this.selectedHighlightColor = e;
+        this.wysiwyg().background(e);
+    }
     fontHandler(e) {
         this.wysiwyg().fontSize(e);
     }
@@ -103,11 +133,30 @@ export class AXWysiwygToolbarComponent {
         this.alignState.set(e);
         this.wysiwyg().align(e);
     }
+    undo() {
+        this.wysiwyg().undo();
+    }
+    redo() {
+        this.wysiwyg().redo();
+    }
+    strike() {
+        if (this.strikeLineState()) {
+            this.wysiwyg().strike(false);
+            this.strikeLineState.set(false);
+        }
+        else {
+            this.wysiwyg().strike(true);
+            this.strikeLineState.set(true);
+        }
+    }
+    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: "14.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      [look]=\"alignState() !== 'left' && 'blank'\"\n      [color]=\"alignState() === 'left' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      [look]=\"alignState() !== 'center' && 'blank'\"\n      [color]=\"alignState() === 'center' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      [look]=\"alignState() !== 'right' && 'blank'\"\n      [color]=\"alignState() === 'right' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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", "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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"strike()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n    </ax-button>\n\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n\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-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    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button look=\"blank\" #alignPop>\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n      <div class=\"ax-overlay-pane\">\n        <ax-button\n          (click)=\"alignStateHandler('left')\"\n          [look]=\"alignState() !== 'left' && 'blank'\"\n          [color]=\"alignState() === 'left' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('center')\"\n          [look]=\"alignState() !== 'center' && 'blank'\"\n          [color]=\"alignState() === 'center' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('right')\"\n          [look]=\"alignState() !== 'right' && 'blank'\"\n          [color]=\"alignState() === 'right' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n        </ax-button>\n      </div>\n    </ax-popover>\n\n    <ax-button #linkBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"linkBtn\" [placement]=\"popoverOption.placement\">\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  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-wysiwyg-toolbar', template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      [look]=\"alignState() !== 'left' && 'blank'\"\n      [color]=\"alignState() === 'left' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      [look]=\"alignState() !== 'center' && 'blank'\"\n      [color]=\"alignState() === 'center' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      [look]=\"alignState() !== 'right' && 'blank'\"\n      [color]=\"alignState() === 'right' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"] }]
+            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"strike()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n    </ax-button>\n\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n\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-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    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button look=\"blank\" #alignPop>\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n      <div class=\"ax-overlay-pane\">\n        <ax-button\n          (click)=\"alignStateHandler('left')\"\n          [look]=\"alignState() !== 'left' && 'blank'\"\n          [color]=\"alignState() === 'left' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('center')\"\n          [look]=\"alignState() !== 'center' && 'blank'\"\n          [color]=\"alignState() === 'center' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('right')\"\n          [look]=\"alignState() !== 'right' && 'blank'\"\n          [color]=\"alignState() === 'right' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n        </ax-button>\n      </div>\n    </ax-popover>\n\n    <ax-button #linkBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"linkBtn\" [placement]=\"popoverOption.placement\">\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  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"] }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBZ0IsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztBQU90RCxNQUFNLE9BQU8seUJBQXlCO0lBK0JwQztRQTlCQSxlQUFVLEdBQUcsTUFBTSxFQUFnQixDQUFDO1FBQ3BDLFlBQU8sR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUVuQyxZQUFPLEdBQUcsTUFBTSxDQUFtQixJQUFJLENBQUMsQ0FBQztRQUN6QyxjQUFTLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLG1CQUFjLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLG1CQUFjLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5QixlQUFVLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FB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d3lnJztcbmltcG9ydCB7IEFYQ2xpY2tFdmVudCwgQVhEYXRhU291cmNlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGFmdGVyTmV4dFJlbmRlciwgaW5qZWN0LCBvdXRwdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhXeXNpd3lnU2VydmljZSB9IGZyb20gJy4uL3d5c2l3eWcuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXd5c2l3eWctdG9vbGJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi93eXNpd3lnLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQVhXeXNpd3lnVG9vbGJhckNvbXBvbmVudCB7XG4gIG91dHB1dEhUTUwgPSBvdXRwdXQ8QVhDbGlja0V2ZW50PigpO1xuICBzZXJ2aWNlID0gaW5qZWN0KEFYV3lzaXd5Z1NlcnZpY2UpO1xuXG4gIHd5c2l3eWcgPSBzaWduYWw8QVhXeXNpd3lnIHwgbnVsbD4obnVsbCk7XG4gIGJvbGRTdGF0ZSA9IHNpZ25hbChmYWxzZSk7XG4gIGl0YWxpY1N0YXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgdW5kZXJMaW5lU3RhdGUgPSBzaWduYWwoZmFsc2UpO1xuICBvcmRlckxpc3RTdGF0ZSA9IHNpZ25hbCgnJyk7XG4gIHVuT3JkZXJMaXN0U3RhdGUgPSBzaWduYWwoJycpO1xuICBhbGlnblN0YXRlID0gc2lnbmFsKCcnKTtcblxuICBwcm90ZWN0ZWQgZm9udFNpemUgPSBuZXcgQVhEYXRhU291cmNlPHN0cmluZz4oe1xuICAgIHBhZ2VTaXplOiAxMCxcbiAgICBrZXk6ICdpZCcsXG4gICAgbG9hZDogKGUpID0+IHtcbiAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSkgPT4ge1xuICAgICAgICByZXNvbHZlKHtcbiAgICAgICAgICBpdGVtczogWydzbWFsbCcsICdtZWRpdW0nLCAnbGFyZ2UnLCAnaHVnZSddLFxuICAgICAgICAgIHRvdGFsOiA0LFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgYnlLZXk6IChrZXkpID0+IHtcbiAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSkgPT4ge1xuICAgICAgICByZXNvbHZlKCdtZWRpdW0nKTtcbiAgICAgIH0pO1xuICAgIH0sXG4gIH0pO1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRGb250ID0gJ21lZGl1bSc7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIHRoaXMud3lzaXd5Zy5zZXQodGhpcy5zZXJ2aWNlLnd5c2l3eWcoKSk7XG4gICAgfSk7XG4gIH1cblxuICBmb250SGFuZGxlcihlOiBhbnkpIHtcbiAgICB0aGlzLnd5c2l3eWcoKS5mb250U2l6ZShlKTtcbiAgfVxuXG4gIGJvbGQoKSB7XG4gICAgaWYgKHRoaXMuYm9sZFN0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmJvbGQoZmFsc2UpO1xuICAgICAgdGhpcy5ib2xkU3RhdGUuc2V0KGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkuYm9sZCh0cnVlKTtcbiAgICAgIHRoaXMuYm9sZFN0YXRlLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBvdXQoKSB7XG4gICAgdGhpcy5vdXRwdXRIVE1MLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgZGF0YTogeyB2YWx1ZTogdGhpcy53eXNpd3lnKCkuSFRNTG91dHB1dCB9LFxuICAgICAgaXNVc2VySW50ZXJhY3Rpb246IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBpdGFsaWMoKSB7XG4gICAgaWYgKHRoaXMuaXRhbGljU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkuaXRhbGljKGZhbHNlKTtcbiAgICAgIHRoaXMuaXRhbGljU3RhdGUuc2V0KGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkuaXRhbGljKHRydWUpO1xuICAgICAgdGhpcy5pdGFsaWNTdGF0ZS5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgdW5kZXJMaW5lKCkge1xuICAgIGlmICh0aGlzLnVuZGVyTGluZVN0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLnVuZGVyTGluZShmYWxzZSk7XG4gICAgICB0aGlzLnVuZGVyTGluZVN0YXRlLnNldChmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLnVuZGVyTGluZSh0cnVlKTtcbiAgICAgIHRoaXMudW5kZXJMaW5lU3RhdGUuc2V0KHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIG9yZGVyTGlzdCgpIHtcbiAgICBpZiAodGhpcy5vcmRlckxpc3RTdGF0ZSgpKSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5saXN0KCcnKTtcbiAgICAgIHRoaXMub3JkZXJMaXN0U3RhdGUuc2V0KCcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkubGlzdCgnb3JkZXJlZCcpO1xuICAgICAgdGhpcy5vcmRlckxpc3RTdGF0ZS5zZXQoJ29yZGVyZWQnKTtcbiAgICB9XG4gIH1cblxuICB1bk9yZGVyTGlzdCgpIHtcbiAgICBpZiAodGhpcy51bk9yZGVyTGlzdFN0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmxpc3QoJycpO1xuICAgICAgdGhpcy51bk9yZGVyTGlzdFN0YXRlLnNldCgnJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmxpc3QoJ2J1bGxldCcpO1xuICAgICAgdGhpcy51bk9yZGVyTGlzdFN0YXRlLnNldCgnYnVsbGV0Jyk7XG4gICAgfVxuICB9XG5cbiAgYWxpZ25TdGF0ZUhhbmRsZXIoZTogYW55KSB7XG4gICAgdGhpcy5hbGlnblN0YXRlLnNldChlKTtcbiAgICB0aGlzLnd5c2l3eWcoKS5hbGlnbihlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbGJhci1jb250YWluZXIgYXgtc21cIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+PC9uZy1jb250ZW50PlxuXG4gIDxkaXYgY2xhc3M9XCJheC13eXNpd3lnLXRvb2wtY29udGFpbmVyXCI+XG4gICAgPGF4LWJ1dHRvbiBjbGFzcz1cIlwiIChjbGljayk9XCJib2xkKClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1ib2xkXCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwiaXRhbGljKClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1pdGFsaWNcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtYnV0dG9uIChjbGljayk9XCJ1bmRlckxpbmUoKVwiIGxvb2s9XCJibGFua1wiIFt0b2dnbGVhYmxlXT1cInRydWVcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXVuZGVyLWxpbmVcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtc2VsZWN0LWJveCAobmdNb2RlbENoYW5nZSk9XCJmb250SGFuZGxlcigkZXZlbnQpXCIgW25nTW9kZWxdPVwic2VsZWN0ZWRGb250XCIgW2RhdGFTb3VyY2VdPVwiZm9udFNpemVcIiBwbGFjZWhvbGRlcj1cIkNob29zZS4uLlwiPlxuICAgIDwvYXgtc2VsZWN0LWJveD5cblxuICAgIDxheC1idXR0b24gKGNsaWNrKT1cIm9yZGVyTGlzdCgpXCIgbG9vaz1cImJsYW5rXCIgW3RvZ2dsZWFibGVdPVwidHJ1ZVwiPlxuICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tb3JkZXItbGlzdFwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1idXR0b24gKGNsaWNrKT1cInVuT3JkZXJMaXN0KClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi11bi1vcmRlci1saXN0XCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvblxuICAgICAgKGNsaWNrKT1cImFsaWduU3RhdGVIYW5kbGVyKCdsZWZ0JylcIlxuICAgICAgW2xvb2tdPVwiYWxpZ25TdGF0ZSgpICE9PSAnbGVmdCcgJiYgJ2JsYW5rJ1wiXG4gICAgICBbY29sb3JdPVwiYWxpZ25TdGF0ZSgpID09PSAnbGVmdCcgJiYgJ3ByaW1hcnknXCJcbiAgICA+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1sZWZ0XCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvblxuICAgICAgKGNsaWNrKT1cImFsaWduU3RhdGVIYW5kbGVyKCdjZW50ZXInKVwiXG4gICAgICBbbG9va109XCJhbGlnblN0YXRlKCkgIT09ICdjZW50ZXInICYmICdibGFuaydcIlxuICAgICAgW2NvbG9yXT1cImFsaWduU3RhdGUoKSA9PT0gJ2NlbnRlcicgJiYgJ3ByaW1hcnknXCJcbiAgICA+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1jZW50ZXJcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtYnV0dG9uXG4gICAgICAoY2xpY2spPVwiYWxpZ25TdGF0ZUhhbmRsZXIoJ3JpZ2h0JylcIlxuICAgICAgW2xvb2tdPVwiYWxpZ25TdGF0ZSgpICE9PSAncmlnaHQnICYmICdibGFuaydcIlxuICAgICAgW2NvbG9yXT1cImFsaWduU3RhdGUoKSA9PT0gJ3JpZ2h0JyAmJiAncHJpbWFyeSdcIlxuICAgID5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLXJpZ2h0XCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuICA8L2Rpdj5cblxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy93eXNpd3lnL3NyYy9saWIvd3lzaXd5Zy93eXNpd3lnLXRvb2xiYXIvd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBZ0IsWUFBWSxFQUFlLE1BQU0sMkJBQTJCLENBQUM7QUFFcEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7OztBQVF0RCxNQUFNLE9BQU8seUJBQXlCO0lBdURwQyxVQUFVO1FBQ1IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRDtRQTFEQSxlQUFVLEdBQUcsTUFBTSxFQUFnQixDQUFDO1FBQ3BDLFlBQU8sR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUV6QixZQUFPLEdBQUcsTUFBTSxDQUFtQixJQUFJLENBQUMsQ0FBQztRQUN6QyxjQUFTLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLG1CQUFjLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLG9CQUFlLEdBQUcs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TUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVCLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0FsS1UseUJBQXlCO2tHQUF6Qix5QkFBeUIsaUdDWnRDLHN2SkF1SEE7OzJGRDNHYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFd5c2l3eWcgfSBmcm9tICdAYWNvcmV4L2Nkay93eXNpd3lnJztcbmltcG9ydCB7IEFYQ2xpY2tFdmVudCwgQVhEYXRhU291cmNlLCBBWFBsYWNlbWVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhQb3BvdmVyQ2xvc2VUcmlnZ2VyLCBBWFBvcG92ZXJPcGVuVHJpZ2dlciB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wb3BvdmVyJztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGFmdGVyTmV4dFJlbmRlciwgaW5qZWN0LCBvdXRwdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhXeXNpd3lnU2VydmljZSB9IGZyb20gJy4uL3d5c2l3eWcuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXd5c2l3eWctdG9vbGJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi93eXNpd3lnLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vd3lzaXd5Zy10b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhXeXNpd3lnVG9vbGJhckNvbXBvbmVudCB7XG4gIG91dHB1dEhUTUwgPSBvdXRwdXQ8QVhDbGlja0V2ZW50PigpO1xuICBzZXJ2aWNlID0gaW5qZWN0KEFYV3lzaXd5Z1NlcnZpY2UpO1xuXG4gIHByb3RlY3RlZCB3eXNpd3lnID0gc2lnbmFsPEFYV3lzaXd5ZyB8IG51bGw+KG51bGwpO1xuICBwcm90ZWN0ZWQgYm9sZFN0YXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcHJvdGVjdGVkIGl0YWxpY1N0YXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcHJvdGVjdGVkIHVuZGVyTGluZVN0YXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcHJvdGVjdGVkIHN0cmlrZUxpbmVTdGF0ZSA9IHNpZ25hbChmYWxzZSk7XG4gIHByb3RlY3RlZCBvcmRlckxpc3RTdGF0ZSA9IHNpZ25hbCgnJyk7XG4gIHByb3RlY3RlZCB1bk9yZGVyTGlzdFN0YXRlID0gc2lnbmFsKCcnKTtcbiAgcHJvdGVjdGVkIGFsaWduU3RhdGUgPSBzaWduYWwoJycpO1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRGb250ID0gJ21lZGl1bSc7XG4gIHByb3RlY3RlZCBzZWxlY3RlZENvbG9yID0gJyc7XG4gIHByb3RlY3RlZCBzZWxlY3RlZEhpZ2hsaWdodENvbG9yID0gJyc7XG4gIHByb3RlY3RlZCBsaW5rQWRkcmVzcyA9ICcnO1xuXG4gIHByb3RlY3RlZCBmb250U2l6ZSA9IG5ldyBBWERhdGFTb3VyY2U8c3RyaW5nPih7XG4gICAgcGFnZVNpemU6IDEwLFxuICAgIGtleTogJ2lkJyxcbiAgICBsb2FkOiAoZSkgPT4ge1xuICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiB7XG4gICAgICAgIHJlc29sdmUoe1xuICAgICAgICAgIGl0ZW1zOiBbJ3NtYWxsJywgJ21lZGl1bScsICdsYXJnZScsICdodWdlJ10sXG4gICAgICAgICAgdG90YWw6IDQsXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gICAgfSxcbiAgICBieUtleTogKGtleSkgPT4ge1xuICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiB7XG4gICAgICAgIHJlc29sdmUoJ21lZGl1bScpO1xuICAgICAgfSk7XG4gICAgfSxcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIHBvcG92ZXJPcHRpb246IHtcbiAgICBvcGVuT246IEFYUG9wb3Zlck9wZW5UcmlnZ2VyO1xuICAgIGNsb3NlT246IEFYUG9wb3ZlckNsb3NlVHJpZ2dlcjtcbiAgICBwbGFjZW1lbnQ6IEFYUGxhY2VtZW50O1xuICAgIG9mZnNldFg6IG51bWJlcjtcbiAgICBvZmZzZXRZOiBudW1iZXI7XG4gIH0gPSB7XG4gICAgb3Blbk9uOiAnY2xpY2snLFxuICAgIGNsb3NlT246ICdjbGlja091dCcsXG4gICAgcGxhY2VtZW50OiAndG9wJyxcbiAgICBvZmZzZXRYOiAwLFxuICAgIG9mZnNldFk6IDAsXG4gIH07XG5cbiAgdGV4dEJveE9wdGlvbnMgPSB7XG4gICAgdGV4dDogJycsXG4gICAgcGxhY2Vob2xkZXI6ICdFbnRlciB5b3IgdXJsIC4uLicsXG4gICAgc2l6ZTogJ2F4LXNtJyxcbiAgfTtcblxuICBzdWJtaXRMaW5rKCkge1xuICAgIHRoaXMud3lzaXd5ZygpLmFkZEltYWdlKHRoaXMudGV4dEJveE9wdGlvbnMudGV4dCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy53eXNpd3lnLnNldCh0aGlzLnNlcnZpY2Uud3lzaXd5ZygpKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNoYW5nZUNvbG9ySGFuZGxlcihlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdGVkQ29sb3IgPSBlO1xuICAgIHRoaXMud3lzaXd5ZygpLmNvbG9yKGUpO1xuICB9XG5cbiAgY2hhbmdlSGlnaGxpZ2h0Q29sb3JIYW5kbGVyKGU6IHN0cmluZykge1xuICAgIHRoaXMuc2VsZWN0ZWRIaWdobGlnaHRDb2xvciA9IGU7XG4gICAgdGhpcy53eXNpd3lnKCkuYmFja2dyb3VuZChlKTtcbiAgfVxuXG4gIGZvbnRIYW5kbGVyKGU6IGFueSkge1xuICAgIHRoaXMud3lzaXd5ZygpLmZvbnRTaXplKGUpO1xuICB9XG5cbiAgYm9sZCgpIHtcbiAgICBpZiAodGhpcy5ib2xkU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkuYm9sZChmYWxzZSk7XG4gICAgICB0aGlzLmJvbGRTdGF0ZS5zZXQoZmFsc2UpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5ib2xkKHRydWUpO1xuICAgICAgdGhpcy5ib2xkU3RhdGUuc2V0KHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIG91dCgpIHtcbiAgICB0aGlzLm91dHB1dEhUTUwuZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBkYXRhOiB7IHZhbHVlOiB0aGlzLnd5c2l3eWcoKS5IVE1Mb3V0cHV0IH0sXG4gICAgICBpc1VzZXJJbnRlcmFjdGlvbjogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIGl0YWxpYygpIHtcbiAgICBpZiAodGhpcy5pdGFsaWNTdGF0ZSgpKSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5pdGFsaWMoZmFsc2UpO1xuICAgICAgdGhpcy5pdGFsaWNTdGF0ZS5zZXQoZmFsc2UpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5pdGFsaWModHJ1ZSk7XG4gICAgICB0aGlzLml0YWxpY1N0YXRlLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICB1bmRlckxpbmUoKSB7XG4gICAgaWYgKHRoaXMudW5kZXJMaW5lU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkudW5kZXJMaW5lKGZhbHNlKTtcbiAgICAgIHRoaXMudW5kZXJMaW5lU3RhdGUuc2V0KGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkudW5kZXJMaW5lKHRydWUpO1xuICAgICAgdGhpcy51bmRlckxpbmVTdGF0ZS5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgb3JkZXJMaXN0KCkge1xuICAgIGlmICh0aGlzLm9yZGVyTGlzdFN0YXRlKCkpIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLmxpc3QoJycpO1xuICAgICAgdGhpcy5vcmRlckxpc3RTdGF0ZS5zZXQoJycpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnd5c2l3eWcoKS5saXN0KCdvcmRlcmVkJyk7XG4gICAgICB0aGlzLm9yZGVyTGlzdFN0YXRlLnNldCgnb3JkZXJlZCcpO1xuICAgIH1cbiAgfVxuXG4gIHVuT3JkZXJMaXN0KCkge1xuICAgIGlmICh0aGlzLnVuT3JkZXJMaXN0U3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkubGlzdCgnJyk7XG4gICAgICB0aGlzLnVuT3JkZXJMaXN0U3RhdGUuc2V0KCcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy53eXNpd3lnKCkubGlzdCgnYnVsbGV0Jyk7XG4gICAgICB0aGlzLnVuT3JkZXJMaXN0U3RhdGUuc2V0KCdidWxsZXQnKTtcbiAgICB9XG4gIH1cblxuICBhbGlnblN0YXRlSGFuZGxlcihlOiBhbnkpIHtcbiAgICB0aGlzLmFsaWduU3RhdGUuc2V0KGUpO1xuICAgIHRoaXMud3lzaXd5ZygpLmFsaWduKGUpO1xuICB9XG5cbiAgdW5kbygpIHtcbiAgICB0aGlzLnd5c2l3eWcoKS51bmRvKCk7XG4gIH1cblxuICByZWRvKCkge1xuICAgIHRoaXMud3lzaXd5ZygpLnJlZG8oKTtcbiAgfVxuXG4gIHN0cmlrZSgpIHtcbiAgICBpZiAodGhpcy5zdHJpa2VMaW5lU3RhdGUoKSkge1xuICAgICAgdGhpcy53eXNpd3lnKCkuc3RyaWtlKGZhbHNlKTtcbiAgICAgIHRoaXMuc3RyaWtlTGluZVN0YXRlLnNldChmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMud3lzaXd5ZygpLnN0cmlrZSh0cnVlKTtcbiAgICAgIHRoaXMuc3RyaWtlTGluZVN0YXRlLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBiYWNrZ3JvdW5kKCkge1xuICAgIHRoaXMud3lzaXd5ZygpLmJhY2tncm91bmQoJ3JlZCcpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtd3lzaXd5Zy10b29sYmFyLWNvbnRhaW5lciBheC1zbVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG5cbiAgPGRpdiBjbGFzcz1cImF4LXd5c2l3eWctdG9vbC1jb250YWluZXJcIj5cbiAgICA8YXgtYnV0dG9uIGNsYXNzPVwiXCIgKGNsaWNrKT1cInVuZG8oKVwiIGxvb2s9XCJibGFua1wiPlxuICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tdW5kb1wiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1idXR0b24gY2xhc3M9XCJcIiAoY2xpY2spPVwicmVkbygpXCIgbG9vaz1cImJsYW5rXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1yZWRvXCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvbiBjbGFzcz1cIlwiIChjbGljayk9XCJib2xkKClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1ib2xkXCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwiaXRhbGljKClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1pdGFsaWNcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtYnV0dG9uIChjbGljayk9XCJ1bmRlckxpbmUoKVwiIGxvb2s9XCJibGFua1wiIFt0b2dnbGVhYmxlXT1cInRydWVcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXVuZGVyLWxpbmVcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtYnV0dG9uIChjbGljayk9XCJzdHJpa2UoKVwiIGxvb2s9XCJibGFua1wiIFt0b2dnbGVhYmxlXT1cInRydWVcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXN0cmlrZVwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1idXR0b24gI2NvbG9yQnRuIGxvb2s9XCJibGFua1wiPlxuICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY29sb3ItcGFsZXR0ZVwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1idXR0b24gI2hpZ2hsaWdodEJ0biBsb29rPVwiYmxhbmtcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWhpZ2hsaWdodFwiPjwvYXgtaWNvbj5cbiAgICA8L2F4LWJ1dHRvbj5cblxuICAgIDxheC1wb3BvdmVyIFtvcGVuT25dPVwicG9wb3Zlck9wdGlvbi5vcGVuT25cIiBbY2xvc2VPbl09XCJwb3BvdmVyT3B0aW9uLmNsb3NlT25cIiBbdGFyZ2V0XT1cImNvbG9yQnRuXCIgW3BsYWNlbWVudF09XCJwb3BvdmVyT3B0aW9uLnBsYWNlbWVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImF4LW92ZXJsYXktcGFuZVwiPlxuICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZSAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VDb2xvckhhbmRsZXIoJGV2ZW50KVwiIFtuZ01vZGVsXT1cInNlbGVjdGVkQ29sb3JcIj5cbiAgICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PjwvYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3PlxuICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLXBpY2tlcj48L2F4LWNvbG9yLXBhbGV0dGUtcGlja2VyPlxuICAgICAgICAgIDxheC1jb2xvci1wYWxldHRlLWlucHV0PjwvYXgtY29sb3ItcGFsZXR0ZS1pbnB1dD5cbiAgICAgICAgPC9heC1jb2xvci1wYWxldHRlPlxuICAgICAgPC9kaXY+XG4gICAgPC9heC1wb3BvdmVyPlxuXG4gICAgPGF4LXBvcG92ZXJcbiAgICAgIFtvcGVuT25dPVwicG9wb3Zlck9wdGlvbi5vcGVuT25cIlxuICAgICAgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCJcbiAgICAgIFt0YXJnZXRdPVwiaGlnaGxpZ2h0QnRuXCJcbiAgICAgIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1vdmVybGF5LXBhbmVcIj5cbiAgICAgICAgPGF4LWNvbG9yLXBhbGV0dGUgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlSGlnaGxpZ2h0Q29sb3JIYW5kbGVyKCRldmVudClcIiBbbmdNb2RlbF09XCJzZWxlY3RlZEhpZ2hsaWdodENvbG9yXCI+XG4gICAgICAgICAgPGF4LWNvbG9yLXBhbGV0dGUtcHJldmlldz48L2F4LWNvbG9yLXBhbGV0dGUtcHJldmlldz5cbiAgICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZS1waWNrZXI+PC9heC1jb2xvci1wYWxldHRlLXBpY2tlcj5cbiAgICAgICAgICA8YXgtY29sb3ItcGFsZXR0ZS1pbnB1dD48L2F4LWNvbG9yLXBhbGV0dGUtaW5wdXQ+XG4gICAgICAgIDwvYXgtY29sb3ItcGFsZXR0ZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvYXgtcG9wb3Zlcj5cblxuICAgIDxheC1zZWxlY3QtYm94IChuZ01vZGVsQ2hhbmdlKT1cImZvbnRIYW5kbGVyKCRldmVudClcIiBbbmdNb2RlbF09XCJzZWxlY3RlZEZvbnRcIiBbZGF0YVNvdXJjZV09XCJmb250U2l6ZVwiIHBsYWNlaG9sZGVyPVwiQ2hvb3NlLi4uXCI+XG4gICAgPC9heC1zZWxlY3QtYm94PlxuXG4gICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwib3JkZXJMaXN0KClcIiBsb29rPVwiYmxhbmtcIiBbdG9nZ2xlYWJsZV09XCJ0cnVlXCI+XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1vcmRlci1saXN0XCI+PC9heC1pY29uPlxuICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgPGF4LWJ1dHRvbiAoY2xpY2spPVwidW5PcmRlckxpc3QoKVwiIGxvb2s9XCJibGFua1wiIFt0b2dnbGVhYmxlXT1cInRydWVcIj5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXVuLW9yZGVyLWxpc3RcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtYnV0dG9uIGxvb2s9XCJibGFua1wiICNhbGlnblBvcD5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLWxlZnRcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtcG9wb3ZlciBbb3Blbk9uXT1cInBvcG92ZXJPcHRpb24ub3Blbk9uXCIgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCIgW3RhcmdldF09XCJhbGlnblBvcFwiIFtwbGFjZW1lbnRdPVwicG9wb3Zlck9wdGlvbi5wbGFjZW1lbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1vdmVybGF5LXBhbmVcIj5cbiAgICAgICAgPGF4LWJ1dHRvblxuICAgICAgICAgIChjbGljayk9XCJhbGlnblN0YXRlSGFuZGxlcignbGVmdCcpXCJcbiAgICAgICAgICBbbG9va109XCJhbGlnblN0YXRlKCkgIT09ICdsZWZ0JyAmJiAnYmxhbmsnXCJcbiAgICAgICAgICBbY29sb3JdPVwiYWxpZ25TdGF0ZSgpID09PSAnbGVmdCcgJiYgJ3ByaW1hcnknXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWFsaWduLWxlZnRcIj48L2F4LWljb24+XG4gICAgICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgICAgIDxheC1idXR0b25cbiAgICAgICAgICAoY2xpY2spPVwiYWxpZ25TdGF0ZUhhbmRsZXIoJ2NlbnRlcicpXCJcbiAgICAgICAgICBbbG9va109XCJhbGlnblN0YXRlKCkgIT09ICdjZW50ZXInICYmICdibGFuaydcIlxuICAgICAgICAgIFtjb2xvcl09XCJhbGlnblN0YXRlKCkgPT09ICdjZW50ZXInICYmICdwcmltYXJ5J1wiXG4gICAgICAgID5cbiAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1jZW50ZXJcIj48L2F4LWljb24+XG4gICAgICAgIDwvYXgtYnV0dG9uPlxuXG4gICAgICAgIDxheC1idXR0b25cbiAgICAgICAgICAoY2xpY2spPVwiYWxpZ25TdGF0ZUhhbmRsZXIoJ3JpZ2h0JylcIlxuICAgICAgICAgIFtsb29rXT1cImFsaWduU3RhdGUoKSAhPT0gJ3JpZ2h0JyAmJiAnYmxhbmsnXCJcbiAgICAgICAgICBbY29sb3JdPVwiYWxpZ25TdGF0ZSgpID09PSAncmlnaHQnICYmICdwcmltYXJ5J1wiXG4gICAgICAgID5cbiAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1hbGlnbi1yaWdodFwiPjwvYXgtaWNvbj5cbiAgICAgICAgPC9heC1idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2F4LXBvcG92ZXI+XG5cbiAgICA8YXgtYnV0dG9uICNsaW5rQnRuIGxvb2s9XCJibGFua1wiPlxuICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pY29uIGF4LWljb24taW1hZ2VcIj48L2F4LWljb24+XG4gICAgPC9heC1idXR0b24+XG5cbiAgICA8YXgtcG9wb3ZlciBbb3Blbk9uXT1cInBvcG92ZXJPcHRpb24ub3Blbk9uXCIgW2Nsb3NlT25dPVwicG9wb3Zlck9wdGlvbi5jbG9zZU9uXCIgW3RhcmdldF09XCJsaW5rQnRuXCIgW3BsYWNlbWVudF09XCJwb3BvdmVyT3B0aW9uLnBsYWNlbWVudFwiPlxuICAgICAgPGF4LXRleHQtYm94IGNsYXNzPVwie3sgdGV4dEJveE9wdGlvbnMuc2l6ZSB9fVwiIFsobmdNb2RlbCldPVwidGV4dEJveE9wdGlvbnMudGV4dFwiIFtwbGFjZWhvbGRlcl09XCJ0ZXh0Qm94T3B0aW9ucy5wbGFjZWhvbGRlclwiPlxuICAgICAgPC9heC10ZXh0LWJveD5cbiAgICAgIDxheC1zdWZmaXg+XG4gICAgICAgIDxheC1idXR0b24gKGNsaWNrKT1cInN1Ym1pdExpbmsoKVwiIGNsYXNzPVwiYXgtc21cIiBjb2xvcj1cInNlY29uZGFyeVwiIHRleHQ9XCJBZGRcIj4gPC9heC1idXR0b24+XG4gICAgICA8L2F4LXN1ZmZpeD5cbiAgICA8L2F4LXBvcG92ZXI+XG4gIDwvZGl2PlxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/wysiwyg/lib/wysiwyg.module.mjs

@@ -4,15 +4,18 @@ import { AXSelectBoxModule } from '@acorex/components/select-box';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { AXWysiwygContainerComponent } from './wysiwyg/wysiwyg-container/wysiwyg-container.component';
+import { AXColorPaletteModule } from '@acorex/components/color-palette';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXWysiwygToolbarComponent } from './wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component';
 import { AXWysiwygViewComponent } from './wysiwyg/wysiwyg-view/wysiwyg-view.component';
 import { AXWysiwygService } from './wysiwyg/wysiwyg.service';
 import * as i0 from "@angular/core";
 const COMPONENT = [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent];
-const MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule];
+const MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule, AXColorPaletteModule, AXPopoverModule, AXTextBoxModule];
 export class AXWysiwygModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, declarations: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent], imports: [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule], exports: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, declarations: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent], imports: [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule, AXColorPaletteModule, AXPopoverModule, AXTextBoxModule], exports: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, providers: [AXWysiwygService], imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, decorators: [{
@@ -24,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                     providers: [AXWysiwygService],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvd3lzaXd5Zy9zcmMvbGliL3d5c2l3eWcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUV0RyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFFN0QsTUFBTSxTQUFTLEdBQUcsQ0FBQywyQkFBMkIsRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsQ0FBQyxDQUFDO0FBQ25HLE1BQU0sT0FBTyxHQUFHLENBQUMsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFdBQVcsQ0FBQyxDQUFDO0FBUXBGLE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFUVCwyQkFBMkIsRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsYUFDaEYsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFdBQVcsYUFEL0QsMkJBQTJCLEVBQUUsc0JBQXNCLEVBQUUseUJBQXlCOytHQVNwRixlQUFlLGFBRmYsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUZoQixPQUFPOzsyRkFJVCxlQUFlO2tCQU4zQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYU2VsZWN0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdC1ib3gnO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQVhXeXNpd3lnQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi93eXNpd3lnL3d5c2l3eWctY29udGFpbmVyL3d5c2l3eWctY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbmltcG9ydCB7IEFYV3lzaXd5Z1Rvb2xiYXJDb21wb25lbnQgfSBmcm9tICcuL3d5c2l3eWcvd3lzaXd5Zy10b29sYmFyL3d5c2l3eWctdG9vbGJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhXeXNpd3lnVmlld0NvbXBvbmVudCB9IGZyb20gJy4vd3lzaXd5Zy93eXNpd3lnLXZpZXcvd3lzaXd5Zy12aWV3LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFd5c2l3eWdTZXJ2aWNlIH0gZnJvbSAnLi93eXNpd3lnL3d5c2l3eWcuc2VydmljZSc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtBWFd5c2l3eWdDb250YWluZXJDb21wb25lbnQsIEFYV3lzaXd5Z1ZpZXdDb21wb25lbnQsIEFYV3lzaXd5Z1Rvb2xiYXJDb21wb25lbnRdO1xuY29uc3QgTU9EVUxFUyA9IFtBWEJ1dHRvbk1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYU2VsZWN0Qm94TW9kdWxlLCBGb3Jtc01vZHVsZV07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIHByb3ZpZGVyczogW0FYV3lzaXd5Z1NlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFd5c2l3eWdNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvd3lzaXd5Zy9zcmMvbGliL3d5c2l3eWcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUV0RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUU3RCxNQUFNLFNBQVMsR0FBRyxDQUFDLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFFbkcsTUFBTSxPQUFPLEdBQUcsQ0FBQyxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQztBQVE1SSxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBVlQsMkJBQTJCLEVBQUUsc0JBQXNCLEVBQUUseUJBQXlCLGFBRWhGLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsZUFBZSxFQUFFLGVBQWUsYUFGdkgsMkJBQTJCLEVBQUUsc0JBQXNCLEVBQUUseUJBQXlCOytHQVVwRixlQUFlLGFBRmYsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUZoQixPQUFPOzsyRkFJVCxlQUFlO2tCQU4zQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYU2VsZWN0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdC1ib3gnO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQVhXeXNpd3lnQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi93eXNpd3lnL3d5c2l3eWctY29udGFpbmVyL3d5c2l3eWctY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbmltcG9ydCB7IEFYQ29sb3JQYWxldHRlTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IHsgQVhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQVhUZXh0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3RleHQtYm94JztcbmltcG9ydCB7IEFYV3lzaXd5Z1Rvb2xiYXJDb21wb25lbnQgfSBmcm9tICcuL3d5c2l3eWcvd3lzaXd5Zy10b29sYmFyL3d5c2l3eWctdG9vbGJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhXeXNpd3lnVmlld0NvbXBvbmVudCB9IGZyb20gJy4vd3lzaXd5Zy93eXNpd3lnLXZpZXcvd3lzaXd5Zy12aWV3LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFd5c2l3eWdTZXJ2aWNlIH0gZnJvbSAnLi93eXNpd3lnL3d5c2l3eWcuc2VydmljZSc7XG5cbmNvbnN0IENPTVBPTkVOVCA9IFtBWFd5c2l3eWdDb250YWluZXJDb21wb25lbnQsIEFYV3lzaXd5Z1ZpZXdDb21wb25lbnQsIEFYV3lzaXd5Z1Rvb2xiYXJDb21wb25lbnRdO1xuXG5jb25zdCBNT0RVTEVTID0gW0FYQnV0dG9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhTZWxlY3RCb3hNb2R1bGUsIEZvcm1zTW9kdWxlLCBBWENvbG9yUGFsZXR0ZU1vZHVsZSwgQVhQb3BvdmVyTW9kdWxlLCBBWFRleHRCb3hNb2R1bGVdO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5DT01QT05FTlRdLFxuICBpbXBvcnRzOiBbLi4uTU9EVUxFU10sXG4gIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxuICBwcm92aWRlcnM6IFtBWFd5c2l3eWdTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhXeXNpd3lnTW9kdWxlIHt9XG4iXX0=

package/fesm2022/acorex-components-wysiwyg.mjs

@@ -10,6 +10,12 @@ import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
 import { MXBaseComponent, AXDataSource } from '@acorex/components/common';
+import * as i5 from '@acorex/components/color-palette';
+import { AXColorPaletteModule } from '@acorex/components/color-palette';
+import * as i6 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i7 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
 
 class AXWysiwygService {
     constructor() {
@@ -45,6 +51,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }], ctorParameters: () => [] });
 
 class AXWysiwygToolbarComponent {
+    submitLink() {
+        this.wysiwyg().addImage(this.textBoxOptions.text);
+    }
     constructor() {
         this.outputHTML = output();
         this.service = inject(AXWysiwygService);
@@ -52,9 +61,14 @@ class AXWysiwygToolbarComponent {
         this.boldState = signal(false);
         this.italicState = signal(false);
         this.underLineState = signal(false);
+        this.strikeLineState = signal(false);
         this.orderListState = signal('');
         this.unOrderListState = signal('');
         this.alignState = signal('');
+        this.selectedFont = 'medium';
+        this.selectedColor = '';
+        this.selectedHighlightColor = '';
+        this.linkAddress = '';
         this.fontSize = new AXDataSource({
             pageSize: 10,
             key: 'id',
@@ -72,11 +86,30 @@ class AXWysiwygToolbarComponent {
                 });
             },
         });
-        this.selectedFont = 'medium';
+        this.popoverOption = {
+            openOn: 'click',
+            closeOn: 'clickOut',
+            placement: 'top',
+            offsetX: 0,
+            offsetY: 0,
+        };
+        this.textBoxOptions = {
+            text: '',
+            placeholder: 'Enter yor url ...',
+            size: 'ax-sm',
+        };
         afterNextRender(() => {
             this.wysiwyg.set(this.service.wysiwyg());
         });
     }
+    changeColorHandler(e) {
+        this.selectedColor = e;
+        this.wysiwyg().color(e);
+    }
+    changeHighlightColorHandler(e) {
+        this.selectedHighlightColor = e;
+        this.wysiwyg().background(e);
+    }
     fontHandler(e) {
         this.wysiwyg().fontSize(e);
     }
@@ -141,12 +174,31 @@ class AXWysiwygToolbarComponent {
         this.alignState.set(e);
         this.wysiwyg().align(e);
     }
+    undo() {
+        this.wysiwyg().undo();
+    }
+    redo() {
+        this.wysiwyg().redo();
+    }
+    strike() {
+        if (this.strikeLineState()) {
+            this.wysiwyg().strike(false);
+            this.strikeLineState.set(false);
+        }
+        else {
+            this.wysiwyg().strike(true);
+            this.strikeLineState.set(true);
+        }
+    }
+    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: "14.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      [look]=\"alignState() !== 'left' && 'blank'\"\n      [color]=\"alignState() === 'left' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      [look]=\"alignState() !== 'center' && 'blank'\"\n      [color]=\"alignState() === 'center' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      [look]=\"alignState() !== 'right' && 'blank'\"\n      [color]=\"alignState() === 'right' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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", "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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"strike()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n    </ax-button>\n\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n\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-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    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button look=\"blank\" #alignPop>\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n      <div class=\"ax-overlay-pane\">\n        <ax-button\n          (click)=\"alignStateHandler('left')\"\n          [look]=\"alignState() !== 'left' && 'blank'\"\n          [color]=\"alignState() === 'left' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('center')\"\n          [look]=\"alignState() !== 'center' && 'blank'\"\n          [color]=\"alignState() === 'center' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('right')\"\n          [look]=\"alignState() !== 'right' && 'blank'\"\n          [color]=\"alignState() === 'right' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n        </ax-button>\n      </div>\n    </ax-popover>\n\n    <ax-button #linkBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"linkBtn\" [placement]=\"popoverOption.placement\">\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  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-wysiwyg-toolbar', template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      [look]=\"alignState() !== 'left' && 'blank'\"\n      [color]=\"alignState() === 'left' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      [look]=\"alignState() !== 'center' && 'blank'\"\n      [color]=\"alignState() === 'center' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      [look]=\"alignState() !== 'right' && 'blank'\"\n      [color]=\"alignState() === 'right' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"] }]
+            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"strike()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n    </ax-button>\n\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n\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-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    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button look=\"blank\" #alignPop>\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n      <div class=\"ax-overlay-pane\">\n        <ax-button\n          (click)=\"alignStateHandler('left')\"\n          [look]=\"alignState() !== 'left' && 'blank'\"\n          [color]=\"alignState() === 'left' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('center')\"\n          [look]=\"alignState() !== 'center' && 'blank'\"\n          [color]=\"alignState() === 'center' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('right')\"\n          [look]=\"alignState() !== 'right' && 'blank'\"\n          [color]=\"alignState() === 'right' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n        </ax-button>\n      </div>\n    </ax-popover>\n\n    <ax-button #linkBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"linkBtn\" [placement]=\"popoverOption.placement\">\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  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.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:1rem}\n"] }]
         }], ctorParameters: () => [] });
 
 class AXWysiwygViewComponent {
@@ -159,10 +211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 const COMPONENT = [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent];
-const MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule];
+const MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule, AXColorPaletteModule, AXPopoverModule, AXTextBoxModule];
 class AXWysiwygModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, declarations: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent], imports: [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule], exports: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, declarations: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent], imports: [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule, AXColorPaletteModule, AXPopoverModule, AXTextBoxModule], exports: [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, providers: [AXWysiwygService], imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygModule, decorators: [{

package/fesm2022/acorex-components-wysiwyg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-wysiwyg.mjs","sources":["../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg.service.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg.module.ts","../../../../libs/components/wysiwyg/src/acorex-components-wysiwyg.ts"],"sourcesContent":["import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { Injectable, signal } from '@angular/core';\n\n@Injectable()\nexport class AXWysiwygService {\n  wysiwyg = signal<AXWysiwyg | null>(null);\n}\n","import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { MXBaseComponent } from '@acorex/components/common';\nimport { Component, ViewEncapsulation, afterNextRender, inject, signal } from '@angular/core';\nimport { AXWysiwygService } from '../wysiwyg.service';\n\n@Component({\n  selector: 'ax-wysiwyg-container',\n  templateUrl: './wysiwyg-container.component.html',\n  styleUrl: './wysiwyg-container.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXWysiwygContainerComponent extends MXBaseComponent {\n  wysiwyg = signal<AXWysiwyg>(null);\n  view = signal<HTMLElement | null>(null);\n  service = inject(AXWysiwygService);\n\n  constructor() {\n    super();\n    afterNextRender(() => {\n      this.view.set(this.getHostElement().querySelector('ax-wysiwyg-view') as HTMLElement);\n\n      this.wysiwyg.set(\n        new AXWysiwyg(this.view(), {\n          placeholder: 'Write Your Message ...',\n        }),\n      );\n\n      this.service.wysiwyg.set(this.wysiwyg());\n    });\n  }\n}\n","<ng-content></ng-content>\n","import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { AXClickEvent, AXDataSource } from '@acorex/components/common';\nimport { Component, afterNextRender, inject, output, signal } from '@angular/core';\nimport { AXWysiwygService } from '../wysiwyg.service';\n\n@Component({\n  selector: 'ax-wysiwyg-toolbar',\n  templateUrl: './wysiwyg-toolbar.component.html',\n  styleUrl: './wysiwyg-toolbar.component.scss',\n})\nexport class AXWysiwygToolbarComponent {\n  outputHTML = output<AXClickEvent>();\n  service = inject(AXWysiwygService);\n\n  wysiwyg = signal<AXWysiwyg | null>(null);\n  boldState = signal(false);\n  italicState = signal(false);\n  underLineState = signal(false);\n  orderListState = signal('');\n  unOrderListState = signal('');\n  alignState = signal('');\n\n  protected fontSize = new AXDataSource<string>({\n    pageSize: 10,\n    key: 'id',\n    load: (e) => {\n      return new Promise((resolve) => {\n        resolve({\n          items: ['small', 'medium', 'large', 'huge'],\n          total: 4,\n        });\n      });\n    },\n    byKey: (key) => {\n      return new Promise((resolve) => {\n        resolve('medium');\n      });\n    },\n  });\n  protected selectedFont = 'medium';\n\n  constructor() {\n    afterNextRender(() => {\n      this.wysiwyg.set(this.service.wysiwyg());\n    });\n  }\n\n  fontHandler(e: any) {\n    this.wysiwyg().fontSize(e);\n  }\n\n  bold() {\n    if (this.boldState()) {\n      this.wysiwyg().bold(false);\n      this.boldState.set(false);\n    } else {\n      this.wysiwyg().bold(true);\n      this.boldState.set(true);\n    }\n  }\n\n  out() {\n    this.outputHTML.emit({\n      component: this,\n      data: { value: this.wysiwyg().HTMLoutput },\n      isUserInteraction: true,\n    });\n  }\n\n  italic() {\n    if (this.italicState()) {\n      this.wysiwyg().italic(false);\n      this.italicState.set(false);\n    } else {\n      this.wysiwyg().italic(true);\n      this.italicState.set(true);\n    }\n  }\n\n  underLine() {\n    if (this.underLineState()) {\n      this.wysiwyg().underLine(false);\n      this.underLineState.set(false);\n    } else {\n      this.wysiwyg().underLine(true);\n      this.underLineState.set(true);\n    }\n  }\n\n  orderList() {\n    if (this.orderListState()) {\n      this.wysiwyg().list('');\n      this.orderListState.set('');\n    } else {\n      this.wysiwyg().list('ordered');\n      this.orderListState.set('ordered');\n    }\n  }\n\n  unOrderList() {\n    if (this.unOrderListState()) {\n      this.wysiwyg().list('');\n      this.unOrderListState.set('');\n    } else {\n      this.wysiwyg().list('bullet');\n      this.unOrderListState.set('bullet');\n    }\n  }\n\n  alignStateHandler(e: any) {\n    this.alignState.set(e);\n    this.wysiwyg().align(e);\n  }\n}\n","<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      [look]=\"alignState() !== 'left' && 'blank'\"\n      [color]=\"alignState() === 'left' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      [look]=\"alignState() !== 'center' && 'blank'\"\n      [color]=\"alignState() === 'center' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      [look]=\"alignState() !== 'right' && 'blank'\"\n      [color]=\"alignState() === 'right' && 'primary'\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-wysiwyg-view',\n  templateUrl: './wysiwyg-view.component.html',\n  styleUrl: './wysiwyg-view.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXWysiwygViewComponent {}\n","<!-- wysiwyg editor render here -->\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXWysiwygContainerComponent } from './wysiwyg/wysiwyg-container/wysiwyg-container.component';\n\nimport { AXWysiwygToolbarComponent } from './wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component';\nimport { AXWysiwygViewComponent } from './wysiwyg/wysiwyg-view/wysiwyg-view.component';\nimport { AXWysiwygService } from './wysiwyg/wysiwyg.service';\n\nconst COMPONENT = [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent];\nconst MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXWysiwygService],\n})\nexport class AXWysiwygModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-wysiwyg.mjs","sources":["../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg.service.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.ts","../../../../libs/components/wysiwyg/src/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.html","../../../../libs/components/wysiwyg/src/lib/wysiwyg.module.ts","../../../../libs/components/wysiwyg/src/acorex-components-wysiwyg.ts"],"sourcesContent":["import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { Injectable, signal } from '@angular/core';\n\n@Injectable()\nexport class AXWysiwygService {\n  wysiwyg = signal<AXWysiwyg | null>(null);\n}\n","import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { MXBaseComponent } from '@acorex/components/common';\nimport { Component, ViewEncapsulation, afterNextRender, inject, signal } from '@angular/core';\nimport { AXWysiwygService } from '../wysiwyg.service';\n\n@Component({\n  selector: 'ax-wysiwyg-container',\n  templateUrl: './wysiwyg-container.component.html',\n  styleUrl: './wysiwyg-container.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXWysiwygContainerComponent extends MXBaseComponent {\n  wysiwyg = signal<AXWysiwyg>(null);\n  view = signal<HTMLElement | null>(null);\n  service = inject(AXWysiwygService);\n\n  constructor() {\n    super();\n    afterNextRender(() => {\n      this.view.set(this.getHostElement().querySelector('ax-wysiwyg-view') as HTMLElement);\n\n      this.wysiwyg.set(\n        new AXWysiwyg(this.view(), {\n          placeholder: 'Write Your Message ...',\n        }),\n      );\n\n      this.service.wysiwyg.set(this.wysiwyg());\n    });\n  }\n}\n","<ng-content></ng-content>\n","import { AXWysiwyg } from '@acorex/cdk/wysiwyg';\nimport { AXClickEvent, AXDataSource, AXPlacement } from '@acorex/components/common';\nimport { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';\nimport { Component, ViewEncapsulation, afterNextRender, inject, output, signal } from '@angular/core';\nimport { AXWysiwygService } from '../wysiwyg.service';\n\n@Component({\n  selector: 'ax-wysiwyg-toolbar',\n  templateUrl: './wysiwyg-toolbar.component.html',\n  styleUrl: './wysiwyg-toolbar.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXWysiwygToolbarComponent {\n  outputHTML = output<AXClickEvent>();\n  service = inject(AXWysiwygService);\n\n  protected wysiwyg = signal<AXWysiwyg | null>(null);\n  protected boldState = signal(false);\n  protected italicState = signal(false);\n  protected underLineState = signal(false);\n  protected strikeLineState = signal(false);\n  protected orderListState = signal('');\n  protected unOrderListState = signal('');\n  protected alignState = signal('');\n  protected selectedFont = 'medium';\n  protected selectedColor = '';\n  protected selectedHighlightColor = '';\n  protected linkAddress = '';\n\n  protected fontSize = new AXDataSource<string>({\n    pageSize: 10,\n    key: 'id',\n    load: (e) => {\n      return new Promise((resolve) => {\n        resolve({\n          items: ['small', 'medium', 'large', 'huge'],\n          total: 4,\n        });\n      });\n    },\n    byKey: (key) => {\n      return new Promise((resolve) => {\n        resolve('medium');\n      });\n    },\n  });\n\n  protected popoverOption: {\n    openOn: AXPopoverOpenTrigger;\n    closeOn: AXPopoverCloseTrigger;\n    placement: AXPlacement;\n    offsetX: number;\n    offsetY: number;\n  } = {\n    openOn: 'click',\n    closeOn: 'clickOut',\n    placement: 'top',\n    offsetX: 0,\n    offsetY: 0,\n  };\n\n  textBoxOptions = {\n    text: '',\n    placeholder: 'Enter yor url ...',\n    size: 'ax-sm',\n  };\n\n  submitLink() {\n    this.wysiwyg().addImage(this.textBoxOptions.text);\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      this.wysiwyg.set(this.service.wysiwyg());\n    });\n  }\n\n  changeColorHandler(e: string) {\n    this.selectedColor = e;\n    this.wysiwyg().color(e);\n  }\n\n  changeHighlightColorHandler(e: string) {\n    this.selectedHighlightColor = e;\n    this.wysiwyg().background(e);\n  }\n\n  fontHandler(e: any) {\n    this.wysiwyg().fontSize(e);\n  }\n\n  bold() {\n    if (this.boldState()) {\n      this.wysiwyg().bold(false);\n      this.boldState.set(false);\n    } else {\n      this.wysiwyg().bold(true);\n      this.boldState.set(true);\n    }\n  }\n\n  out() {\n    this.outputHTML.emit({\n      component: this,\n      data: { value: this.wysiwyg().HTMLoutput },\n      isUserInteraction: true,\n    });\n  }\n\n  italic() {\n    if (this.italicState()) {\n      this.wysiwyg().italic(false);\n      this.italicState.set(false);\n    } else {\n      this.wysiwyg().italic(true);\n      this.italicState.set(true);\n    }\n  }\n\n  underLine() {\n    if (this.underLineState()) {\n      this.wysiwyg().underLine(false);\n      this.underLineState.set(false);\n    } else {\n      this.wysiwyg().underLine(true);\n      this.underLineState.set(true);\n    }\n  }\n\n  orderList() {\n    if (this.orderListState()) {\n      this.wysiwyg().list('');\n      this.orderListState.set('');\n    } else {\n      this.wysiwyg().list('ordered');\n      this.orderListState.set('ordered');\n    }\n  }\n\n  unOrderList() {\n    if (this.unOrderListState()) {\n      this.wysiwyg().list('');\n      this.unOrderListState.set('');\n    } else {\n      this.wysiwyg().list('bullet');\n      this.unOrderListState.set('bullet');\n    }\n  }\n\n  alignStateHandler(e: any) {\n    this.alignState.set(e);\n    this.wysiwyg().align(e);\n  }\n\n  undo() {\n    this.wysiwyg().undo();\n  }\n\n  redo() {\n    this.wysiwyg().redo();\n  }\n\n  strike() {\n    if (this.strikeLineState()) {\n      this.wysiwyg().strike(false);\n      this.strikeLineState.set(false);\n    } else {\n      this.wysiwyg().strike(true);\n      this.strikeLineState.set(true);\n    }\n  }\n\n  background() {\n    this.wysiwyg().background('red');\n  }\n}\n","<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n    </ax-button>\n\n    <ax-button class=\"\" (click)=\"bold()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"italic()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"underLine()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"strike()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n    </ax-button>\n\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n\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-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    <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n    </ax-select-box>\n\n    <ax-button (click)=\"orderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button (click)=\"unOrderList()\" look=\"blank\" [toggleable]=\"true\">\n      <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n    </ax-button>\n\n    <ax-button look=\"blank\" #alignPop>\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"alignPop\" [placement]=\"popoverOption.placement\">\n      <div class=\"ax-overlay-pane\">\n        <ax-button\n          (click)=\"alignStateHandler('left')\"\n          [look]=\"alignState() !== 'left' && 'blank'\"\n          [color]=\"alignState() === 'left' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('center')\"\n          [look]=\"alignState() !== 'center' && 'blank'\"\n          [color]=\"alignState() === 'center' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n        </ax-button>\n\n        <ax-button\n          (click)=\"alignStateHandler('right')\"\n          [look]=\"alignState() !== 'right' && 'blank'\"\n          [color]=\"alignState() === 'right' && 'primary'\"\n        >\n          <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n        </ax-button>\n      </div>\n    </ax-popover>\n\n    <ax-button #linkBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n    </ax-button>\n\n    <ax-popover [openOn]=\"popoverOption.openOn\" [closeOn]=\"popoverOption.closeOn\" [target]=\"linkBtn\" [placement]=\"popoverOption.placement\">\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  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-wysiwyg-view',\n  templateUrl: './wysiwyg-view.component.html',\n  styleUrl: './wysiwyg-view.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXWysiwygViewComponent {}\n","<!-- wysiwyg editor render here -->\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXWysiwygContainerComponent } from './wysiwyg/wysiwyg-container/wysiwyg-container.component';\n\nimport { AXColorPaletteModule } from '@acorex/components/color-palette';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXWysiwygToolbarComponent } from './wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component';\nimport { AXWysiwygViewComponent } from './wysiwyg/wysiwyg-view/wysiwyg-view.component';\nimport { AXWysiwygService } from './wysiwyg/wysiwyg.service';\n\nconst COMPONENT = [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent];\n\nconst MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule, AXColorPaletteModule, AXPopoverModule, AXTextBoxModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXWysiwygService],\n})\nexport class AXWysiwygModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.5.3",
+  "version": "18.5.5",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -37,11 +37,11 @@
       "esm": "./esm2022/alert/acorex-components-alert.mjs",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
-    "./audio-wave": {
-      "types": "./audio-wave/index.d.ts",
-      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "default": "./fesm2022/acorex-components-audio-wave.mjs"
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "default": "./fesm2022/acorex-components-avatar.mjs"
     },
     "./badge": {
       "types": "./badge/index.d.ts",
@@ -55,11 +55,11 @@
       "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
       "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "default": "./fesm2022/acorex-components-avatar.mjs"
+    "./audio-wave": {
+      "types": "./audio-wave/index.d.ts",
+      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
@@ -169,18 +169,18 @@
       "esm": "./esm2022/datetime-picker/acorex-components-datetime-picker.mjs",
       "default": "./fesm2022/acorex-components-datetime-picker.mjs"
     },
-    "./decorators": {
-      "types": "./decorators/index.d.ts",
-      "esm2022": "./esm2022/decorators/acorex-components-decorators.mjs",
-      "esm": "./esm2022/decorators/acorex-components-decorators.mjs",
-      "default": "./fesm2022/acorex-components-decorators.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
       "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
+    "./decorators": {
+      "types": "./decorators/index.d.ts",
+      "esm2022": "./esm2022/decorators/acorex-components-decorators.mjs",
+      "esm": "./esm2022/decorators/acorex-components-decorators.mjs",
+      "default": "./fesm2022/acorex-components-decorators.mjs"
+    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "esm2022": "./esm2022/drawer/acorex-components-drawer.mjs",
@@ -289,18 +289,18 @@
       "esm": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "default": "./fesm2022/acorex-components-phone-box.mjs"
     },
-    "./picker": {
-      "types": "./picker/index.d.ts",
-      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
-      "esm": "./esm2022/picker/acorex-components-picker.mjs",
-      "default": "./fesm2022/acorex-components-picker.mjs"
-    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "esm2022": "./esm2022/popover/acorex-components-popover.mjs",
       "esm": "./esm2022/popover/acorex-components-popover.mjs",
       "default": "./fesm2022/acorex-components-popover.mjs"
     },
+    "./picker": {
+      "types": "./picker/index.d.ts",
+      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
+      "esm": "./esm2022/picker/acorex-components-picker.mjs",
+      "default": "./fesm2022/acorex-components-picker.mjs"
+    },
     "./popup": {
       "types": "./popup/index.d.ts",
       "esm2022": "./esm2022/popup/acorex-components-popup.mjs",
@@ -343,12 +343,6 @@
       "esm": "./esm2022/scheduler/acorex-components-scheduler.mjs",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
-    "./scss": {
-      "types": "./scss/index.d.ts",
-      "esm2022": "./esm2022/scss/acorex-components-scss.mjs",
-      "esm": "./esm2022/scss/acorex-components-scss.mjs",
-      "default": "./fesm2022/acorex-components-scss.mjs"
-    },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "esm2022": "./esm2022/search-box/acorex-components-search-box.mjs",
@@ -361,6 +355,12 @@
       "esm": "./esm2022/select-box/acorex-components-select-box.mjs",
       "default": "./fesm2022/acorex-components-select-box.mjs"
     },
+    "./scss": {
+      "types": "./scss/index.d.ts",
+      "esm2022": "./esm2022/scss/acorex-components-scss.mjs",
+      "esm": "./esm2022/scss/acorex-components-scss.mjs",
+      "default": "./fesm2022/acorex-components-scss.mjs"
+    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",

package/wysiwyg/lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component.d.ts

@@ -1,20 +1,40 @@
 import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
-import { AXClickEvent, AXDataSource } from '@acorex/components/common';
+import { AXClickEvent, AXDataSource, AXPlacement } from '@acorex/components/common';
+import { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';
 import { AXWysiwygService } from '../wysiwyg.service';
 import * as i0 from "@angular/core";
 export declare class AXWysiwygToolbarComponent {
     outputHTML: import("@angular/core").OutputEmitterRef<AXClickEvent>;
     service: AXWysiwygService;
-    wysiwyg: import("@angular/core").WritableSignal<AXWysiwyg>;
-    boldState: import("@angular/core").WritableSignal<boolean>;
-    italicState: import("@angular/core").WritableSignal<boolean>;
-    underLineState: import("@angular/core").WritableSignal<boolean>;
-    orderListState: import("@angular/core").WritableSignal<string>;
-    unOrderListState: import("@angular/core").WritableSignal<string>;
-    alignState: import("@angular/core").WritableSignal<string>;
-    protected fontSize: AXDataSource<string>;
+    protected wysiwyg: import("@angular/core").WritableSignal<AXWysiwyg>;
+    protected boldState: import("@angular/core").WritableSignal<boolean>;
+    protected italicState: import("@angular/core").WritableSignal<boolean>;
+    protected underLineState: import("@angular/core").WritableSignal<boolean>;
+    protected strikeLineState: import("@angular/core").WritableSignal<boolean>;
+    protected orderListState: import("@angular/core").WritableSignal<string>;
+    protected unOrderListState: import("@angular/core").WritableSignal<string>;
+    protected alignState: import("@angular/core").WritableSignal<string>;
     protected selectedFont: string;
+    protected selectedColor: string;
+    protected selectedHighlightColor: string;
+    protected linkAddress: string;
+    protected fontSize: AXDataSource<string>;
+    protected popoverOption: {
+        openOn: AXPopoverOpenTrigger;
+        closeOn: AXPopoverCloseTrigger;
+        placement: AXPlacement;
+        offsetX: number;
+        offsetY: number;
+    };
+    textBoxOptions: {
+        text: string;
+        placeholder: string;
+        size: string;
+    };
+    submitLink(): void;
     constructor();
+    changeColorHandler(e: string): void;
+    changeHighlightColorHandler(e: string): void;
     fontHandler(e: any): void;
     bold(): void;
     out(): void;
@@ -23,6 +43,10 @@ export declare class AXWysiwygToolbarComponent {
     orderList(): void;
     unOrderList(): void;
     alignStateHandler(e: any): void;
+    undo(): void;
+    redo(): void;
+    strike(): void;
+    background(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygToolbarComponent, "ax-wysiwyg-toolbar", never, {}, { "outputHTML": "outputHTML"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

package/wysiwyg/lib/wysiwyg.module.d.ts

@@ -6,8 +6,11 @@ import * as i4 from "@acorex/components/button";
 import * as i5 from "@acorex/components/decorators";
 import * as i6 from "@acorex/components/select-box";
 import * as i7 from "@angular/forms";
+import * as i8 from "@acorex/components/color-palette";
+import * as i9 from "@acorex/components/popover";
+import * as i10 from "@acorex/components/text-box";
 export declare class AXWysiwygModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXWysiwygModule, [typeof i1.AXWysiwygContainerComponent, typeof i2.AXWysiwygViewComponent, typeof i3.AXWysiwygToolbarComponent], [typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof i6.AXSelectBoxModule, typeof i7.FormsModule], [typeof i1.AXWysiwygContainerComponent, typeof i2.AXWysiwygViewComponent, typeof i3.AXWysiwygToolbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXWysiwygModule, [typeof i1.AXWysiwygContainerComponent, typeof i2.AXWysiwygViewComponent, typeof i3.AXWysiwygToolbarComponent], [typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof i6.AXSelectBoxModule, typeof i7.FormsModule, typeof i8.AXColorPaletteModule, typeof i9.AXPopoverModule, typeof i10.AXTextBoxModule], [typeof i1.AXWysiwygContainerComponent, typeof i2.AXWysiwygViewComponent, typeof i3.AXWysiwygToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXWysiwygModule>;
 }