valtech-components 4.0.549 → 4.0.550

package/lib/components/molecules/field-options-editor/field-options-editor.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FieldOptionEditorOption, FieldOptionsEditorMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class FieldOptionsEditorComponent implements OnChanges {
+    props: FieldOptionsEditorMetadata;
+    optionsChange: EventEmitter<FieldOptionEditorOption[]>;
+    readonly fallback: Required<Omit<FieldOptionsEditorMetadata, 'options'>>;
+    resolved: Required<Omit<FieldOptionsEditorMetadata, 'options'>>;
+    options: FieldOptionEditorOption[];
+    draft: string;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    get disabled(): boolean;
+    stringValue(event: Event): string;
+    addDraft(): void;
+    updateOption(id: string, name: string): void;
+    removeOption(id: string): void;
+    private createOption;
+    private setOptions;
+    private normalizeOptions;
+    private uniqueID;
+    private optionID;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldOptionsEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldOptionsEditorComponent, "val-field-options-editor", never, { "props": { "alias": "props"; "required": false; }; }, { "optionsChange": "optionsChange"; }, never, never, true, never>;
+}

package/lib/components/molecules/field-options-editor/types.d.ts

@@ -0,0 +1,17 @@
+import { ComponentState } from '../../types';
+export interface FieldOptionEditorOption {
+    id: string;
+    name: string;
+    order: number;
+}
+export interface FieldOptionsEditorMetadata {
+    title?: string;
+    hint?: string;
+    addLabel?: string;
+    optionsLabel?: string;
+    placeholder?: string;
+    emptyText?: string;
+    removeOptionLabel?: string;
+    state?: ComponentState;
+    options?: FieldOptionEditorOption[];
+}

package/lib/components/molecules/font-size-selector/font-size-selector.component.d.ts

@@ -5,7 +5,8 @@ export declare class FontSizeSelectorComponent {
     props: FontSizeSelectorMetadata;
     private fontSizeService;
     private i18n;
-    readonly popoverId: string;
+    isOpen: boolean;
+    popoverEvent?: Event;
     readonly currentSize: import("@angular/core").Signal<FontSizeOption>;
     constructor();
     get options(): {
@@ -13,6 +14,8 @@ export declare class FontSizeSelectorComponent {
         label: string;
     }[];
     setSize(size: FontSizeOption): void;
+    openPopover(event: Event): void;
+    closePopover(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FontSizeSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FontSizeSelectorComponent, "val-font-size-selector", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/molecules/language-selector/language-selector.component.d.ts

@@ -14,8 +14,8 @@ export declare class LanguageSelectorComponent implements OnInit {
     languageChange: EventEmitter<string>;
     /** Popover selector configuration (for default mode) */
     popoverProps: PopoverSelectorMetadata;
-    /** Unique ID for the icon mode popover trigger */
-    popoverId: string;
+    iconPopoverOpen: boolean;
+    iconPopoverEvent?: Event;
     /** Available languages (exposed for icon mode template) */
     availableLanguages: string[];
     /** Current language (exposed for icon mode template) */
@@ -35,6 +35,8 @@ export declare class LanguageSelectorComponent implements OnInit {
      * @param selectedLanguage - The selected language code(s)
      */
     onLanguageChange(selectedLanguage: string | string[]): void;
+    openIconPopover(event: Event): void;
+    closeIconPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LanguageSelectorComponent, "val-language-selector", never, { "props": { "alias": "props"; "required": false; }; }, { "languageChange": "languageChange"; }, never, never, true, never>;
 }

package/lib/components/organisms/mini-games/chessimals-game.component.d.ts

@@ -114,7 +114,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly botProfiles: ChessimalsBotProfile[];
     readonly challengeLadder: ChessimalsChallengeBot[];
     readonly animals: ChessimalsAnimalView[];
-    readonly valtechComponentsVersion = "4.0.549";
+    readonly valtechComponentsVersion = "4.0.550";
     readonly screen: import("@angular/core").WritableSignal<"home" | "challenge" | "path" | "game">;
     readonly selectedBoardSize: import("@angular/core").WritableSignal<ChessimalsBoardSize>;
     readonly selectedLocalMode: import("@angular/core").WritableSignal<ChessimalsLocalMode>;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.549";
+export declare const VERSION = "4.0.550";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.549",
+  "version": "4.0.550",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -71,6 +71,8 @@ export * from './lib/components/molecules/expandable-text/expandable-text.compon
 export * from './lib/components/molecules/expandable-text/types';
 export * from './lib/components/molecules/file-input/file-input.component';
 export * from './lib/components/molecules/file-input/types';
+export * from './lib/components/molecules/field-options-editor/field-options-editor.component';
+export * from './lib/components/molecules/field-options-editor/types';
 export * from './lib/components/molecules/hint/hint.component';
 export * from './lib/components/molecules/language-selector/language-selector.component';
 export * from './lib/components/molecules/language-selector-v2/language-selector-v2.component';