@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/project/project-form-modal.component.js

@@ -0,0 +1,357 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@progress/kendo-angular-dialog";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@progress/kendo-angular-inputs";
+function ProjectFormModalComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1, "Project name is required");
+    i0.ɵɵelementEnd();
+} }
+function ProjectFormModalComponent_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function ProjectFormModalComponent_For_17_Template_button_click_0_listener() { const color_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectColor(color_r2)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const color_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("background-color", color_r2);
+    i0.ɵɵclassProp("selected", ctx_r2.formData.color === color_r2);
+    i0.ɵɵproperty("title", color_r2);
+} }
+function ProjectFormModalComponent_For_34_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function ProjectFormModalComponent_For_34_Template_button_click_0_listener() { const icon_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectIcon(icon_r5)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const icon_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("selected", ctx_r2.formData.icon === icon_r5);
+    i0.ɵɵproperty("title", icon_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("fa-solid ", icon_r5, "");
+} }
+const DEFAULT_PROJECT_COLORS = [
+    '#0076B6', // MJ Blue
+    '#F44336', // Red
+    '#E91E63', // Pink
+    '#9C27B0', // Purple
+    '#673AB7', // Deep Purple
+    '#3F51B5', // Indigo
+    '#2196F3', // Blue
+    '#03A9F4', // Light Blue
+    '#00BCD4', // Cyan
+    '#009688', // Teal
+    '#4CAF50', // Green
+    '#8BC34A', // Light Green
+    '#CDDC39', // Lime
+    '#FFEB3B', // Yellow
+    '#FFC107', // Amber
+    '#FF9800', // Orange
+    '#FF5722', // Deep Orange
+    '#795548', // Brown
+    '#607D8B', // Blue Grey
+    '#9E9E9E' // Grey
+];
+const DEFAULT_PROJECT_ICONS = [
+    'fa-folder',
+    'fa-folder-open',
+    'fa-briefcase',
+    'fa-project-diagram',
+    'fa-chart-line',
+    'fa-tasks',
+    'fa-clipboard-list',
+    'fa-bullseye',
+    'fa-rocket',
+    'fa-lightbulb',
+    'fa-brain',
+    'fa-cogs',
+    'fa-code',
+    'fa-database',
+    'fa-server',
+    'fa-cloud',
+    'fa-mobile-alt',
+    'fa-desktop',
+    'fa-globe',
+    'fa-users'
+];
+export class ProjectFormModalComponent {
+    cdr;
+    dialogRef;
+    project = null;
+    environmentId;
+    currentUser;
+    projectSaved = new EventEmitter();
+    formData = {
+        name: '',
+        description: '',
+        color: '#0076B6',
+        icon: 'fa-folder'
+    };
+    showNameError = false;
+    isEditMode = false;
+    availableColors = DEFAULT_PROJECT_COLORS;
+    availableIcons = DEFAULT_PROJECT_ICONS;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.isEditMode = this.project != null;
+        if (this.project) {
+            this.loadProjectData();
+        }
+    }
+    loadProjectData() {
+        if (!this.project)
+            return;
+        this.formData = {
+            name: this.project.Name || '',
+            description: this.project.Description || '',
+            color: this.project.Color || '#0076B6',
+            icon: this.project.Icon || 'fa-folder'
+        };
+    }
+    selectColor(color) {
+        this.formData.color = color;
+        this.cdr.detectChanges();
+    }
+    selectIcon(icon) {
+        this.formData.icon = icon;
+        this.cdr.detectChanges();
+    }
+    async onSave() {
+        // Validate
+        if (!this.formData.name.trim()) {
+            this.showNameError = true;
+            this.cdr.detectChanges();
+            return;
+        }
+        this.showNameError = false;
+        try {
+            const md = new Metadata();
+            const project = this.project || await md.GetEntityObject('MJ: Projects', this.currentUser);
+            project.Name = this.formData.name.trim();
+            project.Description = this.formData.description.trim() || null;
+            project.Color = this.formData.color;
+            project.Icon = this.formData.icon;
+            if (!this.isEditMode) {
+                project.EnvironmentID = this.environmentId;
+                project.IsArchived = false;
+            }
+            const saved = await project.Save();
+            if (saved) {
+                this.projectSaved.emit(project);
+                this.dialogRef.close();
+            }
+            else {
+                throw new Error('Failed to save project');
+            }
+        }
+        catch (error) {
+            console.error('Error saving project:', error);
+            alert('Failed to save project. Please try again.');
+        }
+    }
+    onCancel() {
+        this.dialogRef.close();
+    }
+    static ɵfac = function ProjectFormModalComponent_Factory(t) { return new (t || ProjectFormModalComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectFormModalComponent, selectors: [["mj-project-form-modal"]], inputs: { dialogRef: "dialogRef", project: "project", environmentId: "environmentId", currentUser: "currentUser" }, outputs: { projectSaved: "projectSaved" }, decls: 40, vars: 16, consts: [[3, "close", "title", "width", "minWidth"], [1, "project-form"], [1, "form-field"], ["for", "projectName", 1, "required"], ["id", "projectName", "kendoTextBox", "", "placeholder", "Enter project name", "autofocus", "", 1, "k-textbox", "full-width", 3, "ngModelChange", "keydown.enter", "ngModel"], [1, "error-message"], ["for", "projectDescription"], ["id", "projectDescription", "kendoTextArea", "", "placeholder", "Enter project description (optional)", "rows", "3", 1, "k-textarea", "full-width", 3, "ngModelChange", "ngModel"], [1, "color-picker-section"], [1, "color-palette"], ["type", "button", 1, "color-swatch", 3, "selected", "backgroundColor", "title"], [1, "custom-color-input"], ["for", "customColor"], ["id", "customColor", "type", "color", 1, "custom-color-picker", 3, "ngModelChange", "ngModel"], [1, "color-value"], [1, "icon-selector-section"], [1, "selected-icon-preview"], [1, "icon-grid"], ["type", "button", 1, "icon-option", 3, "selected", "title"], ["kendoButton", "", 3, "click"], ["kendoButton", "", 3, "click", "themeColor"], ["type", "button", 1, "color-swatch", 3, "click", "title"], ["type", "button", 1, "icon-option", 3, "click", "title"]], template: function ProjectFormModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "kendo-dialog", 0);
+            i0.ɵɵlistener("close", function ProjectFormModalComponent_Template_kendo_dialog_close_0_listener() { return ctx.onCancel(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "label", 3);
+            i0.ɵɵtext(4, " Project Name ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "input", 4);
+            i0.ɵɵtwoWayListener("ngModelChange", function ProjectFormModalComponent_Template_input_ngModelChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.formData.name, $event) || (ctx.formData.name = $event); return $event; });
+            i0.ɵɵlistener("keydown.enter", function ProjectFormModalComponent_Template_input_keydown_enter_5_listener() { return ctx.onSave(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, ProjectFormModalComponent_Conditional_6_Template, 2, 0, "div", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 2)(8, "label", 6);
+            i0.ɵɵtext(9, " Description ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "textarea", 7);
+            i0.ɵɵtwoWayListener("ngModelChange", function ProjectFormModalComponent_Template_textarea_ngModelChange_10_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.formData.description, $event) || (ctx.formData.description = $event); return $event; });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 2)(12, "label");
+            i0.ɵɵtext(13, "Color");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "div", 8)(15, "div", 9);
+            i0.ɵɵrepeaterCreate(16, ProjectFormModalComponent_For_17_Template, 1, 5, "button", 10, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "div", 11)(19, "label", 12);
+            i0.ɵɵtext(20, "Custom:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "input", 13);
+            i0.ɵɵtwoWayListener("ngModelChange", function ProjectFormModalComponent_Template_input_ngModelChange_21_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.formData.color, $event) || (ctx.formData.color = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "span", 14);
+            i0.ɵɵtext(23);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(24, "div", 2)(25, "label");
+            i0.ɵɵtext(26, "Icon");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(27, "div", 15)(28, "div", 16);
+            i0.ɵɵelement(29, "i");
+            i0.ɵɵelementStart(30, "span");
+            i0.ɵɵtext(31);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(32, "div", 17);
+            i0.ɵɵrepeaterCreate(33, ProjectFormModalComponent_For_34_Template, 2, 6, "button", 18, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(35, "kendo-dialog-actions")(36, "button", 19);
+            i0.ɵɵlistener("click", function ProjectFormModalComponent_Template_button_click_36_listener() { return ctx.onCancel(); });
+            i0.ɵɵtext(37, "Cancel");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(38, "button", 20);
+            i0.ɵɵlistener("click", function ProjectFormModalComponent_Template_button_click_38_listener() { return ctx.onSave(); });
+            i0.ɵɵtext(39);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("title", ctx.isEditMode ? "Edit Project" : "New Project")("width", 600)("minWidth", 400);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.formData.name);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showNameError ? 6 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.formData.description);
+            i0.ɵɵadvance(6);
+            i0.ɵɵrepeater(ctx.availableColors);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.formData.color);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.formData.color);
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassMapInterpolate1("fa-solid ", ctx.formData.icon, "");
+            i0.ɵɵstyleProp("color", ctx.formData.color);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.formData.icon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.availableIcons);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("themeColor", "primary");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.isEditMode ? "Save" : "Create", " ");
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.DialogComponent, i2.DialogActionsComponent, i3.ButtonComponent, i4.TextAreaDirective, i4.TextBoxDirective], styles: [".project-form[_ngcontent-%COMP%] {\n      padding: 16px;\n    }\n\n    .form-field[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n\n    .form-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      font-size: 14px;\n      color: #333;\n    }\n\n    .form-field[_ngcontent-%COMP%]   label.required[_ngcontent-%COMP%]::after {\n      content: '*';\n      color: #F44336;\n      margin-left: 4px;\n    }\n\n    .full-width[_ngcontent-%COMP%] {\n      width: 100%;\n    }\n\n    .error-message[_ngcontent-%COMP%] {\n      color: #F44336;\n      font-size: 12px;\n      margin-top: 4px;\n    }\n\n    \n\n    .color-picker-section[_ngcontent-%COMP%] {\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      padding: 12px;\n      background: #F9F9F9;\n    }\n\n    .color-palette[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(10, 1fr);\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n\n    .color-swatch[_ngcontent-%COMP%] {\n      width: 100%;\n      aspect-ratio: 1;\n      border: 2px solid transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n    }\n\n    .color-swatch[_ngcontent-%COMP%]:hover {\n      transform: scale(1.1);\n      box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n    }\n\n    .color-swatch.selected[_ngcontent-%COMP%] {\n      border-color: #0076B6;\n      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0076B6;\n    }\n\n    .custom-color-input[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-top: 12px;\n      border-top: 1px solid #D9D9D9;\n    }\n\n    .custom-color-input[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    .custom-color-picker[_ngcontent-%COMP%] {\n      width: 50px;\n      height: 32px;\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n\n    .color-value[_ngcontent-%COMP%] {\n      font-family: monospace;\n      font-size: 13px;\n      color: #666;\n    }\n\n    \n\n    .icon-selector-section[_ngcontent-%COMP%] {\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      padding: 12px;\n      background: #F9F9F9;\n    }\n\n    .selected-icon-preview[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      background: white;\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      margin-bottom: 12px;\n    }\n\n    .selected-icon-preview[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 24px;\n    }\n\n    .selected-icon-preview[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      font-family: monospace;\n      font-size: 13px;\n      color: #666;\n    }\n\n    .icon-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(10, 1fr);\n      gap: 6px;\n      max-height: 200px;\n      overflow-y: auto;\n      padding: 4px;\n    }\n\n    .icon-option[_ngcontent-%COMP%] {\n      aspect-ratio: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid #D9D9D9;\n      background: white;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .icon-option[_ngcontent-%COMP%]:hover {\n      background: #F0F0F0;\n      border-color: #0076B6;\n      transform: scale(1.05);\n    }\n\n    .icon-option.selected[_ngcontent-%COMP%] {\n      background: #E3F2FD;\n      border-color: #0076B6;\n      border-width: 2px;\n    }\n\n    .icon-option[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 18px;\n      color: #333;\n    }\n\n    \n\n    .icon-grid[_ngcontent-%COMP%]::-webkit-scrollbar {\n      width: 8px;\n    }\n\n    .icon-grid[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n      background: #F0F0F0;\n      border-radius: 4px;\n    }\n\n    .icon-grid[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n      background: #D9D9D9;\n      border-radius: 4px;\n    }\n\n    .icon-grid[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n      background: #BFBFBF;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProjectFormModalComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-project-form-modal', template: `
+    <kendo-dialog
+      [title]="isEditMode ? 'Edit Project' : 'New Project'"
+      [width]="600"
+      [minWidth]="400"
+      (close)="onCancel()">
+
+      <div class="project-form">
+        <!-- Name Input -->
+        <div class="form-field">
+          <label for="projectName" class="required">
+            Project Name
+          </label>
+          <input
+            id="projectName"
+            kendoTextBox
+            [(ngModel)]="formData.name"
+            placeholder="Enter project name"
+            class="k-textbox full-width"
+            (keydown.enter)="onSave()"
+            autofocus />
+          @if (showNameError) {
+            <div class="error-message">Project name is required</div>
+          }
+        </div>
+
+        <!-- Description Textarea -->
+        <div class="form-field">
+          <label for="projectDescription">
+            Description
+          </label>
+          <textarea
+            id="projectDescription"
+            kendoTextArea
+            [(ngModel)]="formData.description"
+            placeholder="Enter project description (optional)"
+            class="k-textarea full-width"
+            rows="3"></textarea>
+        </div>
+
+        <!-- Color Picker -->
+        <div class="form-field">
+          <label>Color</label>
+          <div class="color-picker-section">
+            <div class="color-palette">
+              @for (color of availableColors; track color) {
+                <button
+                  type="button"
+                  class="color-swatch"
+                  [class.selected]="formData.color === color"
+                  [style.backgroundColor]="color"
+                  (click)="selectColor(color)"
+                  [title]="color">
+                </button>
+              }
+            </div>
+            <div class="custom-color-input">
+              <label for="customColor">Custom:</label>
+              <input
+                id="customColor"
+                type="color"
+                [(ngModel)]="formData.color"
+                class="custom-color-picker" />
+              <span class="color-value">{{ formData.color }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- Icon Selector -->
+        <div class="form-field">
+          <label>Icon</label>
+          <div class="icon-selector-section">
+            <div class="selected-icon-preview">
+              <i class="fa-solid {{ formData.icon }}" [style.color]="formData.color"></i>
+              <span>{{ formData.icon }}</span>
+            </div>
+            <div class="icon-grid">
+              @for (icon of availableIcons; track icon) {
+                <button
+                  type="button"
+                  class="icon-option"
+                  [class.selected]="formData.icon === icon"
+                  (click)="selectIcon(icon)"
+                  [title]="icon">
+                  <i class="fa-solid {{ icon }}"></i>
+                </button>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <kendo-dialog-actions>
+        <button kendoButton (click)="onCancel()">Cancel</button>
+        <button kendoButton [themeColor]="'primary'" (click)="onSave()">
+          {{ isEditMode ? 'Save' : 'Create' }}
+        </button>
+      </kendo-dialog-actions>
+    </kendo-dialog>
+  `, styles: ["\n    .project-form {\n      padding: 16px;\n    }\n\n    .form-field {\n      margin-bottom: 20px;\n    }\n\n    .form-field label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      font-size: 14px;\n      color: #333;\n    }\n\n    .form-field label.required::after {\n      content: '*';\n      color: #F44336;\n      margin-left: 4px;\n    }\n\n    .full-width {\n      width: 100%;\n    }\n\n    .error-message {\n      color: #F44336;\n      font-size: 12px;\n      margin-top: 4px;\n    }\n\n    /* Color Picker Styles */\n    .color-picker-section {\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      padding: 12px;\n      background: #F9F9F9;\n    }\n\n    .color-palette {\n      display: grid;\n      grid-template-columns: repeat(10, 1fr);\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n\n    .color-swatch {\n      width: 100%;\n      aspect-ratio: 1;\n      border: 2px solid transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 150ms ease;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n    }\n\n    .color-swatch:hover {\n      transform: scale(1.1);\n      box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n    }\n\n    .color-swatch.selected {\n      border-color: #0076B6;\n      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0076B6;\n    }\n\n    .custom-color-input {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-top: 12px;\n      border-top: 1px solid #D9D9D9;\n    }\n\n    .custom-color-input label {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    .custom-color-picker {\n      width: 50px;\n      height: 32px;\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n\n    .color-value {\n      font-family: monospace;\n      font-size: 13px;\n      color: #666;\n    }\n\n    /* Icon Selector Styles */\n    .icon-selector-section {\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      padding: 12px;\n      background: #F9F9F9;\n    }\n\n    .selected-icon-preview {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      background: white;\n      border: 1px solid #D9D9D9;\n      border-radius: 4px;\n      margin-bottom: 12px;\n    }\n\n    .selected-icon-preview i {\n      font-size: 24px;\n    }\n\n    .selected-icon-preview span {\n      font-family: monospace;\n      font-size: 13px;\n      color: #666;\n    }\n\n    .icon-grid {\n      display: grid;\n      grid-template-columns: repeat(10, 1fr);\n      gap: 6px;\n      max-height: 200px;\n      overflow-y: auto;\n      padding: 4px;\n    }\n\n    .icon-option {\n      aspect-ratio: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid #D9D9D9;\n      background: white;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .icon-option:hover {\n      background: #F0F0F0;\n      border-color: #0076B6;\n      transform: scale(1.05);\n    }\n\n    .icon-option.selected {\n      background: #E3F2FD;\n      border-color: #0076B6;\n      border-width: 2px;\n    }\n\n    .icon-option i {\n      font-size: 18px;\n      color: #333;\n    }\n\n    /* Scrollbar Styles */\n    .icon-grid::-webkit-scrollbar {\n      width: 8px;\n    }\n\n    .icon-grid::-webkit-scrollbar-track {\n      background: #F0F0F0;\n      border-radius: 4px;\n    }\n\n    .icon-grid::-webkit-scrollbar-thumb {\n      background: #D9D9D9;\n      border-radius: 4px;\n    }\n\n    .icon-grid::-webkit-scrollbar-thumb:hover {\n      background: #BFBFBF;\n    }\n  "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { dialogRef: [{
+            type: Input
+        }], project: [{
+            type: Input
+        }], environmentId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], projectSaved: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProjectFormModalComponent, { className: "ProjectFormModalComponent", filePath: "src/lib/components/project/project-form-modal.component.ts", lineNumber: 343 }); })();
+//# sourceMappingURL=project-form-modal.component.js.map

package/dist/lib/components/project/project-form-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-form-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/project/project-form-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAwC,MAAM,eAAe,CAAC;AAG7G,OAAO,EAAY,QAAQ,EAAE,MAAM,sBAAsB,CAAC;;;;;;;IA+E9C,8BAA2B;IAAA,wCAAwB;IAAA,iBAAM;;;;IAwBrD,kCAMkB;IADhB,iNAAS,4BAAkB,KAAC;IAE9B,iBAAS;;;;IAHP,4CAA+B;IAD/B,8DAA2C;IAG3C,gCAAe;;;;IA0BjB,kCAKiB;IADf,gNAAS,0BAAgB,KAAC;IAE1B,oBAAmC;IACrC,iBAAS;;;;IAJP,4DAAyC;IAEzC,+BAAc;IACX,cAA2B;IAA3B,mDAA2B;;AApIhD,MAAM,sBAAsB,GAAG;IAC7B,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,cAAc;IACzB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,aAAa;IACxB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,cAAc;IACzB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,cAAc;IACzB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,YAAY;IACvB,SAAS,CAAE,OAAO;CACnB,CAAC;AAEF,MAAM,qBAAqB,GAAG;IAC5B,WAAW;IACX,gBAAgB;IAChB,cAAc;IACd,oBAAoB;IACpB,eAAe;IACf,UAAU;IACV,mBAAmB;IACnB,aAAa;IACb,WAAW;IACX,cAAc;IACd,UAAU;IACV,SAAS;IACT,SAAS;IACT,aAAa;IACb,WAAW;IACX,UAAU;IACV,eAAe;IACf,YAAY;IACZ,UAAU;IACV,UAAU;CACX,CAAC;AA8RF,MAAM,OAAO,yBAAyB;IAoBhB;IAnBX,SAAS,CAAa;IACtB,OAAO,GAAyB,IAAI,CAAC;IACrC,aAAa,CAAU;IACvB,WAAW,CAAY;IAEtB,YAAY,GAAG,IAAI,YAAY,EAAiB,CAAC;IAEpD,QAAQ,GAAoB;QACjC,IAAI,EAAE,EAAE;QACR,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEK,aAAa,GAAG,KAAK,CAAC;IACtB,UAAU,GAAG,KAAK,CAAC;IACnB,eAAe,GAAG,sBAAsB,CAAC;IACzC,cAAc,GAAG,qBAAqB,CAAC;IAE9C,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAG,CAAC;IAE9C,QAAQ;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;QAEvC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,IAAI,CAAC,QAAQ,GAAG;YACd,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE;YAC7B,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE;YAC3C,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,SAAS;YACtC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW;SACvC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU,CAAC,IAAY;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,MAAM;QACV,WAAW;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAE3B,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC,eAAe,CAAgB,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAE1G,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACzC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC;YAC/D,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YACpC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAElC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;gBAC3C,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;YAC7B,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAChC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;YAC9C,KAAK,CAAC,2CAA2C,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;mFA1FU,yBAAyB;6DAAzB,yBAAyB;YAzRlC,uCAIuB;YAArB,4GAAS,cAAU,IAAC;YAKhB,AADF,AAFF,8BAA0B,aAEA,eACoB;YACxC,8BACF;YAAA,iBAAQ;YACR,gCAOc;YAJZ,6NAA2B;YAG3B,qHAAiB,YAAQ,IAAC;YAN5B,iBAOc;YACd,kFAAqB;YAGvB,iBAAM;YAIJ,AADF,8BAAwB,eACU;YAC9B,6BACF;YAAA,iBAAQ;YACR,oCAMW;YAHT,+OAAkC;YAItC,AADa,iBAAW,EAClB;YAIJ,AADF,+BAAwB,aACf;YAAA,sBAAK;YAAA,iBAAQ;YAElB,AADF,+BAAkC,cACL;YACzB,oHASC;YACH,iBAAM;YAEJ,AADF,gCAAgC,iBACL;YAAA,wBAAO;YAAA,iBAAQ;YACxC,kCAIgC;YAD9B,gOAA4B;YAH9B,iBAIgC;YAChC,iCAA0B;YAAA,aAAoB;YAGpD,AADE,AADE,AADgD,iBAAO,EACjD,EACF,EACF;YAIJ,AADF,+BAAwB,aACf;YAAA,qBAAI;YAAA,iBAAQ;YAEjB,AADF,gCAAmC,eACE;YACjC,qBAA2E;YAC3E,6BAAM;YAAA,aAAmB;YAC3B,AAD2B,iBAAO,EAC5B;YACN,gCAAuB;YACrB,oHASC;YAIT,AADE,AADE,AADE,iBAAM,EACF,EACF,EACF;YAGJ,AADF,6CAAsB,kBACqB;YAArB,uGAAS,cAAU,IAAC;YAAC,uBAAM;YAAA,iBAAS;YACxD,mCAAgE;YAAnB,uGAAS,YAAQ,IAAC;YAC7D,aACF;YAEJ,AADE,AADE,iBAAS,EACY,EACV;;YA9Fb,AADA,AADA,uEAAqD,cACxC,iBACG;YAYV,eAA2B;YAA3B,iDAA2B;YAK7B,cAEC;YAFD,4CAEC;YAWC,eAAkC;YAAlC,wDAAkC;YAWhC,eASC;YATD,kCASC;YAOC,eAA4B;YAA5B,kDAA4B;YAEJ,eAAoB;YAApB,wCAAoB;YAU3C,eAAoC;YAApC,6DAAoC;YAAC,2CAA8B;YAChE,eAAmB;YAAnB,uCAAmB;YAGzB,eASC;YATD,iCASC;YAQa,eAAwB;YAAxB,sCAAwB;YAC1C,cACF;YADE,mEACF;;;iFA0LK,yBAAyB;cA5RrC,SAAS;2BACE,uBAAuB,YACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGT;kDAwLQ,SAAS;kBAAjB,KAAK;YACG,OAAO;kBAAf,KAAK;YACG,aAAa;kBAArB,KAAK;YACG,WAAW;kBAAnB,KAAK;YAEI,YAAY;kBAArB,MAAM;;kFANI,yBAAyB"}

package/dist/lib/components/project/project-selector.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { ProjectEntity } from '@memberjunction/core-entities';
+import { UserInfo } from '@memberjunction/core';
+import { DialogService as KendoDialogService } from '@progress/kendo-angular-dialog';
+import { DialogService } from '../../services/dialog.service';
+import * as i0 from "@angular/core";
+export interface ProjectWithStats extends ProjectEntity {
+    conversationCount?: number;
+}
+export declare class ProjectSelectorComponent implements OnInit {
+    private dialogService;
+    private kendoDialogService;
+    private viewContainerRef;
+    environmentId: string;
+    currentUser: UserInfo;
+    selectedProjectId: string | null;
+    disabled: boolean;
+    showStats: boolean;
+    projectSelected: EventEmitter<ProjectEntity | null>;
+    projectCreated: EventEmitter<ProjectEntity>;
+    projectUpdated: EventEmitter<ProjectEntity>;
+    projectDeleted: EventEmitter<string>;
+    projectsWithStats: ProjectWithStats[];
+    selectedProject: ProjectEntity | null;
+    constructor(dialogService: DialogService, kendoDialogService: KendoDialogService, viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    private loadProjects;
+    private calculateConversationCounts;
+    onProjectChange(project: ProjectEntity | null): void;
+    onCreateProject(): void;
+    onEditProject(): void;
+    onDeleteProject(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProjectSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProjectSelectorComponent, "mj-project-selector", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "selectedProjectId": { "alias": "selectedProjectId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showStats": { "alias": "showStats"; "required": false; }; }, { "projectSelected": "projectSelected"; "projectCreated": "projectCreated"; "projectUpdated": "projectUpdated"; "projectDeleted": "projectDeleted"; }, never, never, false, never>;
+}
+//# sourceMappingURL=project-selector.component.d.ts.map

package/dist/lib/components/project/project-selector.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/project/project-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjG,OAAO,EAAE,aAAa,EAAsB,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAG9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,qBA2Ga,wBAAyB,YAAW,MAAM;IAgBnD,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,kBAAkB;IAC1B,OAAO,CAAC,gBAAgB;IAjBjB,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,QAAQ,EAAE,OAAO,CAAS;IAC1B,SAAS,EAAE,OAAO,CAAQ;IAEzB,eAAe,qCAA4C;IAC3D,cAAc,8BAAqC;IACnD,cAAc,8BAAqC;IACnD,cAAc,uBAA8B;IAE/C,iBAAiB,EAAE,gBAAgB,EAAE,CAAM;IAC3C,eAAe,EAAE,aAAa,GAAG,IAAI,CAAQ;gBAG1C,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB;IAG5C,QAAQ;YAIM,YAAY;IA0C1B,OAAO,CAAC,2BAA2B;IAYnC,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,GAAG,IAAI;IAKpD,eAAe,IAAI,IAAI;IAoBvB,aAAa,IAAI,IAAI;IAuBf,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;yCA/H3B,wBAAwB;2CAAxB,wBAAwB;CAwKpC"}