@acorex/components 18.4.3 → 18.5.0

package/fesm2022/acorex-components-wysiwyg.mjs

@@ -0,0 +1,183 @@
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i0 from '@angular/core';
+import { signal, Injectable, inject, afterNextRender, Component, ViewEncapsulation, output, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
+import { MXBaseComponent, AXDataSource } from '@acorex/components/common';
+
+class AXWysiwygService {
+    constructor() {
+        this.wysiwyg = signal(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygService, decorators: [{
+            type: Injectable
+        }] });
+
+class AXWysiwygContainerComponent extends MXBaseComponent {
+    constructor() {
+        super();
+        this.wysiwyg = signal(null);
+        this.view = signal(null);
+        this.service = inject(AXWysiwygService);
+        afterNextRender(() => {
+            this.view.set(this.getHostElement().querySelector('ax-wysiwyg-view'));
+            this.wysiwyg.set(new AXWysiwyg(this.view(), {
+                placeholder: 'Write Your Message ...',
+            }));
+            this.service.wysiwyg.set(this.wysiwyg());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["ax-wysiwyg-container{border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:100%;display:block;overflow-x:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-wysiwyg-container', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ["ax-wysiwyg-container{border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:100%;display:block;overflow-x:auto}\n"] }]
+        }], ctorParameters: () => [] });
+
+class AXWysiwygToolbarComponent {
+    constructor() {
+        this.outputHTML = output();
+        this.service = inject(AXWysiwygService);
+        this.wysiwyg = signal(null);
+        this.boldState = signal(false);
+        this.italicState = signal(false);
+        this.underLineState = signal(false);
+        this.orderListState = signal('');
+        this.unOrderListState = signal('');
+        this.alignState = signal('');
+        this.fontSize = new AXDataSource({
+            pageSize: 10,
+            key: 'id',
+            load: (e) => {
+                return new Promise((resolve) => {
+                    resolve({
+                        items: ['small', 'medium', 'large', 'huge'],
+                        total: 4,
+                    });
+                });
+            },
+            byKey: (key) => {
+                return new Promise((resolve) => {
+                    resolve('medium');
+                });
+            },
+        });
+        this.selectedFont = 'medium';
+        afterNextRender(() => {
+            this.wysiwyg.set(this.service.wysiwyg());
+        });
+    }
+    fontHandler(e) {
+        this.wysiwyg().fontSize(e);
+    }
+    bold() {
+        if (this.boldState()) {
+            this.wysiwyg().bold(false);
+            this.boldState.set(false);
+        }
+        else {
+            this.wysiwyg().bold(true);
+            this.boldState.set(true);
+        }
+    }
+    out() {
+        this.outputHTML.emit({
+            component: this,
+            data: { value: this.wysiwyg().HTMLoutput },
+            isUserInteraction: true,
+        });
+    }
+    italic() {
+        if (this.italicState()) {
+            this.wysiwyg().italic(false);
+            this.italicState.set(false);
+        }
+        else {
+            this.wysiwyg().italic(true);
+            this.italicState.set(true);
+        }
+    }
+    underLine() {
+        if (this.underLineState()) {
+            this.wysiwyg().underLine(false);
+            this.underLineState.set(false);
+        }
+        else {
+            this.wysiwyg().underLine(true);
+            this.underLineState.set(true);
+        }
+    }
+    orderList() {
+        if (this.orderListState()) {
+            this.wysiwyg().list('');
+            this.orderListState.set('');
+        }
+        else {
+            this.wysiwyg().list('ordered');
+            this.orderListState.set('ordered');
+        }
+    }
+    unOrderList() {
+        if (this.unOrderListState()) {
+            this.wysiwyg().list('');
+            this.unOrderListState.set('');
+        }
+        else {
+            this.wysiwyg().list('bullet');
+            this.unOrderListState.set('bullet');
+        }
+    }
+    alignStateHandler(e) {
+        this.alignState.set(e);
+        this.wysiwyg().align(e);
+    }
+    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"] }] }); }
+}
+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"] }]
+        }], ctorParameters: () => [] });
+
+class AXWysiwygViewComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXWysiwygViewComponent, selector: "ax-wysiwyg-view", ngImport: i0, template: "<!-- wysiwyg editor render here -->\n", styles: ["ax-wysiwyg-view{display:block;width:100%;border-bottom:1px solid rgb(var(--ax-color-border-default))}.ql-container{font-family:inherit}.ql-editor.ql-blank:before{color:rgb(var(--ax-color-neutral-400));font-weight:600;font-style:normal}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-wysiwyg-view', encapsulation: ViewEncapsulation.None, template: "<!-- wysiwyg editor render here -->\n", styles: ["ax-wysiwyg-view{display:block;width:100%;border-bottom:1px solid rgb(var(--ax-color-border-default))}.ql-container{font-family:inherit}.ql-editor.ql-blank:before{color:rgb(var(--ax-color-neutral-400));font-weight:600;font-style:normal}\n"] }]
+        }] });
+
+const COMPONENT = [AXWysiwygContainerComponent, AXWysiwygViewComponent, AXWysiwygToolbarComponent];
+const MODULES = [AXButtonModule, AXDecoratorModule, AXSelectBoxModule, FormsModule];
+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.ɵ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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [AXWysiwygService],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXWysiwygContainerComponent, AXWysiwygModule, AXWysiwygToolbarComponent, AXWysiwygViewComponent };
+//# sourceMappingURL=acorex-components-wysiwyg.mjs.map

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

