@memberjunction/ng-action-gallery 2.55.0

package/README.md

@@ -0,0 +1,237 @@
+# @memberjunction/ng-action-gallery
+
+A beautiful, filterable gallery component for browsing and selecting actions in MemberJunction applications.
+
+## Overview
+
+The Action Gallery provides an exceptional user experience for discovering, browsing, and selecting actions. It features both grid and list views, category navigation, and powerful search capabilities.
+
+## Features
+
+- 🎨 Beautiful grid and list view modes
+- 🌳 Hierarchical category navigation with counts
+- 🔍 Real-time search filtering
+- ✅ Single and multi-selection support
+- 📇 Expandable action cards with details
+- ⚡ Quick test integration
+- 🎯 TypeScript support with full type safety
+- 🌓 Light and dark theme support
+
+## Installation
+
+```bash
+npm install @memberjunction/ng-action-gallery
+```
+
+## Usage
+
+### Module Import
+
+```typescript
+import { ActionGalleryModule } from '@memberjunction/ng-action-gallery';
+
+@NgModule({
+  imports: [
+    ActionGalleryModule,
+    // ... other imports
+  ]
+})
+export class YourModule { }
+```
+
+### Component Usage
+
+#### Standalone Gallery
+
+```html
+<mj-action-gallery 
+  [config]="galleryConfig"
+  [preSelectedActions]="selectedIds"
+  (actionSelected)="onActionSelected($event)"
+  (actionsSelected)="onActionsSelected($event)"
+  (actionTestRequested)="onTestRequested($event)">
+</mj-action-gallery>
+```
+
+```typescript
+galleryConfig: ActionGalleryConfig = {
+  selectionMode: true,
+  multiSelect: true,
+  showCategories: true,
+  showSearch: true,
+  defaultView: 'grid',
+  gridColumns: 3,
+  enableQuickTest: true,
+  theme: 'light'
+};
+
+selectedIds = ['action-id-1', 'action-id-2'];
+
+onActionSelected(action: ActionEntity) {
+  console.log('Selected action:', action);
+}
+
+onActionsSelected(actions: ActionEntity[]) {
+  console.log('Selected actions:', actions);
+}
+```
+
+#### Dialog Mode
+
+```typescript
+import { ActionGalleryDialogService } from '@memberjunction/ng-action-gallery';
+
+constructor(private actionGallery: ActionGalleryDialogService) {}
+
+// Single selection
+selectSingleAction() {
+  this.actionGallery.openForSingleSelection({
+    title: 'Select an Action',
+    showCategories: true,
+    enableQuickTest: true
+  }).subscribe(action => {
+    if (action) {
+      console.log('Selected:', action);
+    }
+  });
+}
+
+// Multi-selection
+selectMultipleActions() {
+  this.actionGallery.openForMultiSelection({
+    title: 'Select Actions',
+    preSelectedActions: ['id1', 'id2'],
+    showCategories: true,
+    submitButtonText: 'Add Selected Actions'
+  }).subscribe(actions => {
+    console.log('Selected actions:', actions);
+  });
+}
+
+// Browse only (no selection)
+browseActions() {
+  this.actionGallery.openForBrowsing({
+    title: 'Action Browser',
+    enableQuickTest: true
+  });
+}
+```
+
+## Configuration
+
+### ActionGalleryConfig
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| selectionMode | `boolean` | `false` | Enable selection mode |
+| multiSelect | `boolean` | `false` | Allow multiple selections |
+| showCategories | `boolean` | `true` | Show category sidebar |
+| showSearch | `boolean` | `true` | Show search bar |
+| defaultView | `'grid' \| 'list'` | `'grid'` | Default view mode |
+| gridColumns | `number` | `3` | Number of grid columns |
+| enableQuickTest | `boolean` | `true` | Show test buttons |
+| theme | `'light' \| 'dark'` | `'light'` | Visual theme |
+
+### ActionGalleryDialogConfig
+
+Extends `ActionGalleryConfig` with:
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| title | `string` | `'Select Actions'` | Dialog title |
+| width | `number` | `1200` | Dialog width |
+| height | `number` | `800` | Dialog height |
+| submitButtonText | `string` | `'Select'` | Submit button text |
+| cancelButtonText | `string` | `'Cancel'` | Cancel button text |
+| preSelectedActions | `string[]` | `[]` | Pre-selected action IDs |
+
+## Features in Detail
+
+### Category Navigation
+
+The gallery displays a hierarchical category tree on the left side:
+- Shows action counts per category
+- Supports nested categories
+- Collapsible/expandable nodes
+- "All Actions" and "Uncategorized" special categories
+
+### Action Cards
+
+Each action is displayed as an expandable card showing:
+- Action name and icon
+- Category badge
+- Description
+- Quick test button (if enabled)
+- Expanded details:
+  - Parameters with types and required status
+  - Result codes with descriptions
+
+### Search and Filtering
+
+Real-time search across:
+- Action names
+- Descriptions
+- Categories
+
+### View Modes
+
+**Grid View**: Visual cards in a responsive grid layout
+**List View**: Compact table format for scanning many actions
+
+## Styling
+
+The component uses CSS custom properties for theming:
+
+```scss
+:root {
+  --gallery-primary: #007bff;
+  --gallery-hover: #0056b3;
+  --gallery-selected: #e3f2fd;
+  --gallery-background: #ffffff;
+  --gallery-text: #212529;
+  --gallery-border: #dee2e6;
+}
+```
+
+## Integration with AI Test Harness
+
+The Action Gallery integrates seamlessly with the AI Test Harness:
+
+```typescript
+// In gallery configuration
+enableQuickTest: true
+
+// Handle test requests
+onTestRequested(action: ActionEntity) {
+  this.testHarness.openForAction(action.ID).subscribe(result => {
+    console.log('Test result:', result);
+  });
+}
+```
+
+## Performance
+
+- Lazy loads action details on expansion
+- Debounced search for smooth filtering
+- Virtual scrolling ready for large datasets
+- Efficient category tree rendering
+
+## Dependencies
+
+- Angular 18.0.2+
+- @memberjunction/core
+- @memberjunction/core-entities
+- @memberjunction/ng-ai-test-harness
+- Kendo UI for Angular
+
+## License
+
+ISC
+
+## Contributing
+
+Contributions are welcome! Please submit pull requests to the MemberJunction repository.
+
+## Support
+
+For issues and questions, please use the MemberJunction GitHub repository.

