@ieeesa-npm/presentation 0.33.15 → 0.33.17

package/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.d.ts

@@ -87,6 +87,24 @@ export declare class MultiSelectAutocompleteComponent implements OnInit, FormFie
      * @memberof MultiSelectAutocompleteComponent
      */
     onChange(option: any): AutoCompleteOption;
+    /**
+     * Clears the typeahead search text from both the reactive form control and the
+     * native input element without touching the selected chips. Uses
+     * `emitEvent: false` so the valueChanges search stream is not re-triggered.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    private clearSearchInput;
+    /**
+     * Fires when focus leaves the search input (click outside / tab away). If text
+     * was typed but never committed as a chip (i.e. nothing was picked from the
+     * dropdown), clear it so stale search text is not left behind. Deferred with a
+     * short timeout so that if the blur was caused by clicking a dropdown option,
+     * onChange commits the selection first (and has already cleared the text),
+     * making this a no-op in that case. Clicking back into the same field does not
+     * blur it, so the text is preserved while the user is still editing.
+     * @memberof MultiSelectAutocompleteComponent
+     */
+    onInputBlur(): void;
     /**
      * Formats the selected options and emits the multiSelectAutoCompleteOptionSelected event.
      * @param {SelectOption[]} selectedOptions -Array of selected options.

package/lib/models/field-config.model.d.ts

@@ -84,6 +84,12 @@ export interface FieldConfig {
     canHideColorPicker?: boolean;
     canHideTextInput?: boolean;
     multiSelectAutoCompleteOptions?: AutoCompleteOption[];
+    /**
+     * When set, controls the reactive form update/validation strategy for this
+     * field (e.g. 'blur' so validation errors surface only after the user leaves
+     * the field, avoiding an error flash while interacting).
+     */
+    updateOn?: 'change' | 'blur' | 'submit';
     editorConfig?: EditorConfig;
     isAllowAnyFileType?: boolean;
     alignBrowsedFiles?: AlignBrowsedFiles;

package/lib/pipes/timezone-format.pipe.d.ts

@@ -0,0 +1,24 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * TimezoneFormatPipe formats a time zone string for display by replacing every
+ * underscore in the raw IANA identifier with a space. This is a display-only
+ * transform: for example `(UTC-04:00) America/New_York` is shown as
+ * `(UTC-04:00) America/New York`. The underlying stored value (which the backend
+ * expects with underscores) is never modified. Null, undefined, or empty inputs
+ * return an empty string so templates can apply their own fallback.
+ * @export
+ * @class TimezoneFormatPipe
+ * @implements {PipeTransform}
+ */
+export declare class TimezoneFormatPipe implements PipeTransform {
+    /**
+     * Replaces underscores with spaces in a time zone string for display.
+     * @param {(string | null | undefined)} value - The raw time zone string, e.g. `(UTC-04:00) America/New_York`.
+     * @return {string} The display-friendly time zone with spaces instead of underscores, or an empty string.
+     * @memberof TimezoneFormatPipe
+     */
+    transform(value: string | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimezoneFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimezoneFormatPipe, "timezoneFormat", true>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.33.15",
+  "version": "0.33.17",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -112,6 +112,7 @@ export * from './lib/services/form-utility.service';
 export * from './lib/services/file-upload.service';
 export * from './lib/services/break-point-observer.service';
 export * from './lib/pipes/safe.pipe';
+export * from './lib/pipes/timezone-format.pipe';
 export * from './lib/presentation.module';
 export { SelectOption, CheckboxOption, IconButton, AlignType, ConfirmationModalData, MessagePart, InfoModalData } from '@ieeesa-npm/models';
 export * from './lib/components/stepper/stepper.component';