nexheal-lib 0.0.11 → 0.0.13

package/index.d.ts

@@ -24,7 +24,6 @@ declare class AutocompleteControl implements ControlValueAccessor, OnInit, OnDes
     addNewItemClicked: EventEmitter<void>;
     blurEvent: EventEmitter<void>;
     optionPatched: EventEmitter<any>;
-    loadAllOnOpen: boolean;
     readonly: boolean;
     private _disabled;
     private _options;
@@ -68,7 +67,7 @@ declare class AutocompleteControl implements ControlValueAccessor, OnInit, OnDes
     resetInput(): void;
     removeItem(item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteControl, "autocomplete-control", never, { "title": { "alias": "title"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "clearVal": { "alias": "clearVal"; "required": false; }; "field": { "alias": "field"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputLoader": { "alias": "inputLoader"; "required": false; }; "isAddNewItem": { "alias": "isAddNewItem"; "required": false; }; "optionDisplayProperty": { "alias": "optionDisplayProperty"; "required": false; }; "loadAllOnOpen": { "alias": "loadAllOnOpen"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "optionSelected": "optionSelected"; "search": "search"; "selectionCleared": "selectionCleared"; "addNewItemClicked": "addNewItemClicked"; "blurEvent": "blurEvent"; "optionPatched": "optionPatched"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteControl, "autocomplete-control", never, { "title": { "alias": "title"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "clearVal": { "alias": "clearVal"; "required": false; }; "field": { "alias": "field"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputLoader": { "alias": "inputLoader"; "required": false; }; "isAddNewItem": { "alias": "isAddNewItem"; "required": false; }; "optionDisplayProperty": { "alias": "optionDisplayProperty"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "optionSelected": "optionSelected"; "search": "search"; "selectionCleared": "selectionCleared"; "addNewItemClicked": "addNewItemClicked"; "blurEvent": "blurEvent"; "optionPatched": "optionPatched"; }, never, never, true, never>;
 }
 
 type ViewMode = "day" | "month" | "yearRange";
@@ -87,7 +86,9 @@ declare class CalendarControl implements ControlValueAccessor, OnInit, OnDestroy
     timeOnly: boolean;
     dateFormat: string;
     placeholder: string;
-    disabled: boolean;
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean);
     readonly: boolean;
     submitted: boolean;
     inputPlaceholder: boolean;
@@ -435,43 +436,59 @@ declare class SwitchControl implements ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<SwitchControl, "switch-control", never, { "title": { "alias": "title"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "switchChange": "switchChange"; "blurEvent": "blurEvent"; }, never, never, true, never>;
 }
 
-declare class TextEditor implements ControlValueAccessor, OnInit, AfterViewInit {
+/**
+ * Lightweight rich-text editor built on a `contenteditable` element and the
+ * browser's `document.execCommand` rich-editing API (the de-facto standard for
+ * simple in-browser editors).
+ *
+ * Implemented as a `ControlValueAccessor`, so it works with `[(ngModel)]`,
+ * `formControlName` and `[formControl]`. The emitted value is the editor's
+ * inner HTML string.
+ */
+declare class TextEditor implements ControlValueAccessor, AfterViewInit {
     header: boolean;
     media: boolean;
     link: boolean;
     placeholder: string;
     readonly: boolean;
+    /** Disabled state, set by Reactive Forms through `setDisabledState`. */
+    disabled: boolean;
     editorRef: ElementRef<HTMLDivElement>;
     private onChange;
     private onTouch;
-    private undoStack;
-    private redoStack;
-    ngOnInit(): void;
+    /** HTML received via `writeValue` before the view (and `editorRef`) is ready. */
+    private pendingValue;
+    private viewInitialized;
+    /** Last selection range observed inside the editor (restored before commands). */
+    private savedRange;
     ngAfterViewInit(): void;
     writeValue(value: string): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     onInput(): void;
     onTouched(): void;
-    setDisabledState(isDisabled: boolean): void;
-    private getSelectionRange;
-    private wrapSelection;
-    private mergeAdjacentSimilarElements;
-    applyInlineStyle(styleType: 'bold' | 'italic' | 'underline'): void;
+    /** Remember the caret/selection whenever it sits inside the editor. */
+    saveSelection(): void;
+    applyInlineStyle(style: 'bold' | 'italic' | 'underline'): void;
+    applyBlockFormat(block: 'h1' | 'h2' | 'p'): void;
+    applyList(listType: 'ul' | 'ol'): void;
+    indent(): void;
+    outdent(): void;
+    setAlignment(alignment: 'left' | 'center' | 'right' | 'justify'): void;
     applyColor(event: Event): void;
     applyHighlight(event: Event): void;
-    applyBlockFormat(blockTag: 'h1' | 'h2' | 'p'): void;
-    private findBlockAncestor;
-    private isBlockElement;
-    applyList(listType: 'ul' | 'ol'): void;
-    private splitContentByLine;
     createLink(): void;
     insertImage(): void;
-    setAlignment(alignment: 'left' | 'center' | 'right' | 'justify'): void;
-    clearFormatting(): void;
-    saveState(): void;
     undo(): void;
     redo(): void;
+    clearFormatting(): void;
+    /**
+     * Focus the editor, restore the last selection, run a rich-text command and
+     * propagate the resulting HTML. No-op while readonly/disabled.
+     */
+    private exec;
+    private restoreSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextEditor, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextEditor, "app-text-editor", never, { "header": { "alias": "header"; "required": false; }; "media": { "alias": "media"; "required": false; }; "link": { "alias": "link"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexheal-lib",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"

package/src/styles/_formcontrols.scss

@@ -206,6 +206,16 @@
             }
         }
     }
+    &.calendar.disabled {
+        .form-control {
+            cursor: not-allowed;
+            user-select: none;
+            background: #e7e7e7;
+        }
+        .calendar-icon i {
+            color: #b0b0b0;
+        }
+    }
     &.input-placeholder {
         .form-control {
             &::placeholder {