@memberjunction/ng-dashboards 3.3.0 → 4.0.0

package/dist/Actions/components/explorer/action-list-item.component.js

@@ -0,0 +1,210 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+import * as i2 from "@angular/common";
+function ActionListItemComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r0.Action.Description);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Action.Description);
+} }
+function ActionListItemComponent_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " AI ");
+} }
+function ActionListItemComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵconditionalCreate(2, ActionListItemComponent_Conditional_15_Conditional_2_Template, 1, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r0.IsCompact ? 2 : -1);
+} }
+function ActionListItemComponent_Conditional_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Custom ");
+} }
+function ActionListItemComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵconditionalCreate(2, ActionListItemComponent_Conditional_16_Conditional_2_Template, 1, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r0.IsCompact ? 2 : -1);
+} }
+function ActionListItemComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", (ctx_r0.Action.Params.length || 0) + " parameters");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.Action.Params.length || 0);
+} }
+export class ActionListItemComponent {
+    Action;
+    Categories = new Map();
+    IsCompact = false;
+    ActionClick = new EventEmitter();
+    EditClick = new EventEmitter();
+    RunClick = new EventEmitter();
+    CategoryClick = new EventEmitter();
+    onRowClick() {
+        this.ActionClick.emit(this.Action);
+    }
+    onEditClick(event) {
+        event.stopPropagation();
+        this.EditClick.emit(this.Action);
+    }
+    onRunClick(event) {
+        event.stopPropagation();
+        this.RunClick.emit(this.Action);
+    }
+    onCategoryClick(event) {
+        event.stopPropagation();
+        if (this.Action.CategoryID) {
+            this.CategoryClick.emit(this.Action.CategoryID);
+        }
+    }
+    getCategoryName() {
+        if (!this.Action.CategoryID)
+            return 'Uncategorized';
+        return this.Categories.get(this.Action.CategoryID)?.Name || 'Unknown';
+    }
+    getStatusColor() {
+        switch (this.Action.Status) {
+            case 'Active': return 'success';
+            case 'Pending': return 'warning';
+            case 'Disabled': return 'error';
+            default: return 'info';
+        }
+    }
+    getActionIcon() {
+        if (this.Action.IconClass) {
+            return this.Action.IconClass;
+        }
+        switch (this.Action.Type) {
+            case 'Generated': return 'fa-solid fa-robot';
+            case 'Custom': return 'fa-solid fa-code';
+            default: return 'fa-solid fa-bolt';
+        }
+    }
+    formatDate(date) {
+        if (!date)
+            return '-';
+        const now = new Date();
+        const d = new Date(date);
+        const diff = now.getTime() - d.getTime();
+        const minutes = Math.floor(diff / 60000);
+        const hours = Math.floor(diff / 3600000);
+        const days = Math.floor(diff / 86400000);
+        if (minutes < 1)
+            return 'Just now';
+        if (minutes < 60)
+            return `${minutes}m ago`;
+        if (hours < 24)
+            return `${hours}h ago`;
+        if (days < 7)
+            return `${days}d ago`;
+        return d.toLocaleDateString();
+    }
+    static ɵfac = function ActionListItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionListItemComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionListItemComponent, selectors: [["mj-action-list-item"]], inputs: { Action: "Action", Categories: "Categories", IsCompact: "IsCompact" }, outputs: { ActionClick: "ActionClick", EditClick: "EditClick", RunClick: "RunClick", CategoryClick: "CategoryClick" }, standalone: false, decls: 26, vars: 26, consts: [[1, "action-list-item", 3, "click"], [1, "item-icon"], [1, "item-main"], [1, "item-name", 3, "title"], [1, "item-description", 3, "title"], [1, "item-category", 3, "click", "title"], [1, "fa-solid", "fa-folder"], [1, "item-status"], [3, "themeColor", "size"], [1, "item-type"], [1, "type-badge", "ai"], [1, "type-badge", "custom"], [1, "item-params", 3, "title"], [1, "item-updated", 3, "title"], [1, "item-actions"], ["kendoButton", "", "title", "Run Action", 3, "click", "fillMode", "size", "disabled"], [1, "fa-solid", "fa-play"], ["kendoButton", "", "title", "Edit Action", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-sliders"]], template: function ActionListItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function ActionListItemComponent_Template_div_click_0_listener() { return ctx.onRowClick(); });
+            i0.ɵɵelementStart(1, "div", 1);
+            i0.ɵɵelement(2, "i");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 2)(4, "span", 3);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, ActionListItemComponent_Conditional_6_Template, 2, 2, "span", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "button", 5);
+            i0.ɵɵlistener("click", function ActionListItemComponent_Template_button_click_7_listener($event) { return ctx.onCategoryClick($event); });
+            i0.ɵɵelement(8, "i", 6);
+            i0.ɵɵelementStart(9, "span");
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 7)(12, "kendo-chip", 8);
+            i0.ɵɵtext(13);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(14, "div", 9);
+            i0.ɵɵconditionalCreate(15, ActionListItemComponent_Conditional_15_Template, 3, 1, "span", 10)(16, ActionListItemComponent_Conditional_16_Template, 3, 1, "span", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(17, ActionListItemComponent_Conditional_17_Template, 4, 2, "div", 12);
+            i0.ɵɵelementStart(18, "div", 13);
+            i0.ɵɵpipe(19, "date");
+            i0.ɵɵtext(20);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "div", 14)(22, "button", 15);
+            i0.ɵɵlistener("click", function ActionListItemComponent_Template_button_click_22_listener($event) { return ctx.onRunClick($event); });
+            i0.ɵɵelement(23, "i", 16);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(24, "button", 17);
+            i0.ɵɵlistener("click", function ActionListItemComponent_Template_button_click_24_listener($event) { return ctx.onEditClick($event); });
+            i0.ɵɵelement(25, "i", 18);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("compact", ctx.IsCompact);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("ai-generated", ctx.Action.Type === "Generated");
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.getActionIcon());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("title", ctx.Action.Name);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.Action.Name);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsCompact && ctx.Action.Description ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("title", "View category: " + ctx.getCategoryName());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.getCategoryName());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("themeColor", ctx.getStatusColor())("size", "small");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.Action.Status, " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Action.Type === "Generated" ? 15 : 16);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.IsCompact ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("title", i0.ɵɵpipeBind2(19, 23, ctx.Action.__mj_UpdatedAt, "full"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.formatDate(ctx.Action.__mj_UpdatedAt), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("fillMode", "flat")("size", "small")("disabled", ctx.Action.Status !== "Active");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("fillMode", "flat")("size", "small");
+        } }, dependencies: [i1.ButtonComponent, i1.ChipComponent, i2.DatePipe], styles: [".action-list-item[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--kendo-color-surface);\n  border-bottom: 1px solid var(--kendo-color-border);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--kendo-color-base-hover);\n}\n\n.action-list-item.compact[_ngcontent-%COMP%] {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n\n\n.item-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: var(--kendo-color-primary-subtle);\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--kendo-color-primary);\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, var(--kendo-color-info-subtle), var(--kendo-color-primary-subtle));\n}\n\n\n\n.item-main[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n.item-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-category[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category[_ngcontent-%COMP%]:hover {\n  background: var(--kendo-color-base-active);\n  color: var(--kendo-color-primary);\n}\n\n.item-category[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--kendo-color-warning);\n  flex-shrink: 0;\n}\n\n.item-category[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-status[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n\n\n.item-type[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai[_ngcontent-%COMP%] {\n  background: var(--kendo-color-info-subtle);\n  color: var(--kendo-color-info);\n}\n\n.type-badge.custom[_ngcontent-%COMP%] {\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-subtle);\n}\n\n.type-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.item-params[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.item-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.item-updated[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  white-space: nowrap;\n}\n\n\n\n.item-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover   .item-actions[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 4px;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-category[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-params[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-type[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-updated[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .item-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListItemComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-action-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"action-list-item\" [class.compact]=\"IsCompact\" (click)=\"onRowClick()\">\n  <!-- Icon -->\n  <div class=\"item-icon\" [class.ai-generated]=\"Action.Type === 'Generated'\">\n    <i [class]=\"getActionIcon()\"></i>\n  </div>\n\n  <!-- Name & Description -->\n  <div class=\"item-main\">\n    <span class=\"item-name\" [title]=\"Action.Name\">{{ Action.Name }}</span>\n    @if (!IsCompact && Action.Description) {\n      <span class=\"item-description\" [title]=\"Action.Description\">{{ Action.Description }}</span>\n    }\n  </div>\n\n  <!-- Category -->\n  <button class=\"item-category\" (click)=\"onCategoryClick($event)\" [title]=\"'View category: ' + getCategoryName()\">\n    <i class=\"fa-solid fa-folder\"></i>\n    <span>{{ getCategoryName() }}</span>\n  </button>\n\n  <!-- Status -->\n  <div class=\"item-status\">\n    <kendo-chip\n      [themeColor]=\"getStatusColor()\"\n      [size]=\"'small'\">\n      {{ Action.Status }}\n    </kendo-chip>\n  </div>\n\n  <!-- Type -->\n  <div class=\"item-type\">\n    @if (Action.Type === 'Generated') {\n      <span class=\"type-badge ai\">\n        <i class=\"fa-solid fa-robot\"></i>\n        @if (!IsCompact) {\n          AI\n        }\n      </span>\n    } @else {\n      <span class=\"type-badge custom\">\n        <i class=\"fa-solid fa-code\"></i>\n        @if (!IsCompact) {\n          Custom\n        }\n      </span>\n    }\n  </div>\n\n  <!-- Params Count -->\n  @if (!IsCompact) {\n    <div class=\"item-params\" [title]=\"(Action.Params.length || 0) + ' parameters'\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>{{ Action.Params.length || 0 }}</span>\n    </div>\n  }\n\n  <!-- Updated -->\n  <div class=\"item-updated\" [title]=\"Action.__mj_UpdatedAt | date:'full'\">\n    {{ formatDate(Action.__mj_UpdatedAt) }}\n  </div>\n\n  <!-- Actions -->\n  <div class=\"item-actions\">\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Run Action\"\n      [disabled]=\"Action.Status !== 'Active'\"\n      (click)=\"onRunClick($event)\">\n      <i class=\"fa-solid fa-play\"></i>\n    </button>\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Edit Action\"\n      (click)=\"onEditClick($event)\">\n      <i class=\"fa-solid fa-pen\"></i>\n    </button>\n  </div>\n</div>\n", styles: [".action-list-item {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--kendo-color-surface);\n  border-bottom: 1px solid var(--kendo-color-border);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item:hover {\n  background: var(--kendo-color-base-hover);\n}\n\n.action-list-item.compact {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n/* Icon */\n.item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: var(--kendo-color-primary-subtle);\n}\n\n.compact .item-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon i {\n  font-size: 14px;\n  color: var(--kendo-color-primary);\n}\n\n.compact .item-icon i {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated {\n  background: linear-gradient(135deg, var(--kendo-color-info-subtle), var(--kendo-color-primary-subtle));\n}\n\n/* Main */\n.item-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact .item-name {\n  font-size: 13px;\n}\n\n.item-description {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Category */\n.item-category {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category:hover {\n  background: var(--kendo-color-base-active);\n  color: var(--kendo-color-primary);\n}\n\n.item-category i {\n  font-size: 11px;\n  color: var(--kendo-color-warning);\n  flex-shrink: 0;\n}\n\n.item-category span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Status */\n.item-status {\n  display: flex;\n  justify-content: flex-start;\n}\n\n/* Type */\n.item-type {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai {\n  background: var(--kendo-color-info-subtle);\n  color: var(--kendo-color-info);\n}\n\n.type-badge.custom {\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-subtle);\n}\n\n.type-badge i {\n  font-size: 10px;\n}\n\n/* Params */\n.item-params {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.item-params i {\n  font-size: 11px;\n}\n\n/* Updated */\n.item-updated {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n  white-space: nowrap;\n}\n\n/* Actions */\n.item-actions {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item:hover .item-actions {\n  opacity: 1;\n}\n\n.item-actions button {\n  padding: 4px;\n}\n\n.item-actions button i {\n  font-size: 12px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .action-list-item {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item .item-category,\n  .action-list-item .item-params {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item .item-type,\n  .action-list-item .item-updated {\n    display: none;\n  }\n\n  .item-actions {\n    opacity: 1;\n  }\n}\n"] }]
+    }], null, { Action: [{
+            type: Input
+        }], Categories: [{
+            type: Input
+        }], IsCompact: [{
+            type: Input
+        }], ActionClick: [{
+            type: Output
+        }], EditClick: [{
+            type: Output
+        }], RunClick: [{
+            type: Output
+        }], CategoryClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionListItemComponent, { className: "ActionListItemComponent", filePath: "src/actions/components/explorer/action-list-item.component.ts", lineNumber: 18 }); })();
+//# sourceMappingURL=action-list-item.component.js.map