package/dist/lib/action-gallery-dialog.service.d.ts

@@ -0,0 +1,53 @@
+import { ViewContainerRef } from '@angular/core';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { ActionGalleryConfig } from './action-gallery.component';
+import { ActionEntity } from '@memberjunction/core-entities';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ActionGalleryDialogConfig extends ActionGalleryConfig {
+    title?: string;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    minHeight?: number;
+    submitButtonText?: string;
+    cancelButtonText?: string;
+    preSelectedActions?: string[];
+}
+export declare class ActionGalleryDialogService {
+    private dialogService;
+    private dialogRef;
+    constructor(dialogService: DialogService);
+    /**
+     * Opens the Action Gallery in a dialog for single selection
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     * @returns Observable that emits the selected action when confirmed
+     */
+    openForSingleSelection(config?: ActionGalleryDialogConfig, viewContainerRef?: ViewContainerRef): Observable<ActionEntity | null>;
+    /**
+     * Opens the Action Gallery in a dialog for multiple selection
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     * @returns Observable that emits the selected actions when confirmed
+     */
+    openForMultiSelection(config?: ActionGalleryDialogConfig, viewContainerRef?: ViewContainerRef): Observable<ActionEntity[]>;
+    /**
+     * Opens the Action Gallery in a dialog for browsing only (no selection)
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     */
+    openForBrowsing(config?: ActionGalleryDialogConfig, viewContainerRef?: ViewContainerRef): void;
+    /**
+     * Closes the currently open dialog
+     */
+    close(): void;
+    /**
+     * Checks if a dialog is currently open
+     */
+    isOpen(): boolean;
+    private openDialog;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionGalleryDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ActionGalleryDialogService>;
+}
+//# sourceMappingURL=action-gallery-dialog.service.d.ts.map