@@ -0,0 +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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"}

package/form/lib/validation-rule.directive.d.ts

@@ -1,6 +1,6 @@
-import { OnDestroy, OnInit } from '@angular/core';
 import { AXValuableComponent } from '@acorex/components/common';
 import { AXValidationRuleOptions } from '@acorex/core/validation';
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXValidationRuleDirective implements OnInit, OnDestroy {
     private host;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.4.3",
+  "version": "18.5.0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -31,11 +31,17 @@
       "esm": "./esm2022/action-sheet/acorex-components-action-sheet.mjs",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
     },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
-      "esm": "./esm2022/badge/acorex-components-badge.mjs",
-      "default": "./fesm2022/acorex-components-badge.mjs"
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
+      "esm": "./esm2022/alert/acorex-components-alert.mjs",
+      "default": "./fesm2022/acorex-components-alert.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",
@@ -49,17 +55,11 @@
       "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
       "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
-      "esm": "./esm2022/alert/acorex-components-alert.mjs",
-      "default": "./fesm2022/acorex-components-alert.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",
+      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
+      "esm": "./esm2022/badge/acorex-components-badge.mjs",
+      "default": "./fesm2022/acorex-components-badge.mjs"
     },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
@@ -121,6 +121,12 @@
       "esm": "./esm2022/color-palette/acorex-components-color-palette.mjs",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
     },
+    "./comment": {
+      "types": "./comment/index.d.ts",
+      "esm2022": "./esm2022/comment/acorex-components-comment.mjs",
+      "esm": "./esm2022/comment/acorex-components-comment.mjs",
+      "default": "./fesm2022/acorex-components-comment.mjs"
+    },
     "./common": {
       "types": "./common/index.d.ts",
       "esm2022": "./esm2022/common/acorex-components-common.mjs",
@@ -169,36 +175,36 @@
       "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",
-      "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
-      "default": "./fesm2022/acorex-components-drawer.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"
     },
