@bnsights/bbsf-controls 1.2.24 → 1.2.25

package/lib/controls/MarkdownEditor/markdown-editor.component.d.ts

@@ -1,84 +1,68 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { AbstractControl, ControlContainer, FormGroup, FormGroupDirective } from '@angular/forms';
-import { MdEditorOption } from "ngx-markdown-editor";
-import { MarkdownEditorOptions } from '../../Shared/Models/MarkdownEditorOptions';
 import { ControlValidationService, UtilityService } from '@bnsights/bbsf-utilities/ui';
-import { MdEditorLocaleOptions } from 'ngx-markdown-editor/lib/md-editor.types';
+import { Editor } from '@tiptap/core';
+import { MarkdownEditorOptions } from '../../Shared/Models/MarkdownEditorOptions';
 import { GlobalSettings } from '../../Shared/services/GlobalSettings.service';
 import { ControlUtility } from '../../Shared/services/ControlUtility';
-import { ScriptService } from 'ngx-script-loader';
 import * as i0 from "@angular/core";
-export declare class MarkdownEditorComponent implements OnInit {
+export type MarkdownToolbarItem = 'undo' | 'redo' | 'h1' | 'h2' | 'h3' | 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'taskList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'table' | 'link' | '|';
+export declare class MarkdownEditorComponent implements OnInit, AfterViewInit, OnDestroy {
     utilityService: UtilityService;
     private globalSettings;
     private controlValidationService;
     private controlUtility;
     markdownEditorControlHost: FormGroupDirective;
-    private scriptService;
+    private cdr;
     private controlContainer;
     group: FormGroup;
     options: MarkdownEditorOptions;
-    OnChange: EventEmitter<any>;
+    OnChange: EventEmitter<string>;
+    editorBody: ElementRef<HTMLElement>;
     static controlContainerstatic: any;
     markdownEditorFormControl: AbstractControl;
-    editorOptions: MdEditorOption;
-    mode: string;
-    hideToolbar: boolean;
-    currentLocale: string;
     validationRules: any[];
     validationRulesasync: any[];
     markAllAsTouched: boolean;
-    showMarkdown: boolean;
-    btnsText: {
-        Buttons: {
-            Bold: {
-                title: string;
-            };
-            Italic: {
-                title: string;
-            };
-            Heading: {
-                title: string;
-            };
-            Reference: {
-                title: string;
-            };
-            Link: {
-                title: string;
-            };
-            Image: {
-                title: string;
-            };
-            UnorderedList: {
-                title: string;
-            };
-            OrderedList: {
-                title: string;
-            };
-            CodeBlock: {
-                title: string;
-            };
-            ShowPreview: {
-                title: string;
-            };
-            HidePreview: {
-                title: string;
-            };
-            Fullscreen: {
-                title: string;
-            };
-        };
-        Upload: {
-            Drag: string;
-            Uploading: string;
-        };
-    };
-    locales: MdEditorLocaleOptions;
-    constructor(utilityService: UtilityService, globalSettings: GlobalSettings, controlValidationService: ControlValidationService, controlUtility: ControlUtility, markdownEditorControlHost: FormGroupDirective, scriptService: ScriptService, controlContainer: ControlContainer);
-    private loadAllScripts;
+    activeStates: import("@angular/core").WritableSignal<Record<string, boolean>>;
+    canUndo: import("@angular/core").WritableSignal<boolean>;
+    canRedo: import("@angular/core").WritableSignal<boolean>;
+    showLinkPopover: import("@angular/core").WritableSignal<boolean>;
+    linkInputValue: import("@angular/core").WritableSignal<string>;
+    showTablePopover: import("@angular/core").WritableSignal<boolean>;
+    characters: import("@angular/core").WritableSignal<number>;
+    words: import("@angular/core").WritableSignal<number>;
+    isOverLimit: import("@angular/core").Signal<boolean>;
+    toolbarItems: MarkdownToolbarItem[];
+    tableMenuGroups: readonly (readonly string[])[];
+    editor: Editor;
+    private valueChangesSubscription?;
+    private submitSubscription?;
+    constructor(utilityService: UtilityService, globalSettings: GlobalSettings, controlValidationService: ControlValidationService, controlUtility: ControlUtility, markdownEditorControlHost: FormGroupDirective, cdr: ChangeDetectorRef, controlContainer: ControlContainer);
     ngOnInit(): void;
-    uploadImg(evt: any): void;
-    onPreviewDomChanged(dom: any): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    button(id: MarkdownToolbarItem): {
+        icon: string;
+        label: string;
+    } | null;
+    textLabel(id: MarkdownToolbarItem): string | null;
+    run(id: MarkdownToolbarItem): void;
+    isActive(id: MarkdownToolbarItem): boolean;
+    disabled(id: MarkdownToolbarItem): boolean;
+    openLinkPopover(): void;
+    onLinkInput(value: string): void;
+    commitLink(): void;
+    cancelLink(): void;
+    onLinkKeydown(event: KeyboardEvent): void;
+    inTable(): boolean;
+    toggleTablePopover(): void;
+    insertTable(): void;
+    tableOpMeta(id: string): {
+        icon: string;
+        label: string;
+    };
+    tableOp(id: string): void;
     resetError: () => void;
     showGlobalError(): void;
     getErrorValidation(ErrorList: any): string;
@@ -87,8 +71,16 @@ export declare class MarkdownEditorComponent implements OnInit {
     removeCustomValidation: (customValidation: any) => void;
     addCustomValidation: (customValidation: any) => void;
     isValid: () => void;
-    onEditorLoaded(editor: any): void;
-    onDragFile(files: Array<File>): Promise<Array<any>>;
+    get editorHeight(): string;
+    get maxLength(): number | null;
+    private initializeOptions;
+    private initializeControl;
+    private initializeEditor;
+    private subscribeToControlChanges;
+    private subscribeToSubmit;
+    private refreshState;
+    private buildToolbarItems;
+    private isReadonly;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownEditorComponent, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownEditorComponent, "BBSF-MarkdownEditor", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "OnChange": "OnChange"; }, never, never, true, never>;
 }

package/lib/modules/bbsf-editors.module.d.ts

@@ -1,23 +1,21 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "ngx-markdown-editor";
-import * as i4 from "@bnsights/bbsf-utilities";
-import * as i5 from "../controls/HtmlEditor/HtmlEditor.component";
-import * as i6 from "../controls/MarkdownEditor/markdown-editor.component";
-import * as i7 from "../controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.component";
+import * as i3 from "@bnsights/bbsf-utilities";
+import * as i4 from "../controls/HtmlEditor/HtmlEditor.component";
+import * as i5 from "../controls/MarkdownEditor/markdown-editor.component";
+import * as i6 from "../controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.component";
 /**
  * BBSF Editors Module
  *
  * Contains rich text editor controls (~800 KB gzipped):
  * - HtmlEditorComponent: WYSIWYG HTML editor
- * - MarkdownEditorComponent: Markdown editor with preview
+ * - MarkdownEditorComponent: Tiptap-powered markdown editor
  * - MultiLingualHtmlEditorComponent: HTML editor with multilingual support
  *
  * Dependencies:
  * - @kolkov/angular-editor (~300 KB)
- * - ngx-markdown-editor (~400 KB)
- * - ngx-script-loader
+ * - Tiptap
  *
  * @example New way (Recommended):
  * ```typescript
@@ -41,6 +39,6 @@ import * as i7 from "../controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.c
  */
 export declare class BBSFEditorsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BBSFEditorsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BBSFEditorsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.LMarkdownEditorModule, typeof i4.BBSFUtilitiesModule, typeof i5.HtmlEditorComponent, typeof i6.MarkdownEditorComponent, typeof i7.MultiLingualHtmlEditorComponent], [typeof i5.HtmlEditorComponent, typeof i6.MarkdownEditorComponent, typeof i7.MultiLingualHtmlEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BBSFEditorsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.BBSFUtilitiesModule, typeof i4.HtmlEditorComponent, typeof i5.MarkdownEditorComponent, typeof i6.MultiLingualHtmlEditorComponent], [typeof i4.HtmlEditorComponent, typeof i5.MarkdownEditorComponent, typeof i6.MultiLingualHtmlEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BBSFEditorsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.2.24",
+  "version": "1.2.25",
   "peerDependencies": {
     "@angular/animations": "^19.2.14",
     "@angular/cdk": "^19.2.19",
@@ -27,9 +27,18 @@
     "@ngrx/store": "19.2.1",
     "@ngrx/store-devtools": "19.2.1",
     "@sweetalert2/ngx-sweetalert2": "11.0.0",
+    "@tiptap/core": "^3.25.0",
+    "@tiptap/extension-character-count": "^3.25.0",
+    "@tiptap/extension-table": "^3.25.0",
+    "@tiptap/extension-task-item": "^3.25.0",
+    "@tiptap/extension-task-list": "^3.25.0",
+    "@tiptap/extension-typography": "^3.25.0",
+    "@tiptap/extension-underline": "^3.25.0",
+    "@tiptap/markdown": "^3.25.0",
+    "@tiptap/pm": "^3.25.0",
+    "@tiptap/starter-kit": "^3.25.0",
     "@types/file-saver": "2.0.7",
     "@types/google.maps": "3.54.10",
-    "ace-builds": "1.43.4",
     "angular-cropperjs": "14.0.1",
     "angular-ng-autocomplete": "2.0.12",
     "bootstrap": "5.3.8",
@@ -45,16 +54,29 @@
     "ngx-dropzone": "3.1.0",
     "ngx-infinite-scroll": "19.0.0",
     "ngx-intl-tel-input": "17.0.0",
-    "ngx-markdown-editor": "5.3.4",
     "ngx-mask": "17.1.8",
     "ngx-script-loader": "3.0.0",
+    "primeicons": "^7.0.0",
     "summernote": "0.9.1",
     "sweetalert2": "11.10.1",
     "tslib": "2.6.2"
   },
-  "module": "fesm2022/bnsights-bbsf-controls.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./src/lib/assets/sass/*.scss": {
+      "sass": "./src/lib/assets/sass/*.scss",
+      "style": "./src/lib/assets/sass/*.scss",
+      "default": "./src/lib/assets/sass/*.scss"
+    },
+    "./src/lib/assets/sass/*": {
+      "sass": "./src/lib/assets/sass/*.scss",
+      "style": "./src/lib/assets/sass/*.scss",
+      "default": "./src/lib/assets/sass/*.scss"
+    },
+    "./src/lib/assets/*": {
+      "sass": "./src/lib/assets/*",
+      "style": "./src/lib/assets/*",
+      "default": "./src/lib/assets/*"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -63,5 +85,11 @@
       "default": "./fesm2022/bnsights-bbsf-controls.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./src/lib/assets/**/*"
+  ],
+  "module": "fesm2022/bnsights-bbsf-controls.mjs",
+  "typings": "index.d.ts"
 }

package/src/lib/assets/Style.scss

@@ -4,12 +4,12 @@
 @import "fontawesome/fontawesome.scss";
 //toaster
 @import 'ngx-toastr/toastr';
-//phone
-@import 'intl-tel-input/build/css/intlTelInput.css';
-//markdown
-@import 'ngx-markdown-editor/assets/highlight.js/agate.min';
-//datepicker
-@import '@danielmoncada/angular-datetime-picker/assets/style/picker.min.css';
+//phone
+@import 'intl-tel-input/build/css/intlTelInput.css';
+//icons
+@import 'primeicons/primeicons.css';
+//datepicker
+@import '@danielmoncada/angular-datetime-picker/assets/style/picker.min.css';
 //custom
 @import"sass/base.scss";
 @import"sass/textarea.scss";
@@ -26,4 +26,4 @@
 @import"sass/phone.scss";
 @import"sass/radio-button.scss";
 @import"sass/file-upload.scss";
-@import"sass/markdown.scss";
+@import"sass/markdown.scss";