commons-shared-web-ui 0.0.15 → 0.0.16

package/index.d.ts

@@ -1720,9 +1720,62 @@ interface AttachmentConfig {
     features?: string[];
 }
 interface LocationConfig {
+    /** Default active tab: 'VENUE' | 'ONLINE' | 'TBA'. Defaults to 'VENUE'. */
+    defaultTab?: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Allow multiple locations. Replaces the need for maxLocations. */
+    allowMulti?: boolean;
+    /** Maximum number of venue locations allowed. Defaults to 5 if allowMulti is true. */
+    maxLocations?: number;
+    /** Placeholder for the venue search input */
+    venuePlaceholder?: string;
+    /** Google Maps API Key – required for map rendering and autocomplete */
+    googleMapsApiKey?: string;
+    /** Height of the embedded Google Map. Defaults to '300px'. */
+    mapHeight?: string;
+    /** Default map center latitude when no locations are added (e.g., India: 20.5937) */
+    defaultLat?: number;
+    /** Default map center longitude when no locations are added (e.g., India: 78.9629) */
+    defaultLng?: number;
+    /** Default zoom level when no locations are added (e.g., 4) */
+    defaultZoom?: number;
+    /** Placeholder for the online event URL input */
+    onlinePlaceholder?: string;
+    /** Show map preview after locations are added (default: true) */
+    showMap?: boolean;
+    /** Whether the current location button is enabled inside venue tab */
     enableCurrentLocation?: boolean;
+    /** @deprecated Use showMap instead */
     enableMapPicker?: boolean;
 }
+/** A single venue location picked from Google Places autocomplete. */
+interface LocationItem {
+    uuid?: string;
+    isActive?: boolean;
+    id?: number;
+    locationCode?: string;
+    latitude?: number;
+    longitude?: number;
+    address?: string;
+    name?: string;
+    cityLabel?: string;
+    stateLabel?: string;
+    countryLabel?: string;
+    placeId?: string;
+    type?: string;
+    /** Legacy field for UI binding */
+    description?: string;
+}
+/**
+ * Value shape stored in the FormControl for a LOCATION field.
+ * `tab` indicates which mode is active.
+ */
+interface LocationFieldValue {
+    tab: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Array of venue locations (only valid when tab === 'VENUE') */
+    venues?: LocationItem[];
+    /** Event URL (only valid when tab === 'ONLINE') */
+    onlineUrl?: string;
+}
 interface RatingConfig {
     maxRating?: number;
     allowHalf?: boolean;
@@ -1962,6 +2015,22 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     libraryLoading: boolean;
     libraryError: string;
     mediaUploadError: string;
+    /** Active tab: VENUE | ONLINE | TBA */
+    locationActiveTab: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Current text in the venue search box */
+    locationSearchText: string;
+    /** Google Places autocomplete suggestions */
+    locationSuggestions: any[];
+    /** Show the suggestions dropdown */
+    locationShowSuggestions: boolean;
+    /** Cached Google AutocompleteService instance */
+    private _googleAcService;
+    /** Whether Google Maps is loaded */
+    locationMapLoaded: boolean;
+    /** Map instance */
+    private _googleMap;
+    /** Map markers */
+    private _mapMarkers;
     /** FormControl used ONLY for the autocomplete text-input display value */
     autocompleteInputCtrl: FormControl<string>;
     /** Filtered option list shown in the mat-autocomplete panel */
@@ -2063,6 +2132,7 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     get isGenerated(): boolean;
     get isRow(): boolean;
     get isGroup(): boolean;
+    get isLocation(): boolean;
     /**
      * Initialise the separate display-control that drives the mat-autocomplete
      * text input.  The real form control always stores the *code* value.
@@ -2125,6 +2195,21 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     removeMediaItem(index: number): void;
     private _appendMediaItem;
     private showMediaError;
+    private initLocationField;
+    private _ensureGoogleMapsScript;
+    onLocationTabChange(tab: 'VENUE' | 'ONLINE' | 'TBA'): void;
+    get locationValue(): LocationFieldValue;
+    get locationVenues(): LocationItem[];
+    get locationOnlineUrl(): string;
+    get locationMaxReached(): boolean;
+    handleLocationSearchInput(event: Event): void;
+    onLocationSuggestionSelect(prediction: any): void;
+    private _addVenueAndUpdate;
+    removeLocationVenue(index: number): void;
+    onLocationUrlChange(url: string): void;
+    hideLocationSuggestions(): void;
+    getLocationMapEmbedUrl(): string;
+    private _renderMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lib-form-field", never, { "config": { "alias": "config"; "required": false; }; "controller": { "alias": "controller"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "allowMulti": { "alias": "allowMulti"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -2620,6 +2705,7 @@ declare const SAMPLE_FORMS: {
     demandDefinitionForm: string;
     projectInfoForm: string;
     faqForm: string;
+    locationForm: string;
 };
 
 declare const smartForm_examples_d_SAMPLE_FORMS: typeof SAMPLE_FORMS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commons-shared-web-ui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "peerDependencies": {
     "@angular/animations": "20.3.15",
     "@angular/cdk": "20.2.14",