package/dist/lib/action-gallery-dialog.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-gallery-dialog.service.d.ts","sourceRoot":"","sources":["../../src/lib/action-gallery-dialog.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,aAAa,EAA6B,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAA0B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAW,MAAM,MAAM,CAAC;;AAE3C,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,qBAGa,0BAA0B;IAGzB,OAAO,CAAC,aAAa;IAFjC,OAAO,CAAC,SAAS,CAA0B;gBAEvB,aAAa,EAAE,aAAa;IAEhD;;;;;OAKG;IACH,sBAAsB,CACpB,MAAM,GAAE,yBAA8B,EACtC,gBAAgB,CAAC,EAAE,gBAAgB,GAClC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC;IA2BlC;;;;;OAKG;IACH,qBAAqB,CACnB,MAAM,GAAE,yBAA8B,EACtC,gBAAgB,CAAC,EAAE,gBAAgB,GAClC,UAAU,CAAC,YAAY,EAAE,CAAC;IA2B7B;;;;OAIG;IACH,eAAe,CACb,MAAM,GAAE,yBAA8B,EACtC,gBAAgB,CAAC,EAAE,gBAAgB,GAClC,IAAI;IAgCP;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,MAAM,IAAI,OAAO;IAIjB,OAAO,CAAC,UAAU;yCAtIP,0BAA0B;6CAA1B,0BAA0B;CAmKtC"}

package/dist/lib/action-gallery-dialog.service.js

