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(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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(--mj-brand-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, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\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(--mj-text-primary);\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(--mj-text-muted);\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(--mj-text-muted);\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(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-status-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: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\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(--mj-text-muted);\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(--mj-text-muted);\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(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item:hover {\n  background: var(--mj-bg-surface-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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\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(--mj-brand-primary);\n}\n\n.compact .item-icon i {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\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(--mj-text-primary);\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(--mj-text-muted);\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(--mj-text-muted);\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(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category i {\n  font-size: 11px;\n  color: var(--mj-status-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: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\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(--mj-text-muted);\n}\n\n.item-params i {\n  font-size: 11px;\n}\n\n/* Updated */\n.item-updated {\n  font-size: 12px;\n  color: var(--mj-text-muted);\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