@talrace/ngx-noder 0.0.41 → 0.0.43

package/public-api.d.ts

@@ -21,7 +21,6 @@ export * from './lib/editor/editor.module';
 export * from './lib/translate/noder-translate.loader';
 export * from './lib/apart-components/editor-title-mobile/editor-title-mobile.component';
 export * from './lib/apart-components/editor-title/editor-title.component';
-export * from './lib/apart-components/editor-search/editor-search-dialog.component';
 export * from './lib/apart-components/editor-toolbar/components/menu-dropdowns-mobile/menu-dropdowns-mobile.component';
 export * from './lib/apart-components/editor-toolbar/components/menu-dropdowns/menu-dropdowns.component';
 export * from './lib/apart-components/editor-toolbar/components/toolbar-actions/toolbar-actions.component';

package/src/_ngx-noder.theme.scss

@@ -4,6 +4,7 @@
 @use 'lib/apart-components/editor-title-mobile/editor-title-mobile.theme' as *;
 @use 'lib/apart-components/editor-title/editor-title.theme' as *;
 @use 'lib/apart-components/editor-toolbar/theme' as *;
+@use 'lib/apart-components//editor-search-bar/theme' as *;
 @use 'lib/apart-components/editor-ruler/theme' as *;
 @use 'lib/apart-components/insert-table-mobile/insert-table-mobile.theme' as *;
 @use 'lib/apart-components/insert-table/insert-table.theme' as *;
@@ -45,6 +46,7 @@
 
 @mixin ngx-noder-toolbar-theme($theme) {
     @include editor-toolbar-theme($theme);
+    @include editor-search-bar-component-theme($theme)
 }
 
 @mixin ngx-noder-insert-table-theme($theme) {

package/src/lib/apart-components/editor-search-bar/_theme.scss

@@ -0,0 +1,28 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin editor-search-bar-component-theme($theme) {
+    app-nod-editor-search-bar {
+        color: map.get($theme, foreground-palette, noder-modal-text);
+        border-color: map.get($theme, foreground-palette, noder-form-field-border);
+        background: map.get($theme, background-palette, noder-modal-background);
+
+        .search-form, .replace-form {
+            button {
+                color: map.get($theme, foreground-palette, noder-modal-text);
+            }
+
+            .mdc-floating-label, .mat-mdc-input-element {
+                color: map.get($theme, foreground-palette, noder-modal-text);
+            }
+
+            .mdc-text-field--focused .mdc-floating-label {
+                color: map.get($theme, foreground-palette, noder-modal-text);
+            }
+
+            &:not(.mdc-text-field--focused):hover .mdc-floating-label {
+                color: map.get($theme, foreground-palette, noder-modal-text);
+            }
+        }
+    }
+}

package/src/scss/base-editor.scss

@@ -269,21 +269,31 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         }
     }
 
-    .noder-selection-layer .noder-selection {
+    .noder-highlight-layer > * {
         position: absolute;
         z-index: 5;
     }
 
-    .noder-selection-layer {
+    .noder-highlight-layer {
         &.drag-and-drop-selection,
         &.text-selection {
             .noder-selection {
                 background-color: rgb(94, 168, 247, 0.4);
             }
         }
+
+        &.text-search-highlight {
+            >.noder-highlight {
+                background-color: rgb(255, 255, 0, 0.4);
+            }
+
+            >.noder-selected-highlight {
+                background-color: rgb(255, 150, 50, 0.4);
+            }
+        }
     }
 
-    .noder-selection-layer.notes-highlight .noder-selection {
+    .noder-highlight-layer.notes-highlight .noder-selection {
         background: rgb(255, 255, 0, 0.4);
     }
 

package/lib/apart-components/editor-search/editor-search-dialog.component.d.ts

@@ -1,23 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { FormControl } from '@angular/forms';
-import { DestroyComponent } from '../../editor/components/shared/abstract/destroy.component';
-import { EditorService } from '../../editor/interaction/editor.service';
-import { SearchIteration } from '../../editor/gadgets/search/search-iteration.interface';
-import * as i0 from "@angular/core";
-export declare class EditorSearchDialogComponent extends DestroyComponent implements OnInit {
-    private editorService;
-    searchControl: FormControl<string>;
-    replaceControl: FormControl<string>;
-    isReplace: boolean;
-    searchIteration$: Observable<SearchIteration>;
-    constructor(editorService: EditorService);
-    ngOnInit(): void;
-    onClose(): void;
-    findNext(): void;
-    findPrev(): void;
-    setReplace(): void;
-    replace(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditorSearchDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorSearchDialogComponent, "app-nod-editor-search-dialog", never, {}, {}, never, never, true, never>;
-}

package/lib/editor/gadgets/search/replace.interface.d.ts

@@ -1,4 +0,0 @@
-export interface Replace {
-    searchValue: string;
-    replaceValue: string;
-}

package/lib/editor/gadgets/search/search-iteration.interface.d.ts

@@ -1,4 +0,0 @@
-export interface SearchIteration {
-    current: number;
-    total: number;
-}