valtech-components 2.0.398 → 2.0.400

package/lib/components/molecules/action-header/types.d.ts

@@ -1,5 +1,5 @@
-import { DisplayMetadata } from "../../atoms/display/types";
-import { ButtonMetadata } from "../../types";
+import { DisplayMetadata } from '../../atoms/display/types';
+import { ButtonMetadata } from '../../types';
 export type ActionHeaderMetadata = {
     title: DisplayMetadata;
     action: ButtonMetadata;

package/lib/components/molecules/info/types.d.ts

@@ -1,7 +1,7 @@
-import { ImageMetadata } from "../../atoms/image/types";
-import { ButtonGroupMetadata } from "../button-group/types";
-import { LinkMetadata } from "../link/types";
-import { TitleBlockMetada } from "../title-block/types";
+import { ImageMetadata } from '../../atoms/image/types';
+import { ButtonGroupMetadata } from '../button-group/types';
+import { LinkMetadata } from '../link/types';
+import { TitleBlockMetada } from '../title-block/types';
 export type InfoMetadata = {
     title: TitleBlockMetada;
     link?: LinkMetadata;

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

@@ -1,48 +1,48 @@
-import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { IonModal } from '@ionic/angular';
-import { IconService } from '../../../services/icons.service';
+import { ElementRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import { InputMetadata, InputOption } from '../../types';
 import * as i0 from "@angular/core";
-export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy {
-    modal: IonModal;
-    label: string;
+export declare class MultiSelectSearchComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor {
+    dropdownRef: ElementRef;
+    mainInputRef: ElementRef;
+    props: InputMetadata;
     labelProperty: string;
     valueProperty: string;
     placeholder: string;
-    props: InputMetadata;
     private langService;
-    icon: IconService;
     private changeDetector;
+    isOpen: boolean;
     searchTerm: string;
-    filteredItems: InputOption[];
-    selectedItems: InputOption[];
+    selectedValues: string[];
     displayValue: string;
-    private previousOptions;
-    private isProcessingChanges;
-    private valueChangesSubscription?;
+    filteredOptions: InputOption[];
+    searchPlaceholder: string;
+    private onChange;
+    private onTouched;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ionViewWillEnter(): void;
-    private subscribeToValueChanges;
-    private areOptionsEqual;
-    private initializeItems;
-    private syncControlValueWithSelectedItems;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(_isDisabled: boolean): void;
+    toggleDropdown(event: Event): void;
+    onSearch(event: any): void;
+    toggleOption(option: InputOption): void;
+    selectAll(): void;
+    clearAll(): void;
+    isSelected(option: InputOption): boolean;
+    trackByFn(_index: number, option: InputOption): any;
+    private handleClickOutside;
+    private parseValue;
+    private emitValue;
+    private getOptionByValue;
     private applyDefaultValue;
-    onFilter(event: any): void;
-    onFocus(): void;
-    onBlur(): void;
-    openModal(): void;
-    preventDefaultBehavior(event: MouseEvent): void;
-    cancelModal(): void;
-    toggleItem(item: any): void;
-    isItemSelected(item: any): boolean;
-    clearSelection(): void;
-    applySelection(): void;
-    updateDisplayValue(): void;
-    applyChanges(): void;
-    reset(): void;
+    private initializeOptions;
+    private filterOptions;
+    private updateDisplayValue;
+    private syncSelectedValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSearchComponent, "val-multi-select-search", never, { "label": { "alias": "label"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSearchComponent, "val-multi-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>;
 }

package/lib/components/molecules/pill/types.d.ts

@@ -1,4 +1,4 @@
-import { ActionHeaderMetadata } from "../action-header/types";
+import { ActionHeaderMetadata } from '../action-header/types';
 export type PillMetadata = {
     token?: string;
     image?: string;

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

@@ -31,7 +31,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -44,7 +44,7 @@ export declare class ArticleComponent implements OnInit {
         allowPartialBold?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -73,7 +73,7 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "large" | "default";
+        size?: "small" | "default" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
         type: "button" | "submit" | "reset";
         token?: string;

package/package.json

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