@cqa-lib/cqa-ui 1.0.104 → 1.0.108

package/lib/dashboards/progress-text-card/progress-text-card.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ProgressTextCardComponent {
     value: number;
@@ -5,9 +6,12 @@ export declare class ProgressTextCardComponent {
     deltaPercent?: number;
     deltaSuffix: string;
     cardClass: string;
+    /** Emitted when the card is clicked */
+    cardClick: EventEmitter<void>;
     get percentText(): string;
     get fillWidth(): string;
     deltaClass(): string;
+    onCardClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressTextCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressTextCardComponent, "cqa-progress-text-card", never, { "value": "value"; "label": "label"; "deltaPercent": "deltaPercent"; "deltaSuffix": "deltaSuffix"; "cardClass": "cardClass"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressTextCardComponent, "cqa-progress-text-card", never, { "value": "value"; "label": "label"; "deltaPercent": "deltaPercent"; "deltaSuffix": "deltaSuffix"; "cardClass": "cardClass"; }, { "cardClick": "cardClick"; }, never, never>;
 }

package/lib/filters/daterangepicker/daterangepicker.component.d.ts

@@ -16,6 +16,7 @@ export declare class DaterangepickerComponent implements OnInit, OnDestroy, Cont
     opens: 'left' | 'right' | 'center';
     drops: 'down' | 'up' | 'auto';
     isInvalidDate?: (date: Date) => boolean;
+    parentEl?: string | HTMLElement;
     datesUpdated: EventEmitter<{
         startDate: Date | null;
         endDate: Date | null;
@@ -52,5 +53,5 @@ export declare class DaterangepickerComponent implements OnInit, OnDestroy, Cont
     setDisabledState(isDisabled: boolean): void;
     openPicker(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaterangepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaterangepickerComponent, "cqa-daterangepicker", never, { "label": "label"; "placeholder": "placeholder"; "disabled": "disabled"; "startDate": "startDate"; "endDate": "endDate"; "minDate": "minDate"; "maxDate": "maxDate"; "ranges": "ranges"; "autoApply": "autoApply"; "alwaysShowCalendars": "alwaysShowCalendars"; "opens": "opens"; "drops": "drops"; "isInvalidDate": "isInvalidDate"; }, { "datesUpdated": "datesUpdated"; "cancelClicked": "cancelClicked"; "applyClicked": "applyClicked"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaterangepickerComponent, "cqa-daterangepicker", never, { "label": "label"; "placeholder": "placeholder"; "disabled": "disabled"; "startDate": "startDate"; "endDate": "endDate"; "minDate": "minDate"; "maxDate": "maxDate"; "ranges": "ranges"; "autoApply": "autoApply"; "alwaysShowCalendars": "alwaysShowCalendars"; "opens": "opens"; "drops": "drops"; "isInvalidDate": "isInvalidDate"; "parentEl": "parentEl"; }, { "datesUpdated": "datesUpdated"; "cancelClicked": "cancelClicked"; "applyClicked": "applyClicked"; }, never, never>;
 }

package/lib/filters/daterangepicker/daterangepicker.directive.d.ts

@@ -28,7 +28,7 @@ export interface DateRangePickerOptions {
     autoUpdateInput?: boolean;
     isInvalidDate?: (date: Date) => boolean;
     isCustomDate?: (date: Date) => string | boolean;
-    parentEl?: string;
+    parentEl?: string | HTMLElement;
 }
 export declare class DaterangepickerDirective implements OnInit, OnDestroy, OnChanges, ControlValueAccessor {
     private el;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.0.104",
+  "version": "1.0.108",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",

package/storybook-static/assets/images/README.md

@@ -0,0 +1,66 @@
+# Image Assets
+
+This folder contains all image assets used by the UI library components.
+
+## Structure
+
+- Place all image files (PNG, SVG, JPG, etc.) in this directory
+- Use descriptive file names (e.g., `test-case-icon.svg`, `empty-state-default.png`)
+- For component-specific images, consider creating subdirectories if needed
+
+## Available Images
+
+The following images are configured for use in empty state components:
+
+- `TestCaseIcon.png` - Test case/document with gear icon
+- `SearchIcon.png` - Magnifying glass with question mark
+- `FilesIcon.png` - Folder/upload icon
+- `DashboardIcon.png` - Dashboard overview cards
+- `StepsIcon.png` - Checklist / tasks icon
+- `document-gear-icon.svg` - Document with gear overlay
+- `ReportsIcon.png` - Analytics/Reports chart icon
+- `SearchIcon.png` - Default fallback icon
+
+## Usage
+
+### Using Image Constants
+
+Import the image constants for type-safe access:
+
+```typescript
+import { EMPTY_STATE_IMAGES } from '../assets/images/image-assets.constants';
+
+// In component
+imageUrl: EMPTY_STATE_IMAGES.TEST_CASE
+```
+
+### Direct Path Reference
+
+You can also reference images directly:
+
+```typescript
+// Example in component
+imageUrl: 'assets/images/test-case-icon.svg'
+```
+
+### In Storybook
+
+Images are automatically available in Storybook stories:
+
+```typescript
+import { EMPTY_STATE_IMAGES } from '../assets/images/image-assets.constants';
+
+export const MyStory = Template.bind({});
+MyStory.args = {
+  imageUrl: EMPTY_STATE_IMAGES.TEST_CASE,
+  // ...
+};
+```
+
+## Notes
+
+- Keep image file sizes optimized for web
+- Use SVG format when possible for scalability
+- Ensure all images are properly licensed for use in the library
+- Images will be included in the built library and available to consuming applications
+