@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/project/project-selector.component.js

@@ -0,0 +1,317 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { RunView, Metadata } from '@memberjunction/core';
+import { ProjectFormModalComponent } from './project-form-modal.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dialog.service";
+import * as i2 from "@progress/kendo-angular-dialog";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@progress/kendo-angular-dropdowns";
+function ProjectSelectorComponent_ng_template_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", dataItem_r1.conversationCount, " conversations");
+} }
+function ProjectSelectorComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "div", 7)(3, "span", 8);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, ProjectSelectorComponent_ng_template_2_Conditional_5_Template, 2, 1, "span", 9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const dataItem_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("fa-solid ", dataItem_r1.Icon || "fa-folder", "");
+    i0.ɵɵstyleProp("color", dataItem_r1.Color || "#0076B6");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(dataItem_r1.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showStats && dataItem_r1.conversationCount != null ? 5 : -1);
+} }
+function ProjectSelectorComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const dataItem_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("fa-solid ", dataItem_r3.Icon || "fa-folder", "");
+    i0.ɵɵstyleProp("color", dataItem_r3.Color || "#0076B6");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dataItem_r3.Name);
+} }
+function ProjectSelectorComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function ProjectSelectorComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditProject()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "button", 11);
+    i0.ɵɵlistener("click", function ProjectSelectorComponent_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDeleteProject()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("icon", "edit")("disabled", ctx_r1.disabled);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", "trash")("disabled", ctx_r1.disabled);
+} }
+export class ProjectSelectorComponent {
+    dialogService;
+    kendoDialogService;
+    viewContainerRef;
+    environmentId;
+    currentUser;
+    selectedProjectId = null;
+    disabled = false;
+    showStats = true;
+    projectSelected = new EventEmitter();
+    projectCreated = new EventEmitter();
+    projectUpdated = new EventEmitter();
+    projectDeleted = new EventEmitter();
+    projectsWithStats = [];
+    selectedProject = null;
+    constructor(dialogService, kendoDialogService, viewContainerRef) {
+        this.dialogService = dialogService;
+        this.kendoDialogService = kendoDialogService;
+        this.viewContainerRef = viewContainerRef;
+    }
+    ngOnInit() {
+        this.loadProjects();
+    }
+    async loadProjects() {
+        try {
+            const rv = new RunView();
+            // Load projects and conversation counts in parallel
+            const [projectsResult, conversationsResult] = await rv.RunViews([
+                {
+                    EntityName: 'MJ: Projects',
+                    ExtraFilter: `EnvironmentID='${this.environmentId}' AND IsArchived=0`,
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                },
+                {
+                    EntityName: 'Conversations',
+                    ExtraFilter: `EnvironmentID='${this.environmentId}'`,
+                    ResultType: 'entity_object'
+                }
+            ], this.currentUser);
+            if (projectsResult.Success && conversationsResult.Success) {
+                const projects = projectsResult.Results || [];
+                const conversations = conversationsResult.Results || [];
+                // Calculate conversation counts per project
+                const conversationCounts = this.calculateConversationCounts(conversations);
+                // Merge projects with stats
+                this.projectsWithStats = projects.map(p => {
+                    const projectWithStats = p;
+                    projectWithStats.conversationCount = conversationCounts.get(p.ID) || 0;
+                    return projectWithStats;
+                });
+                if (this.selectedProjectId) {
+                    this.selectedProject = this.projectsWithStats.find(p => p.ID === this.selectedProjectId) || null;
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error loading projects:', error);
+        }
+    }
+    calculateConversationCounts(conversations) {
+        const counts = new Map();
+        for (const conv of conversations) {
+            if (conv.ProjectID) {
+                counts.set(conv.ProjectID, (counts.get(conv.ProjectID) || 0) + 1);
+            }
+        }
+        return counts;
+    }
+    onProjectChange(project) {
+        this.selectedProject = project;
+        this.projectSelected.emit(project);
+    }
+    onCreateProject() {
+        const dialogRef = this.kendoDialogService.open({
+            content: ProjectFormModalComponent,
+            width: 600,
+            minWidth: 400
+        });
+        const modalInstance = dialogRef.content.instance;
+        modalInstance.dialogRef = dialogRef;
+        modalInstance.environmentId = this.environmentId;
+        modalInstance.currentUser = this.currentUser;
+        modalInstance.projectSaved.subscribe(async (project) => {
+            this.projectCreated.emit(project);
+            await this.loadProjects();
+            this.selectedProject = project;
+            this.projectSelected.emit(project);
+        });
+    }
+    onEditProject() {
+        if (!this.selectedProject)
+            return;
+        const dialogRef = this.kendoDialogService.open({
+            content: ProjectFormModalComponent,
+            width: 600,
+            minWidth: 400
+        });
+        const modalInstance = dialogRef.content.instance;
+        modalInstance.dialogRef = dialogRef;
+        modalInstance.project = this.selectedProject;
+        modalInstance.environmentId = this.environmentId;
+        modalInstance.currentUser = this.currentUser;
+        modalInstance.projectSaved.subscribe(async (project) => {
+            this.projectUpdated.emit(project);
+            await this.loadProjects();
+            this.selectedProject = project;
+            this.projectSelected.emit(project);
+        });
+    }
+    async onDeleteProject() {
+        if (!this.selectedProject)
+            return;
+        const projectName = this.selectedProject.Name;
+        const projectId = this.selectedProject.ID;
+        const conversationCount = this.selectedProject.conversationCount || 0;
+        let message = `Are you sure you want to delete the project "${projectName}"?`;
+        if (conversationCount > 0) {
+            message += `\n\nThis project has ${conversationCount} conversation(s). The conversations will not be deleted, but will be unassigned from this project.`;
+        }
+        const confirmed = await this.dialogService.confirm({
+            title: 'Delete Project',
+            message: message,
+            okText: 'Delete',
+            cancelText: 'Cancel',
+            dangerous: true
+        });
+        if (!confirmed)
+            return;
+        try {
+            const md = new Metadata();
+            const project = await md.GetEntityObject('MJ: Projects', this.currentUser);
+            await project.Load(projectId);
+            const deleted = await project.Delete();
+            if (deleted) {
+                this.projectDeleted.emit(projectId);
+                await this.loadProjects();
+                this.selectedProject = null;
+                this.projectSelected.emit(null);
+            }
+            else {
+                throw new Error('Delete operation returned false');
+            }
+        }
+        catch (error) {
+            console.error('Error deleting project:', error);
+            await this.dialogService.alert('Error', 'Failed to delete project. Please try again.');
+        }
+    }
+    static ɵfac = function ProjectSelectorComponent_Factory(t) { return new (t || ProjectSelectorComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.DialogService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectSelectorComponent, selectors: [["mj-project-selector"]], inputs: { environmentId: "environmentId", currentUser: "currentUser", selectedProjectId: "selectedProjectId", disabled: "disabled", showStats: "showStats" }, outputs: { projectSelected: "projectSelected", projectCreated: "projectCreated", projectUpdated: "projectUpdated", projectDeleted: "projectDeleted" }, decls: 7, vars: 9, consts: [[1, "project-selector"], [3, "valueChange", "data", "value", "textField", "valueField", "disabled"], ["kendoDropDownListItemTemplate", ""], ["kendoDropDownListValueTemplate", ""], [1, "project-actions"], ["kendoButton", "", "title", "Create New Project", 1, "btn-icon", 3, "click", "icon", "disabled", "themeColor"], [1, "project-item"], [1, "project-info"], [1, "project-name"], [1, "project-stats"], ["kendoButton", "", "title", "Edit Project", 1, "btn-icon", 3, "click", "icon", "disabled"], ["kendoButton", "", "title", "Delete Project", 1, "btn-icon", "btn-danger", 3, "click", "icon", "disabled"]], template: function ProjectSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "kendo-dropdownlist", 1);
+            i0.ɵɵlistener("valueChange", function ProjectSelectorComponent_Template_kendo_dropdownlist_valueChange_1_listener($event) { return ctx.onProjectChange($event); });
+            i0.ɵɵtemplate(2, ProjectSelectorComponent_ng_template_2_Template, 6, 7, "ng-template", 2)(3, ProjectSelectorComponent_ng_template_3_Template, 4, 6, "ng-template", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵtemplate(5, ProjectSelectorComponent_Conditional_5_Template, 2, 4);
+            i0.ɵɵelementStart(6, "button", 5);
+            i0.ɵɵlistener("click", function ProjectSelectorComponent_Template_button_click_6_listener() { return ctx.onCreateProject(); });
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("data", ctx.projectsWithStats)("value", ctx.selectedProject)("textField", "Name")("valueField", "ID")("disabled", ctx.disabled);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.selectedProject ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("icon", "plus")("disabled", ctx.disabled)("themeColor", "primary");
+        } }, dependencies: [i3.ButtonComponent, i4.ItemTemplateDirective, i4.ValueTemplateDirective, i4.DropDownListComponent], styles: [".project-selector[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    }\n    .project-selector[_ngcontent-%COMP%]   kendo-dropdownlist[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 200px;\n    }\n    .project-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n    }\n    .project-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .project-name[_ngcontent-%COMP%] {\n      font-weight: 500;\n      color: #333;\n    }\n    .project-stats[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #666;\n    }\n    .project-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 4px;\n    }\n    .btn-icon[_ngcontent-%COMP%] {\n      min-width: auto;\n      padding: 6px 8px;\n    }\n    .btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background-color: #F44336;\n      border-color: #F44336;\n      color: white;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProjectSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-project-selector', template: `
+    <div class="project-selector">
+      <kendo-dropdownlist
+        [data]="projectsWithStats"
+        [value]="selectedProject"
+        [textField]="'Name'"
+        [valueField]="'ID'"
+        [disabled]="disabled"
+        (valueChange)="onProjectChange($event)">
+        <ng-template kendoDropDownListItemTemplate let-dataItem>
+          <div class="project-item">
+            <i class="fa-solid {{ dataItem.Icon || 'fa-folder' }}"
+               [style.color]="dataItem.Color || '#0076B6'"></i>
+            <div class="project-info">
+              <span class="project-name">{{ dataItem.Name }}</span>
+              @if (showStats && dataItem.conversationCount != null) {
+                <span class="project-stats">{{ dataItem.conversationCount }} conversations</span>
+              }
+            </div>
+          </div>
+        </ng-template>
+        <ng-template kendoDropDownListValueTemplate let-dataItem>
+          <div class="project-item">
+            <i class="fa-solid {{ dataItem.Icon || 'fa-folder' }}"
+               [style.color]="dataItem.Color || '#0076B6'"></i>
+            <span>{{ dataItem.Name }}</span>
+          </div>
+        </ng-template>
+      </kendo-dropdownlist>
+
+      <div class="project-actions">
+        @if (selectedProject) {
+          <button
+            kendoButton
+            [icon]="'edit'"
+            [disabled]="disabled"
+            (click)="onEditProject()"
+            title="Edit Project"
+            class="btn-icon">
+          </button>
+          <button
+            kendoButton
+            [icon]="'trash'"
+            [disabled]="disabled"
+            (click)="onDeleteProject()"
+            title="Delete Project"
+            class="btn-icon btn-danger">
+          </button>
+        }
+        <button
+          kendoButton
+          [icon]="'plus'"
+          [disabled]="disabled"
+          (click)="onCreateProject()"
+          title="Create New Project"
+          [themeColor]="'primary'"
+          class="btn-icon">
+        </button>
+      </div>
+    </div>
+  `, styles: ["\n    .project-selector {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    }\n    .project-selector kendo-dropdownlist {\n      flex: 1;\n      min-width: 200px;\n    }\n    .project-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n    }\n    .project-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .project-name {\n      font-weight: 500;\n      color: #333;\n    }\n    .project-stats {\n      font-size: 12px;\n      color: #666;\n    }\n    .project-actions {\n      display: flex;\n      gap: 4px;\n    }\n    .btn-icon {\n      min-width: auto;\n      padding: 6px 8px;\n    }\n    .btn-danger:hover:not(:disabled) {\n      background-color: #F44336;\n      border-color: #F44336;\n      color: white;\n    }\n  "] }]
+    }], () => [{ type: i1.DialogService }, { type: i2.DialogService }, { type: i0.ViewContainerRef }], { environmentId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], selectedProjectId: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], showStats: [{
+            type: Input
+        }], projectSelected: [{
+            type: Output
+        }], projectCreated: [{
+            type: Output
+        }], projectUpdated: [{
+            type: Output
+        }], projectDeleted: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProjectSelectorComponent, { className: "ProjectSelectorComponent", filePath: "src/lib/components/project/project-selector.component.ts", lineNumber: 119 }); })();
+//# sourceMappingURL=project-selector.component.js.map

package/dist/lib/components/project/project-selector.component.js.map

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

package/dist/lib/components/search/search-panel.component.d.ts

@@ -0,0 +1,120 @@
+import { OnInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
+import { UserInfo } from '@memberjunction/core';
+import { SearchService, SearchResult, SearchFilter, GroupedSearchResults, DateRange } from '../../services/search.service';
+import * as i0 from "@angular/core";
+/**
+ * Search panel component providing global search UI
+ * Can be displayed as a modal or slide-out panel
+ * Supports filtering, date ranges, and result navigation
+ */
+export declare class SearchPanelComponent implements OnInit, OnDestroy {
+    private searchService;
+    environmentId: string;
+    currentUser: UserInfo;
+    isOpen: boolean;
+    close: EventEmitter<void>;
+    resultSelected: EventEmitter<SearchResult>;
+    searchInput?: ElementRef<HTMLInputElement>;
+    searchQuery: string;
+    activeFilter: SearchFilter;
+    dateRange: DateRange;
+    isSearching: boolean;
+    results: GroupedSearchResults;
+    recentSearches: string[];
+    selectedIndex: number;
+    private destroy$;
+    constructor(searchService: SearchService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Subscribe to search service state
+     */
+    private subscribeToSearchState;
+    /**
+     * Load recent searches
+     */
+    private loadRecentSearches;
+    /**
+     * Handle search input
+     */
+    onSearchInput(): void;
+    /**
+     * Perform search
+     */
+    private performSearch;
+    /**
+     * Set search filter
+     */
+    setFilter(filter: SearchFilter): void;
+    /**
+     * Clear search
+     */
+    clearSearch(): void;
+    /**
+     * Select a result
+     */
+    selectResult(result: SearchResult): void;
+    /**
+     * Use recent search
+     */
+    useRecentSearch(query: string): void;
+    /**
+     * Clear recent searches
+     */
+    clearRecentSearches(): void;
+    /**
+     * Close panel
+     */
+    closePanel(): void;
+    /**
+     * Focus search input
+     */
+    private focusSearchInput;
+    /**
+     * Handle keyboard navigation
+     */
+    handleKeyboard(event: KeyboardEvent): void;
+    /**
+     * Get all results as flat array
+     */
+    private getAllResultsFlat;
+    /**
+     * Check if result is selected
+     */
+    isResultSelected(result: SearchResult): boolean;
+    /**
+     * Get icon for result type
+     */
+    getResultIcon(type: string): string;
+    /**
+     * Get filter display text
+     */
+    getFilterText(filter: SearchFilter): string;
+    /**
+     * Format date for display
+     */
+    formatDate(date: Date): string;
+    /**
+     * Highlight matched text in result
+     */
+    highlightMatch(text: string, query: string): string;
+    /**
+     * Escape regex special characters
+     */
+    private escapeRegex;
+    /**
+     * Handle date range change
+     */
+    onDateRangeChange(): void;
+    /**
+     * Clear date range
+     */
+    clearDateRange(): void;
+    /**
+     * Watch for panel open state changes
+     */
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchPanelComponent, "mj-search-panel", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "close": "close"; "resultSelected": "resultSelected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=search-panel.component.d.ts.map

package/dist/lib/components/search/search-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/search/search-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,SAAS,EAET,YAAY,EAIZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACV,MAAM,+BAA+B,CAAC;;AAEvC;;;;GAIG;AACH,qBAKa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAyBhD,OAAO,CAAC,aAAa;IAxBxB,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,MAAM,EAAE,OAAO,CAAS;IAEvB,KAAK,qBAA4B;IACjC,cAAc,6BAAoC;IAElC,WAAW,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9D,WAAW,EAAE,MAAM,CAAM;IACzB,YAAY,EAAE,YAAY,CAAS;IACnC,SAAS,EAAE,SAAS,CAA8B;IAClD,WAAW,EAAE,OAAO,CAAS;IAC7B,OAAO,EAAE,oBAAoB,CAKlC;IACK,cAAc,EAAE,MAAM,EAAE,CAAM;IAC9B,aAAa,EAAE,MAAM,CAAM;IAElC,OAAO,CAAC,QAAQ,CAAuB;gBAEnB,aAAa,EAAE,aAAa;IAEhD,QAAQ,IAAI,IAAI;IAKhB,WAAW,IAAI,IAAI;IAKnB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA2B9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IACI,aAAa,IAAI,IAAI;IAQ5B;;OAEG;YACW,aAAa;IAQ3B;;OAEG;IACI,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAO5C;;OAEG;IACI,WAAW,IAAI,IAAI;IAM1B;;OAEG;IACI,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAK/C;;OAEG;IACI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3C;;OAEG;IACI,mBAAmB,IAAI,IAAI;IAKlC;;OAEG;IACI,UAAU,IAAI,IAAI;IAIzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;OAEG;IAEI,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAoCjD;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;OAEG;IACI,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO;IAMtD;;OAEG;IACI,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAa1C;;OAEG;IACI,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM;IAelD;;OAEG;IACI,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAarC;;OAEG;IACI,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAO1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAInB;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAOhC;;OAEG;IACI,cAAc,IAAI,IAAI;IAQ7B;;OAEG;IACH,WAAW,IAAI,IAAI;yCAlTR,oBAAoB;2CAApB,oBAAoB;CAuThC"}