package/dist/Actions/components/explorer/action-list-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-list-item.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-list-item.component.ts","../../../../src/Actions/components/explorer/action-list-item.component.html"],"names":[],"mappings":"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"}

package/dist/Actions/components/explorer/action-toolbar.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ActionExplorerStateService, ActionViewMode, SortField, SortDirection, ActionFilters } from '../../services/action-explorer-state.service';
+import * as i0 from "@angular/core";
+interface SortOption {
+    field: SortField;
+    label: string;
+    icon: string;
+}
+export declare class ActionToolbarComponent implements OnInit, OnDestroy {
+    StateService: ActionExplorerStateService;
+    private cdr;
+    TotalCount: number;
+    FilteredCount: number;
+    NewActionClick: EventEmitter<void>;
+    RefreshClick: EventEmitter<void>;
+    ViewMode: ActionViewMode;
+    SortField: SortField;
+    SortDirection: SortDirection;
+    Filters: ActionFilters;
+    ShowFiltersDropdown: boolean;
+    ShowSortDropdown: boolean;
+    SortOptions: SortOption[];
+    StatusOptions: {
+        value: string;
+        label: string;
+        color: string;
+    }[];
+    TypeOptions: {
+        value: string;
+        label: string;
+        icon: string;
+    }[];
+    private destroy$;
+    private searchInput$;
+    constructor(StateService: ActionExplorerStateService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private subscribeToState;
+    private setupSearchDebounce;
+    onSearchInput(term: string): void;
+    clearSearch(): void;
+    setViewMode(mode: ActionViewMode): void;
+    setSortField(field: SortField): void;
+    toggleSortDirection(): void;
+    toggleStatus(status: string): void;
+    toggleType(type: string): void;
+    isStatusSelected(status: string): boolean;
+    isTypeSelected(type: string): boolean;
+    clearFilters(): void;
+    hasActiveFilters(): boolean;
+    getActiveFilterCount(): number;
+    toggleFiltersDropdown(): void;
+    toggleSortDropdown(): void;
+    closeDropdowns(): void;
+    getSortLabel(): string;
+    getSortIcon(): string;
+    onNewAction(): void;
+    onRefresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionToolbarComponent, "mj-action-toolbar", never, { "TotalCount": { "alias": "TotalCount"; "required": false; }; "FilteredCount": { "alias": "FilteredCount"; "required": false; }; }, { "NewActionClick": "NewActionClick"; "RefreshClick": "RefreshClick"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=action-toolbar.component.d.ts.map

package/dist/Actions/components/explorer/action-toolbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EAET,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,0BAA0B,EAC1B,cAAc,EACd,SAAS,EACT,aAAa,EACb,aAAa,EACd,MAAM,8CAA8C,CAAC;;AAEtD,UAAU,UAAU;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBAOa,sBAAuB,YAAW,MAAM,EAAE,SAAS;IA2CrD,YAAY,EAAE,0BAA0B;IAC/C,OAAO,CAAC,GAAG;IA3CJ,UAAU,SAAK;IACf,aAAa,SAAK;IACjB,cAAc,qBAA4B;IAC1C,YAAY,qBAA4B;IAE3C,QAAQ,EAAE,cAAc,CAAU;IAClC,SAAS,EAAE,SAAS,CAAU;IAC9B,aAAa,EAAE,aAAa,CAAS;IACrC,OAAO,EAAE,aAAa,CAM3B;IAEK,mBAAmB,UAAS;IAC5B,gBAAgB,UAAS;IAEzB,WAAW,EAAE,UAAU,EAAE,CAM9B;IAEK,aAAa;;;;QAIlB;IAEK,WAAW;;;;QAGhB;IAEF,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,YAAY,CAAyB;gBAGpC,YAAY,EAAE,0BAA0B,EACvC,GAAG,EAAE,iBAAiB;IAGhC,QAAQ,IAAI,IAAI;IAKhB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,mBAAmB;IAUpB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIjC,WAAW,IAAI,IAAI;IAInB,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAIvC,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAKpC,mBAAmB,IAAI,IAAI;IAI3B,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAWlC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAW9B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIzC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIrC,YAAY,IAAI,IAAI;IAIpB,gBAAgB,IAAI,OAAO;IAI3B,oBAAoB,IAAI,MAAM;IAU9B,qBAAqB,IAAI,IAAI;IAO7B,kBAAkB,IAAI,IAAI;IAO1B,cAAc,IAAI,IAAI;IAKtB,YAAY,IAAI,MAAM;IAKtB,WAAW,IAAI,MAAM;IAIrB,WAAW,IAAI,IAAI;IAInB,SAAS,IAAI,IAAI;yCA1Lb,sBAAsB;2CAAtB,sBAAsB;CA6LlC"}