@sarasanalytics-com/design-system 0.0.190 → 0.0.192

package/lib/dropdown/ng-select/ng-select.component.d.ts

@@ -1,11 +1,31 @@
-import { DoCheck } from '@angular/core';
+import { DoCheck, OnInit } from '@angular/core';
 import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export declare class NgSelectComponent extends FieldType<FieldTypeConfig<any>> implements DoCheck {
+export declare class NgSelectComponent extends FieldType<FieldTypeConfig<any>> implements DoCheck, OnInit {
     filteredOptions: any[];
     searchValue: string;
     private _options;
+    /**
+     * Tracks whether the dropdown panel is currently open.
+     * Used to disable tooltips on selected values when the panel is open to prevent UI overlap.
+     */
     isDropdownOpen: boolean;
+    /**
+     * Character threshold for showing tooltips on dropdown options.
+     * Tooltips appear when option label length exceeds this value.
+     * Configurable via props.optionLabelSize (default: 30)
+     */
+    optionLabelSize: number;
+    /**
+     * Character threshold for showing tooltips on selected values and chips.
+     * Tooltips appear when selected label length exceeds this value.
+     * Configurable via props.selectedLabelSize (default: 30)
+     */
+    selectedLabelSize: number;
+    /** Tooltip position for selected values and chips (default: 'above') */
+    selectedTooltipPosition: 'above' | 'below' | 'left' | 'right';
+    /** Tooltip position for dropdown options (default: 'right') */
+    optionTooltipPosition: 'above' | 'below' | 'left' | 'right';
     onSearch(event: Event): void;
     ngOnInit(): void;
     ngDoCheck(): void;
@@ -16,6 +36,11 @@ export declare class NgSelectComponent extends FieldType<FieldTypeConfig<any>> i
     toggleSummary(): void;
     stopBackspacePropagation(event: KeyboardEvent): void;
     clearSearch(event: Event): void;
+    /**
+     * Helper method to safely convert a value to string for tooltip length checks.
+     * Handles null, undefined, and primitive values gracefully.
+     */
+    toSafeString(value: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectComponent, "sa-ng-select", never, {}, {}, never, never, true, never>;
 }

package/lib/message-banner-v2/message-banner-v2.component.d.ts

@@ -31,6 +31,7 @@ export declare class MessageBannerV2Component implements OnChanges {
     banner: any;
     formConfig: UnifiedFormConfig | null;
     prebuiltFormFields: TemplateRef<any>;
+    onContactUsClick: EventEmitter<void>;
     form: FormGroup<{}>;
     model: any;
     fields: FormlyFieldConfig[];
@@ -77,8 +78,15 @@ export declare class MessageBannerV2Component implements OnChanges {
     private updateAdditionalFields;
     private evaluateShowWhen;
     onFormModelChange(model: any): void;
+    /**
+     * Handles click events on the description area, specifically for custom contact links.
+     * If a custom contact link is clicked and there's an observer for onContactUsClick,
+     * it prevents the default navigation and emits the custom event instead.
+     * @param event - The mouse click event from the description area
+     */
+    handleDescriptionClick(event: MouseEvent): void;
     getInitialFields(): FormFieldConfig[];
     areAllVisibleFieldsFilled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBannerV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "contactUrl": { "alias": "contactUrl"; "required": false; }; "spacingBetweenImageAndDescription": { "alias": "spacingBetweenImageAndDescription"; "required": false; }; "contentGap": { "alias": "contentGap"; "required": false; }; "titleClass": { "alias": "titleClass"; "required": false; }; "descriptionClass": { "alias": "descriptionClass"; "required": false; }; "banner": { "alias": "banner"; "required": false; }; "formConfig": { "alias": "formConfig"; "required": false; }; "prebuiltFormFields": { "alias": "prebuiltFormFields"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageIconSize": { "alias": "messageIconSize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "onFormEvent": "onFormEvent"; "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "contactUrl": { "alias": "contactUrl"; "required": false; }; "spacingBetweenImageAndDescription": { "alias": "spacingBetweenImageAndDescription"; "required": false; }; "contentGap": { "alias": "contentGap"; "required": false; }; "titleClass": { "alias": "titleClass"; "required": false; }; "descriptionClass": { "alias": "descriptionClass"; "required": false; }; "banner": { "alias": "banner"; "required": false; }; "formConfig": { "alias": "formConfig"; "required": false; }; "prebuiltFormFields": { "alias": "prebuiltFormFields"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageIconSize": { "alias": "messageIconSize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "onContactUsClick": "onContactUsClick"; "onFormEvent": "onFormEvent"; "buttonClick": "buttonClick"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.190",
+  "version": "0.0.192",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/styles/styles.css

@@ -59,6 +59,7 @@ body {
   --sa-skeleton-animation-duration: 1.5s;
   --sa-skeleton-gap: 1rem;
   --sa-skeleton-padding: 1rem;
+  --z-index-dropdown: 999;
 }
 
 .insights-theme {