@@ -0,0 +1,149 @@
+import { Injectable } from '@angular/core';
+import { ActionGalleryComponent } from './action-gallery.component';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+export class ActionGalleryDialogService {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        this.dialogRef = null;
+    }
+    /**
+     * Opens the Action Gallery in a dialog for single selection
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     * @returns Observable that emits the selected action when confirmed
+     */
+    openForSingleSelection(config = {}, viewContainerRef) {
+        const resultSubject = new Subject();
+        // Configure for single selection
+        const galleryConfig = {
+            ...config,
+            selectionMode: true,
+            multiSelect: false
+        };
+        this.openDialog(galleryConfig, viewContainerRef, (component) => {
+            // Handle dialog result
+            this.dialogRef.result.subscribe((result) => {
+                if (result && result.action === 'submit') {
+                    const selectedActions = component.getSelectedActions();
+                    resultSubject.next(selectedActions[0] || null);
+                }
+                else {
+                    resultSubject.next(null);
+                }
+                resultSubject.complete();
+                this.dialogRef = null;
+            });
+        });
+        return resultSubject.asObservable();
+    }
+    /**
+     * Opens the Action Gallery in a dialog for multiple selection
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     * @returns Observable that emits the selected actions when confirmed
+     */
+    openForMultiSelection(config = {}, viewContainerRef) {
+        const resultSubject = new Subject();
+        // Configure for multi selection
+        const galleryConfig = {
+            ...config,
+            selectionMode: true,
+            multiSelect: true
+        };
+        this.openDialog(galleryConfig, viewContainerRef, (component) => {
+            // Handle dialog result
+            this.dialogRef.result.subscribe((result) => {
+                if (result && result.action === 'submit') {
+                    const selectedActions = component.getSelectedActions();
+                    resultSubject.next(selectedActions);
+                }
+                else {
+                    resultSubject.next([]);
+                }
+                resultSubject.complete();
+                this.dialogRef = null;
+            });
+        });
+        return resultSubject.asObservable();
+    }
+    /**
+     * Opens the Action Gallery in a dialog for browsing only (no selection)
+     * @param config Configuration for the gallery
+     * @param viewContainerRef Optional ViewContainerRef for proper positioning
+     */
+    openForBrowsing(config = {}, viewContainerRef) {
+        const galleryConfig = {
+            ...config,
+            selectionMode: false,
+            enableQuickTest: true
+        };
+        const dialogSettings = {
+            title: config.title || 'Action Gallery',
+            width: config.width || 1200,
+            height: config.height || 800,
+            minWidth: config.minWidth || 800,
+            minHeight: config.minHeight || 600,
+            content: ActionGalleryComponent,
+            actions: [
+                { text: 'Close', themeColor: 'base' }
+            ],
+            preventAction: () => false
+        };
+        this.dialogRef = this.dialogService.open(dialogSettings);
+        // Configure the component
+        const component = this.dialogRef.content.instance;
+        component.config = galleryConfig;
+        // Handle dialog close
+        this.dialogRef.result.subscribe(() => {
+            this.dialogRef = null;
+        });
+    }
+    /**
+     * Closes the currently open dialog
+     */
+    close() {
+        if (this.dialogRef) {
+            this.dialogRef.close();
+            this.dialogRef = null;
+        }
+    }
+    /**
+     * Checks if a dialog is currently open
+     */
+    isOpen() {
+        return this.dialogRef !== null;
+    }
+    openDialog(config, viewContainerRef, resultHandler) {
+        const dialogSettings = {
+            title: config.title || 'Select Actions',
+            width: config.width || 1200,
+            height: config.height || 800,
+            minWidth: config.minWidth || 800,
+            minHeight: config.minHeight || 600,
+            content: ActionGalleryComponent,
+            actions: [
+                { text: config.cancelButtonText || 'Cancel' },
+                { text: config.submitButtonText || 'Select', themeColor: 'primary', action: 'submit' }
+            ],
+            preventAction: () => false
+        };
+        this.dialogRef = this.dialogService.open(dialogSettings);
+        // Configure the component
+        const component = this.dialogRef.content.instance;
+        component.config = config;
+        component.preSelectedActions = config.preSelectedActions || [];
+        // Handle result
+        resultHandler(component);
+    }
+    static { this.ɵfac = function ActionGalleryDialogService_Factory(t) { return new (t || ActionGalleryDialogService)(i0.ɵɵinject(i1.DialogService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActionGalleryDialogService, factory: ActionGalleryDialogService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionGalleryDialogService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1.DialogService }], null); })();
+//# sourceMappingURL=action-gallery-dialog.service.js.map

package/dist/lib/action-gallery-dialog.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-gallery-dialog.service.js","sourceRoot":"","sources":["../../src/lib/action-gallery-dialog.service.ts"],"names":[],"mappings":"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"}