+    "./drawer": {
+      "types": "./drawer/index.d.ts",
+      "esm2022": "./esm2022/drawer/acorex-components-drawer.mjs",
+      "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
+      "default": "./fesm2022/acorex-components-drawer.mjs"
+    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/acorex-components-dropdown.mjs",
       "esm": "./esm2022/dropdown/acorex-components-dropdown.mjs",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
-    "./dropdown-button": {
-      "types": "./dropdown-button/index.d.ts",
-      "esm2022": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
-      "esm": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
-      "default": "./fesm2022/acorex-components-dropdown-button.mjs"
-    },
     "./form": {
       "types": "./form/index.d.ts",
       "esm2022": "./esm2022/form/acorex-components-form.mjs",
       "esm": "./esm2022/form/acorex-components-form.mjs",
       "default": "./fesm2022/acorex-components-form.mjs"
     },
+    "./dropdown-button": {
+      "types": "./dropdown-button/index.d.ts",
+      "esm2022": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
+      "esm": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
+      "default": "./fesm2022/acorex-components-dropdown-button.mjs"
+    },
     "./image": {
       "types": "./image/index.d.ts",
       "esm2022": "./esm2022/image/acorex-components-image.mjs",
@@ -223,18 +229,18 @@
       "esm": "./esm2022/loading/acorex-components-loading.mjs",
       "default": "./fesm2022/acorex-components-loading.mjs"
     },
-    "./menu": {
-      "types": "./menu/index.d.ts",
-      "esm2022": "./esm2022/menu/acorex-components-menu.mjs",
-      "esm": "./esm2022/menu/acorex-components-menu.mjs",
-      "default": "./fesm2022/acorex-components-menu.mjs"
-    },
     "./loading-dialog": {
       "types": "./loading-dialog/index.d.ts",
       "esm2022": "./esm2022/loading-dialog/acorex-components-loading-dialog.mjs",
       "esm": "./esm2022/loading-dialog/acorex-components-loading-dialog.mjs",
       "default": "./fesm2022/acorex-components-loading-dialog.mjs"
     },
+    "./menu": {
+      "types": "./menu/index.d.ts",
+      "esm2022": "./esm2022/menu/acorex-components-menu.mjs",
+      "esm": "./esm2022/menu/acorex-components-menu.mjs",
+      "default": "./fesm2022/acorex-components-menu.mjs"
+    },
     "./nav": {
       "types": "./nav/index.d.ts",
       "esm2022": "./esm2022/nav/acorex-components-nav.mjs",
@@ -319,6 +325,12 @@
       "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
       "default": "./fesm2022/acorex-components-range-slider.mjs"
     },
+    "./result": {
+      "types": "./result/index.d.ts",
+      "esm2022": "./esm2022/result/acorex-components-result.mjs",
+      "esm": "./esm2022/result/acorex-components-result.mjs",
+      "default": "./fesm2022/acorex-components-result.mjs"
+    },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
@@ -331,12 +343,6 @@
       "esm": "./esm2022/scheduler/acorex-components-scheduler.mjs",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "esm2022": "./esm2022/result/acorex-components-result.mjs",
-      "esm": "./esm2022/result/acorex-components-result.mjs",
-      "default": "./fesm2022/acorex-components-result.mjs"
-    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "esm2022": "./esm2022/scss/acorex-components-scss.mjs",
@@ -361,18 +367,18 @@
       "esm": "./esm2022/selection-list/acorex-components-selection-list.mjs",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
-    "./skeleton": {
-      "types": "./skeleton/index.d.ts",
-      "esm2022": "./esm2022/skeleton/acorex-components-skeleton.mjs",
-      "esm": "./esm2022/skeleton/acorex-components-skeleton.mjs",
-      "default": "./fesm2022/acorex-components-skeleton.mjs"
-    },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",
       "esm2022": "./esm2022/side-menu/acorex-components-side-menu.mjs",
       "esm": "./esm2022/side-menu/acorex-components-side-menu.mjs",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
+    "./skeleton": {
+      "types": "./skeleton/index.d.ts",
+      "esm2022": "./esm2022/skeleton/acorex-components-skeleton.mjs",
+      "esm": "./esm2022/skeleton/acorex-components-skeleton.mjs",
+      "default": "./fesm2022/acorex-components-skeleton.mjs"
+    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "esm2022": "./esm2022/slider/acorex-components-slider.mjs",
@@ -397,6 +403,12 @@
       "esm": "./esm2022/tabs/acorex-components-tabs.mjs",
       "default": "./fesm2022/acorex-components-tabs.mjs"
     },
+    "./tag": {
+      "types": "./tag/index.d.ts",
+      "esm2022": "./esm2022/tag/acorex-components-tag.mjs",
+      "esm": "./esm2022/tag/acorex-components-tag.mjs",
+      "default": "./fesm2022/acorex-components-tag.mjs"
+    },
     "./text-area": {
       "types": "./text-area/index.d.ts",
       "esm2022": "./esm2022/text-area/acorex-components-text-area.mjs",
@@ -409,12 +421,6 @@
       "esm": "./esm2022/text-box/acorex-components-text-box.mjs",
       "default": "./fesm2022/acorex-components-text-box.mjs"
     },
-    "./tag": {
-      "types": "./tag/index.d.ts",
-      "esm2022": "./esm2022/tag/acorex-components-tag.mjs",
-      "esm": "./esm2022/tag/acorex-components-tag.mjs",
-      "default": "./fesm2022/acorex-components-tag.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "esm2022": "./esm2022/toast/acorex-components-toast.mjs",
@@ -432,6 +438,12 @@
       "esm2022": "./esm2022/uploader/acorex-components-uploader.mjs",
       "esm": "./esm2022/uploader/acorex-components-uploader.mjs",
       "default": "./fesm2022/acorex-components-uploader.mjs"
+    },
+    "./wysiwyg": {
+      "types": "./wysiwyg/index.d.ts",
+      "esm2022": "./esm2022/wysiwyg/acorex-components-wysiwyg.mjs",
+      "esm": "./esm2022/wysiwyg/acorex-components-wysiwyg.mjs",
+      "default": "./fesm2022/acorex-components-wysiwyg.mjs"
     }
   }
 }

