@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/custom/shared/entity-selector-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/shared/entity-selector-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface EntitySelectorConfig {\n    entityName: string;\n    title: string;\n    displayField: string;\n    descriptionField?: string;\n    statusField?: string;\n    filters?: string;\n    orderBy?: string;\n    icon?: string;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-entity-selector-dialog',\n    template: `\n        <div class=\"dialog-wrapper\">\n          <div class=\"dialog-header\">\n            <h3>@if (config.icon) {\n              <i [class]=\"config.icon\"></i>\n            } {{ config.title }}</h3>\n          </div>\n          <div class=\"dialog-content\">\n            <!-- Search Bar -->\n            <div class=\"search-bar\">\n              <div class=\"search-input-wrapper\">\n                <i class=\"fa-solid fa-search search-icon\"></i>\n                <input class=\"mj-input search-input\" [(ngModel)]=\"searchText\" placeholder=\"Search...\" (ngModelChange)=\"onSearchChange()\" />\n              </div>\n            </div>\n        \n            <!-- Loading State -->\n            @if (isLoading) {\n              <div class=\"loading-state\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <p>Loading {{ config.entityName }}...</p>\n              </div>\n            }\n\n            <!-- Entity List -->\n            @if (!isLoading) {\n              <div class=\"entity-list-container\">\n                @if (filteredEntities.length === 0) {\n                  <mj-empty-state class=\"empty-state\"\n                    [Variant]=\"searchText ? 'no-results' : 'empty'\"\n                    [Title]=\"EmptyStateTitle\" />\n                } @else {\n                  <div class=\"entity-list\">\n                    @for (entity of filteredEntities; track entity.ID) {\n                      <div class=\"entity-item\"\n                        [class.selected]=\"IsEntitySelected(entity)\"\n                        (click)=\"selectEntity(entity)\">\n                        <div class=\"item-icon\">\n                          <i [class]=\"config.icon || 'fa-solid fa-file'\"></i>\n                        </div>\n                        <div class=\"item-content\">\n                          <div class=\"item-title\">{{ entity[config.displayField] || 'Untitled' }}</div>\n                          @if (config.descriptionField && entity[config.descriptionField]) {\n                            <div class=\"item-description\">{{ entity[config.descriptionField] }}</div>\n                          }\n                          @if (config.statusField && entity[config.statusField]) {\n                            <div class=\"item-status\">\n                              <span class=\"status-badge\" [class.active]=\"entity[config.statusField] === 'Active'\">\n                                {{ entity[config.statusField] }}\n                              </span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div class=\"dialog-actions\">\n            <button mjButton variant=\"primary\" (click)=\"createNew()\">\n              <i class=\"fa-solid fa-plus\"></i> Create New\n            </button>\n            <button mjButton (click)=\"onCancel()\">Cancel</button>\n            <button mjButton variant=\"primary\" [disabled]=\"!selectedEntity\" (click)=\"onSelect()\">Select</button>\n          </div>\n        </div>\n        `,\n    styles: [`\n        .dialog-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 600px;\n            width: 800px;\n        }\n\n        .dialog-header {\n            padding: 16px;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .dialog-header h3 {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .dialog-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            padding: 16px;\n            gap: 16px;\n            overflow: hidden;\n        }\n\n        .dialog-actions {\n            padding: 16px;\n            border-top: 1px solid var(--mj-border-default);\n            display: flex;\n            gap: 8px;\n            justify-content: flex-end;\n        }\n\n        .search-bar {\n            display: flex;\n            gap: 12px;\n        }\n\n        .search-input-wrapper {\n            flex: 1;\n            position: relative;\n            display: flex;\n            align-items: center;\n        }\n\n        .search-icon {\n            position: absolute;\n            left: 10px;\n            color: var(--mj-text-muted);\n            pointer-events: none;\n        }\n\n        .search-input {\n            flex: 1;\n            padding-left: 32px;\n        }\n\n        .loading-state {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: var(--mj-text-muted);\n            gap: 12px;\n        }\n\n        .loading-state i {\n            font-size: 48px;\n            color: var(--mj-border-default);\n        }\n\n        mj-empty-state.empty-state {\n            flex: 1;\n        }\n\n        .entity-list-container {\n            flex: 1;\n            overflow-y: auto;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            background: var(--mj-bg-surface-sunken);\n        }\n\n        .entity-list {\n            padding: 8px;\n        }\n\n        .entity-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            margin-bottom: 8px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .entity-item:hover {\n            border-color: var(--mj-brand-primary);\n            box-shadow: var(--mj-shadow-md);\n        }\n\n        .entity-item.selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            border-color: var(--mj-brand-primary);\n        }\n\n        .item-icon {\n            width: 36px;\n            height: 36px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .item-icon i {\n            color: var(--mj-brand-primary);\n            font-size: 16px;\n        }\n\n        .item-content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .item-title {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .item-description {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n            line-height: 1.4;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .item-status {\n            margin-top: 4px;\n        }\n\n        .status-badge {\n            font-size: 11px;\n            padding: 2px 8px;\n            border-radius: 12px;\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-secondary);\n            font-weight: 500;\n        }\n\n        .status-badge.active {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n    `]\n})\nexport class EntitySelectorDialogComponent extends BaseAngularComponent implements OnInit {\n    @Input() config!: EntitySelectorConfig;\n\n    public entities: any[] = [];\n    public filteredEntities: any[] = [];\n    public selectedEntity: any = null;\n    public searchText: string = '';\n    public isLoading: boolean = true;\n\n    @Output() DialogClosed = new EventEmitter<Record<string, unknown> | null>();\n\n    constructor(\n        private sharedService: SharedService\n    ) {\n    super();}\n\n    /** Title for the empty/no-results placeholder, echoing the active search term when narrowed. */\n    public get EmptyStateTitle(): string {\n        return this.searchText\n            ? `No ${this.config.entityName} match \"${this.searchText}\"`\n            : `No ${this.config.entityName} found`;\n    }\n\n    async ngOnInit() {\n        await this.loadEntities();\n    }\n\n    async loadEntities() {\n        this.isLoading = true;\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const result = await rv.RunView({\n                EntityName: this.config.entityName,\n                ExtraFilter: this.config.filters,\n                OrderBy: this.config.orderBy \n            });\n\n            this.entities = result.Results;\n            this.filteredEntities = [...this.entities];\n        } catch (error) {\n            console.error('Error loading entities:', error);\n            this.entities = [];\n            this.filteredEntities = [];\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    onSearchChange() {\n        if (!this.searchText) {\n            this.filteredEntities = [...this.entities];\n        } else {\n            const searchLower = this.searchText.toLowerCase();\n            this.filteredEntities = this.entities.filter(entity => {\n                const displayValue = entity[this.config.displayField] || '';\n                const descriptionValue = this.config.descriptionField ? (entity[this.config.descriptionField] || '') : '';\n                return displayValue.toLowerCase().includes(searchLower) || \n                       descriptionValue.toLowerCase().includes(searchLower);\n            });\n        }\n    }\n\n    selectEntity(entity: any) {\n        this.selectedEntity = entity;\n    }\n\n    onSelect() {\n        if (this.selectedEntity) {\n            this.DialogClosed.emit({ entity: this.selectedEntity });\n        }\n    }\n\n    createNew() {\n        this.DialogClosed.emit({ createNew: true });\n    }\n\n    IsEntitySelected(entity: Record<string, unknown>): boolean {\n        return UUIDsEqual(this.selectedEntity?.ID, entity.ID as string);\n    }\n\n    onCancel() {\n        this.DialogClosed.emit(null);\n    }\n}"]}
+{"version":3,"file":"entity-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/shared/entity-selector-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface EntitySelectorConfig {\n    EntityName: string;\n    Title: string;\n    DisplayField: string;\n    DescriptionField?: string;\n    StatusField?: string;\n    Filters?: string;\n    OrderBy?: string;\n    Icon?: string;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-entity-selector-dialog',\n    template: `\n        <div class=\"dialog-wrapper\">\n          <div class=\"dialog-header\">\n            <h3>@if (config.Icon) {\n              <i [class]=\"config.Icon\"></i>\n            } {{ config.Title }}</h3>\n          </div>\n          <div class=\"dialog-content\">\n            <!-- Search Bar -->\n            <div class=\"search-bar\">\n              <div class=\"search-input-wrapper\">\n                <i class=\"fa-solid fa-search search-icon\"></i>\n                <input class=\"mj-input search-input\" [(ngModel)]=\"searchText\" placeholder=\"Search...\" (ngModelChange)=\"onSearchChange()\" />\n              </div>\n            </div>\n        \n            <!-- Loading State -->\n            @if (isLoading) {\n              <div class=\"loading-state\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <p>Loading {{ config.EntityName }}...</p>\n              </div>\n            }\n\n            <!-- Entity List -->\n            @if (!isLoading) {\n              <div class=\"entity-list-container\">\n                @if (filteredEntities.length === 0) {\n                  <mj-empty-state class=\"empty-state\"\n                    [Variant]=\"searchText ? 'no-results' : 'empty'\"\n                    [Title]=\"EmptyStateTitle\" />\n                } @else {\n                  <div class=\"entity-list\">\n                    @for (entity of filteredEntities; track entity.ID) {\n                      <div class=\"entity-item\"\n                        [class.selected]=\"IsEntitySelected(entity)\"\n                        (click)=\"selectEntity(entity)\">\n                        <div class=\"item-icon\">\n                          <i [class]=\"config.Icon || 'fa-solid fa-file'\"></i>\n                        </div>\n                        <div class=\"item-content\">\n                          <div class=\"item-title\">{{ entity[config.DisplayField] || 'Untitled' }}</div>\n                          @if (config.DescriptionField && entity[config.DescriptionField]) {\n                            <div class=\"item-description\">{{ entity[config.DescriptionField] }}</div>\n                          }\n                          @if (config.StatusField && entity[config.StatusField]) {\n                            <div class=\"item-status\">\n                              <span class=\"status-badge\" [class.active]=\"entity[config.StatusField] === 'Active'\">\n                                {{ entity[config.StatusField] }}\n                              </span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div class=\"dialog-actions\">\n            <button mjButton variant=\"primary\" (click)=\"createNew()\">\n              <i class=\"fa-solid fa-plus\"></i> Create New\n            </button>\n            <button mjButton (click)=\"onCancel()\">Cancel</button>\n            <button mjButton variant=\"primary\" [disabled]=\"!selectedEntity\" (click)=\"onSelect()\">Select</button>\n          </div>\n        </div>\n        `,\n    styles: [`\n        .dialog-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 600px;\n            width: 800px;\n        }\n\n        .dialog-header {\n            padding: 16px;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .dialog-header h3 {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .dialog-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            padding: 16px;\n            gap: 16px;\n            overflow: hidden;\n        }\n\n        .dialog-actions {\n            padding: 16px;\n            border-top: 1px solid var(--mj-border-default);\n            display: flex;\n            gap: 8px;\n            justify-content: flex-end;\n        }\n\n        .search-bar {\n            display: flex;\n            gap: 12px;\n        }\n\n        .search-input-wrapper {\n            flex: 1;\n            position: relative;\n            display: flex;\n            align-items: center;\n        }\n\n        .search-icon {\n            position: absolute;\n            left: 10px;\n            color: var(--mj-text-muted);\n            pointer-events: none;\n        }\n\n        .search-input {\n            flex: 1;\n            padding-left: 32px;\n        }\n\n        .loading-state {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: var(--mj-text-muted);\n            gap: 12px;\n        }\n\n        .loading-state i {\n            font-size: 48px;\n            color: var(--mj-border-default);\n        }\n\n        mj-empty-state.empty-state {\n            flex: 1;\n        }\n\n        .entity-list-container {\n            flex: 1;\n            overflow-y: auto;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            background: var(--mj-bg-surface-sunken);\n        }\n\n        .entity-list {\n            padding: 8px;\n        }\n\n        .entity-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            margin-bottom: 8px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .entity-item:hover {\n            border-color: var(--mj-brand-primary);\n            box-shadow: var(--mj-shadow-md);\n        }\n\n        .entity-item.selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            border-color: var(--mj-brand-primary);\n        }\n\n        .item-icon {\n            width: 36px;\n            height: 36px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .item-icon i {\n            color: var(--mj-brand-primary);\n            font-size: 16px;\n        }\n\n        .item-content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .item-title {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .item-description {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n            line-height: 1.4;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .item-status {\n            margin-top: 4px;\n        }\n\n        .status-badge {\n            font-size: 11px;\n            padding: 2px 8px;\n            border-radius: 12px;\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-secondary);\n            font-weight: 500;\n        }\n\n        .status-badge.active {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n    `]\n})\nexport class EntitySelectorDialogComponent extends BaseAngularComponent implements OnInit {\n    @Input() config!: EntitySelectorConfig;\n\n    public Entities: any[] = [];\n\n    /** @deprecated Use {@link Entities}. */\n    public get entities(): any[] {\n      return this.Entities;\n    }\n    /** @deprecated Use {@link Entities}. */\n    public set entities(value: any[]) {\n      this.Entities = value;\n    }\n    public FilteredEntities: any[] = [];\n\n    /** @deprecated Use {@link FilteredEntities}. */\n    public get filteredEntities(): any[] {\n      return this.FilteredEntities;\n    }\n    /** @deprecated Use {@link FilteredEntities}. */\n    public set filteredEntities(value: any[]) {\n      this.FilteredEntities = value;\n    }\n    public SelectedEntity: any = null;\n\n    /** @deprecated Use {@link SelectedEntity}. */\n    public get selectedEntity(): any {\n      return this.SelectedEntity;\n    }\n    /** @deprecated Use {@link SelectedEntity}. */\n    public set selectedEntity(value: any) {\n      this.SelectedEntity = value;\n    }\n    public SearchText: string = '';\n\n    /** @deprecated Use {@link SearchText}. */\n    public get searchText(): string {\n      return this.SearchText;\n    }\n    /** @deprecated Use {@link SearchText}. */\n    public set searchText(value: string) {\n      this.SearchText = value;\n    }\n    public isLoading: boolean = true;\n\n    @Output() DialogClosed = new EventEmitter<Record<string, unknown> | null>();\n\n    constructor(\n        private sharedService: SharedService\n    ) {\n    super();}\n\n    /** Title for the empty/no-results placeholder, echoing the active search term when narrowed. */\n    public get EmptyStateTitle(): string {\n        return this.SearchText\n            ? `No ${this.config.EntityName} match \"${this.SearchText}\"`\n            : `No ${this.config.EntityName} found`;\n    }\n\n    async ngOnInit() {\n        await this.LoadEntities();\n    }\n\n    async LoadEntities() {\n        this.isLoading = true;\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n            const result = await rv.RunView({\n                EntityName: this.config.EntityName,\n                ExtraFilter: this.config.Filters,\n                OrderBy: this.config.OrderBy \n            });\n\n            this.Entities = result.Results;\n            this.FilteredEntities = [...this.Entities];\n        } catch (error) {\n            console.error('Error loading entities:', error);\n            this.Entities = [];\n            this.FilteredEntities = [];\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    /** @deprecated Use {@link LoadEntities}. */\n    async loadEntities() {\n      return this.LoadEntities();\n    }\n\n    OnSearchChange() {\n        if (!this.SearchText) {\n            this.FilteredEntities = [...this.Entities];\n        } else {\n            const searchLower = this.SearchText.toLowerCase();\n            this.FilteredEntities = this.Entities.filter(entity => {\n                const displayValue = entity[this.config.DisplayField] || '';\n                const descriptionValue = this.config.DescriptionField ? (entity[this.config.DescriptionField] || '') : '';\n                return displayValue.toLowerCase().includes(searchLower) || \n                       descriptionValue.toLowerCase().includes(searchLower);\n            });\n        }\n    }\n\n    /** @deprecated Use {@link OnSearchChange}. */\n    onSearchChange() {\n      return this.OnSearchChange();\n    }\n\n    SelectEntity(entity: any) {\n        this.SelectedEntity = entity;\n    }\n\n    /** @deprecated Use {@link SelectEntity}. */\n    selectEntity(entity: any) {\n      return this.SelectEntity(entity);\n    }\n\n    OnSelect() {\n        if (this.SelectedEntity) {\n            this.DialogClosed.emit({ entity: this.SelectedEntity });\n        }\n    }\n\n    /** @deprecated Use {@link OnSelect}. */\n    onSelect() {\n      return this.OnSelect();\n    }\n\n    CreateNew() {\n        this.DialogClosed.emit({ createNew: true });\n    }\n\n    /** @deprecated Use {@link CreateNew}. */\n    createNew() {\n      return this.CreateNew();\n    }\n\n    IsEntitySelected(entity: Record<string, unknown>): boolean {\n        return UUIDsEqual(this.SelectedEntity?.ID, entity.ID as string);\n    }\n\n    onCancel() {\n        this.DialogClosed.emit(null);\n    }\n}"]}

package/dist/lib/generated/Entities/MJAIAgent/mjaiagent.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mjaiagent.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/MJAIAgent/mjaiagent.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,sBAAuB,SAAQ,iBAAiB;IAClD,MAAM,EAAG,eAAe,CAAC;IAEjB,QAAQ;yCAHd,sBAAsB;2CAAtB,sBAAsB;CA0DlC"}
+{"version":3,"file":"mjaiagent.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/MJAIAgent/mjaiagent.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,sBAAuB,SAAQ,iBAAiB;IAClD,MAAM,EAAG,eAAe,CAAC;IAEjB,QAAQ;yCAHd,sBAAsB;2CAAtB,sBAAsB;CA2DlC"}