package/dist/lib/action-gallery.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter, OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { ActionEntity, ActionCategoryEntity, ActionParamEntity, ActionResultCodeEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export interface ActionGalleryConfig {
+    selectionMode?: boolean;
+    multiSelect?: boolean;
+    showCategories?: boolean;
+    showSearch?: boolean;
+    defaultView?: 'grid' | 'list';
+    gridColumns?: number;
+    enableQuickTest?: boolean;
+    theme?: 'light' | 'dark';
+}
+export interface CategoryNode {
+    id: string;
+    name: string;
+    parent?: string;
+    children?: CategoryNode[];
+    count?: number;
+    icon?: string;
+}
+export interface ActionWithDetails extends ActionEntity {
+    parameters?: ActionParamEntity[];
+    resultCodes?: ActionResultCodeEntity[];
+    expanded?: boolean;
+    selected?: boolean;
+}
+export declare class ActionGalleryComponent implements OnInit, OnDestroy {
+    config: ActionGalleryConfig;
+    preSelectedActions: string[];
+    actionSelected: EventEmitter<ActionEntity>;
+    actionsSelected: EventEmitter<ActionEntity[]>;
+    actionTestRequested: EventEmitter<ActionEntity>;
+    searchInput: ElementRef<HTMLInputElement>;
+    private destroy$;
+    actions$: BehaviorSubject<ActionWithDetails[]>;
+    categories$: BehaviorSubject<ActionCategoryEntity[]>;
+    filteredActions$: BehaviorSubject<ActionWithDetails[]>;
+    categoryTree$: BehaviorSubject<CategoryNode[]>;
+    selectedCategory$: BehaviorSubject<string>;
+    viewMode$: BehaviorSubject<"grid" | "list">;
+    isLoading$: BehaviorSubject<boolean>;
+    selectedActions$: BehaviorSubject<Set<string>>;
+    searchControl: FormControl<string | null>;
+    expandedCategories: Set<string>;
+    hoveredAction: string | null;
+    animateCards: boolean;
+    totalActions: number;
+    categoryCounts: Map<string, number>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    loadData(): Promise<void>;
+    private buildCategoryTree;
+    private getCategoryIcon;
+    private filterActions;
+    private getCategoryName;
+    selectCategory(categoryId: string): void;
+    toggleCategoryExpanded(categoryId: string): void;
+    toggleViewMode(): void;
+    toggleActionExpanded(action: ActionWithDetails): Promise<void>;
+    loadActionDetails(action: ActionWithDetails): Promise<void>;
+    toggleActionSelection(action: ActionWithDetails): void;
+    testAction(action: ActionEntity, event: Event): void;
+    clearSearch(): void;
+    getSelectedActions(): ActionEntity[];
+    getActionIcon(action: ActionEntity): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionGalleryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGalleryComponent, "mj-action-gallery", never, { "config": { "alias": "config"; "required": false; }; "preSelectedActions": { "alias": "preSelectedActions"; "required": false; }; }, { "actionSelected": "actionSelected"; "actionsSelected": "actionsSelected"; "actionTestRequested": "actionTestRequested"; }, never, never, false, never>;
+}
+//# sourceMappingURL=action-gallery.component.d.ts.map

package/dist/lib/action-gallery.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-gallery.component.d.ts","sourceRoot":"","sources":["../../src/lib/action-gallery.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAW,eAAe,EAAgE,MAAM,MAAM,CAAC;AAE9G,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAE9H,MAAM,WAAW,mBAAmB;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAKa,sBAAuB,YAAW,MAAM,EAAE,SAAS;IACrD,MAAM,EAAE,mBAAmB,CASlC;IAEO,kBAAkB,EAAE,MAAM,EAAE,CAAM;IACjC,cAAc,6BAAoC;IAClD,eAAe,+BAAsC;IACrD,mBAAmB,6BAAoC;IAEpB,WAAW,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAGvF,OAAO,CAAC,QAAQ,CAAuB;IACvC,QAAQ,uCAAgD;IACxD,WAAW,0CAAmD;IAC9D,gBAAgB,uCAAgD;IAChE,aAAa,kCAA2C;IACxD,iBAAiB,0BAAsC;IACvD,SAAS,mCAAgD;IACzD,UAAU,2BAAuC;IACjD,gBAAgB,+BAA+C;IAG/D,aAAa,6BAAuB;IAGpC,kBAAkB,cAAqB;IACvC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,YAAY,UAAS;IAGrB,YAAY,SAAK;IACjB,cAAc,sBAA6B;;IAI3C,QAAQ;IAgCR,WAAW;IAKL,QAAQ;IAkDd,OAAO,CAAC,iBAAiB;IA4DzB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,eAAe;IAKvB,cAAc,CAAC,UAAU,EAAE,MAAM;IAIjC,sBAAsB,CAAC,UAAU,EAAE,MAAM;IAQzC,cAAc;IAKR,oBAAoB,CAAC,MAAM,EAAE,iBAAiB;IAS9C,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAiCjD,qBAAqB,CAAC,MAAM,EAAE,iBAAiB;IAgC/C,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK;IAW7C,WAAW;IAOX,kBAAkB,IAAI,YAAY,EAAE;IAKpC,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM;yCAjWhC,sBAAsB;2CAAtB,sBAAsB;CAyXlC"}