package/uploader/lib/uploader-list.component.d.ts

@@ -1,5 +1,5 @@
-import { AXUploaderService } from './uploader.service';
 import { AXBasePageComponent } from '@acorex/components/page';
+import { AXUploaderService } from './uploader.service';
 import * as i0 from "@angular/core";
 export declare class AXUploaderListComponent extends AXBasePageComponent {
     protected uploadService: AXUploaderService;

package/wysiwyg/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/wysiwyg
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/wysiwyg`.

package/wysiwyg/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/wysiwyg.module';
+export * from './lib/wysiwyg/wysiwyg-container/wysiwyg-container.component';
+export * from './lib/wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component';
+export * from './lib/wysiwyg/wysiwyg-view/wysiwyg-view.component';

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

@@ -0,0 +1,12 @@
+import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXWysiwygService } from '../wysiwyg.service';
+import * as i0 from "@angular/core";
+export declare class AXWysiwygContainerComponent extends MXBaseComponent {
+    wysiwyg: import("@angular/core").WritableSignal<AXWysiwyg>;
+    view: import("@angular/core").WritableSignal<HTMLElement>;
+    service: AXWysiwygService;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygContainerComponent, "ax-wysiwyg-container", never, {}, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,28 @@
+import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
+import { AXClickEvent, AXDataSource } from '@acorex/components/common';
+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 selectedFont: string;
+    constructor();
+    fontHandler(e: any): void;
+    bold(): void;
+    out(): void;
+    italic(): void;
+    underLine(): void;
+    orderList(): void;
+    unOrderList(): void;
+    alignStateHandler(e: any): 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/wysiwyg-view/wysiwyg-view.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AXWysiwygViewComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXWysiwygViewComponent, "ax-wysiwyg-view", never, {}, {}, never, never, false, never>;
+}

package/wysiwyg/lib/wysiwyg/wysiwyg.service.d.ts

@@ -0,0 +1,7 @@
+import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
+import * as i0 from "@angular/core";
+export declare class AXWysiwygService {
+    wysiwyg: import("@angular/core").WritableSignal<AXWysiwyg>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXWysiwygService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXWysiwygService>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./wysiwyg/wysiwyg-container/wysiwyg-container.component";
+import * as i2 from "./wysiwyg/wysiwyg-view/wysiwyg-view.component";
+import * as i3 from "./wysiwyg/wysiwyg-toolbar/wysiwyg-toolbar.component";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<AXWysiwygModule>;
+}