valtech-components 2.0.396 → 2.0.398

package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts

@@ -16,7 +16,6 @@ export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy
     searchTerm: string;
     filteredItems: InputOption[];
     selectedItems: InputOption[];
-    tempSelectedItems: InputOption[];
     displayValue: string;
     private previousOptions;
     private isProcessingChanges;
@@ -37,7 +36,7 @@ export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy
     openModal(): void;
     preventDefaultBehavior(event: MouseEvent): void;
     cancelModal(): void;
-    selectItem(item: any): void;
+    toggleItem(item: any): void;
     isItemSelected(item: any): boolean;
     clearSelection(): void;
     applySelection(): void;

package/lib/components/molecules/select-search/select-search.component.d.ts

@@ -1,37 +1,55 @@
-import { ElementRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { IonModal } from '@ionic/angular';
+import { IconService } from '../../../services/icons.service';
 import { InputMetadata, InputOption } from '../../types';
 import * as i0 from "@angular/core";
-export declare class SelectSearchComponent implements OnInit, OnDestroy, OnChanges {
-    dropdownRef: ElementRef;
-    mainInputRef: ElementRef;
-    props: InputMetadata;
+export declare class SelectSearchComponent implements OnChanges, OnDestroy {
+    modal: IonModal;
+    label: string;
     labelProperty: string;
     valueProperty: string;
+    multiple: boolean;
     placeholder: string;
     private langService;
+    constructor();
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the select input.
+     * @property label - The label for the select.
+     * @property options - The available options for the select.
+     * @property placeholder - The placeholder text.
+     */
+    props: InputMetadata;
+    icon: IconService;
     private changeDetector;
-    isOpen: boolean;
     searchTerm: string;
-    selectedValue: string | null;
+    filteredItems: InputOption[];
+    selectedItems: InputOption[];
     displayValue: string;
-    filteredOptions: InputOption[];
-    constructor();
+    private previousOptions;
+    private isProcessingChanges;
+    private valueChangesSubscription?;
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    toggleDropdown(event: Event): void;
-    onSearch(event: any): void;
-    selectOption(option: InputOption): void;
-    isSelected(option: InputOption): boolean;
-    trackByFn(_index: number, option: InputOption): any;
-    private handleClickOutside;
-    private getOptionByValue;
-    private initializeOptions;
-    private filterOptions;
-    private updateDisplayValue;
+    ionViewWillEnter(): void;
+    private subscribeToValueChanges;
+    private areOptionsEqual;
+    private initializeItems;
+    private syncControlValueWithSelectedItems;
     private applyDefaultValue;
-    debugOptions(): void;
-    private syncSelectedValue;
+    onFilter(event: any): void;
+    onFocus(): void;
+    onBlur(): void;
+    openModal(): void;
+    preventDefaultBehavior(event: MouseEvent): void;
+    cancelModal(): void;
+    selectItem(item: any): void;
+    isItemSelected(item: any): boolean;
+    updateDisplayValue(): void;
+    applyChanges(): void;
+    reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchComponent, "val-select-search", never, { "props": { "alias": "props"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchComponent, "val-select-search", never, { "label": { "alias": "label"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/organisms/form/form.component.d.ts

@@ -15,25 +15,12 @@ export declare class FormComponent implements OnInit {
     form: FormGroup;
     types: typeof InputType;
     private subscriptions;
-    processedSections: {
-        name: string;
-        fields: InputMetadata[];
-    }[];
-    private previousValues;
     constructor(fb: FormBuilder, elementRef: ElementRef);
     ngOnInit(): void;
-    private createForm;
-    private processAllSections;
-    private processField;
-    private setupChangeTracking;
     ngOnDestroy(): void;
     trackSelectChanges(fieldName: string): void;
     submitHandler(token?: string): Promise<void>;
     getControl(field: string): FormControl;
-    /**
-     * @deprecated This method is now only used internally.
-     * Use processedSections property instead to avoid multiple calls.
-     */
     getFieldProp(field: InputMetadata): InputMetadata;
     get isAtEndOfForm(): boolean;
     get Form(): FormGroup;
@@ -41,7 +28,6 @@ export declare class FormComponent implements OnInit {
         form: FormGroup;
         data: FormMetadata;
     };
-    resetField(fieldName: string, emitEvent?: boolean): void;
     get actions(): ButtonMetadata[];
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "val-form", never, { "props": { "alias": "props"; "required": false; }; }, { "onSubmit": "onSubmit"; "onInvalid": "onInvalid"; "onSelectChange": "onSelectChange"; }, never, ["*"], true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.396",
+  "version": "2.0.398",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",

package/public-api.d.ts

@@ -20,8 +20,6 @@ export * from './lib/components/atoms/text/text.component';
 export * from './lib/components/atoms/text/types';
 export * from './lib/components/atoms/title/title.component';
 export * from './lib/components/atoms/title/types';
-export * from './lib/components/molecules/action-header/action-header.component';
-export * from './lib/components/molecules/action-header/types';
 export * from './lib/components/molecules/alert-box/alert-box.component';
 export * from './lib/components/molecules/alert-box/types';
 export * from './lib/components/molecules/button-group/button-group.component';
@@ -29,10 +27,6 @@ export * from './lib/components/molecules/button-group/types';
 export * from './lib/components/molecules/card/card.component';
 export * from './lib/components/molecules/card/types';
 export * from './lib/components/molecules/check-input/check-input.component';
-export * from './lib/components/molecules/code-display/code-display.component';
-export * from './lib/components/molecules/code-display/types';
-export * from './lib/components/molecules/command-display/command-display.component';
-export * from './lib/components/molecules/command-display/types';
 export * from './lib/components/molecules/comment-input/comment-input.component';
 export * from './lib/components/molecules/content-loader/content-loader.component';
 export * from './lib/components/molecules/content-loader/types';
@@ -43,8 +37,6 @@ export * from './lib/components/molecules/expandable-text/types';
 export * from './lib/components/molecules/file-input/file-input.component';
 export * from './lib/components/molecules/hint/hint.component';
 export * from './lib/components/molecules/hour-input/hour-input.component';
-export * from './lib/components/molecules/info/info.component';
-export * from './lib/components/molecules/info/types';
 export * from './lib/components/molecules/language-selector/language-selector.component';
 export * from './lib/components/molecules/language-selector/types';
 export * from './lib/components/molecules/layered-card/layered-card.component';
@@ -53,18 +45,12 @@ export * from './lib/components/molecules/link/link.component';
 export * from './lib/components/molecules/link/types';
 export * from './lib/components/molecules/links-cake/links-cake.component';
 export * from './lib/components/molecules/links-cake/types';
-export * from './lib/components/molecules/multi-select-search/multi-select-search.component';
-export * from './lib/components/molecules/multi-select-simple/multi-select-simple.component';
 export * from './lib/components/molecules/notes-box/notes-box.component';
 export * from './lib/components/molecules/notes-box/types';
-export * from './lib/components/molecules/number-from-to/number-from-to.component';
 export * from './lib/components/molecules/number-input/number-input.component';
+export * from './lib/components/molecules/number-from-to/number-from-to.component';
 export * from './lib/components/molecules/password-input/password-input.component';
-export * from './lib/components/molecules/pill/pill.component';
-export * from './lib/components/molecules/pill/types';
 export * from './lib/components/molecules/pin-input/pin-input.component';
-export * from './lib/components/molecules/plain-code-box/plain-code-box.component';
-export * from './lib/components/molecules/plain-code-box/types';
 export * from './lib/components/molecules/popover-selector/popover-selector.component';
 export * from './lib/components/molecules/popover-selector/types';
 export * from './lib/components/molecules/progress-status/progress-status.component';
@@ -78,6 +64,18 @@ export * from './lib/components/molecules/select-search/select-search.component'
 export * from './lib/components/molecules/text-input/text-input.component';
 export * from './lib/components/molecules/title-block/title-block.component';
 export * from './lib/components/molecules/title-block/types';
+export * from './lib/components/molecules/code-display/code-display.component';
+export * from './lib/components/molecules/code-display/types';
+export * from './lib/components/molecules/action-header/action-header.component';
+export * from './lib/components/molecules/action-header/types';
+export * from './lib/components/molecules/pill/pill.component';
+export * from './lib/components/molecules/pill/types';
+export * from './lib/components/molecules/command-display/command-display.component';
+export * from './lib/components/molecules/command-display/types';
+export * from './lib/components/molecules/info/info.component';
+export * from './lib/components/molecules/info/types';
+export * from './lib/components/molecules/plain-code-box/plain-code-box.component';
+export * from './lib/components/molecules/plain-code-box/types';
 export * from './lib/components/organisms/article/article.component';
 export * from './lib/components/organisms/article/types';
 export * from './lib/components/organisms/banner/banner.component';
@@ -119,6 +117,6 @@ export * from './lib/shared/pipes/process-links.pipe';
 export * from './lib/shared/utils/content';
 export * from './lib/shared/utils/dom';
 export * from './lib/shared/utils/form-defaults';
-export { createReactiveContentMetadata, extractContentConfig, extractContentConfigWithInterpolation, interpolateStaticContent, ReactiveContentMetadata, ReactiveContentWithInterpolation, ReactiveTextMetadata, shouldUseReactiveContent, shouldUseReactiveContentWithInterpolation } from './lib/shared/utils/simple-content';
+export { createReactiveContentMetadata, extractContentConfig, extractContentConfigWithInterpolation, interpolateStaticContent, ReactiveContentMetadata, ReactiveContentWithInterpolation, ReactiveTextMetadata, shouldUseReactiveContent, shouldUseReactiveContentWithInterpolation, } from './lib/shared/utils/simple-content';
 export * from './lib/shared/utils/styles';
 export * from './lib/shared/utils/text';