var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { Component } from '@angular/core';
import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
import { BaseResourceComponent } from '@memberjunction/ng-shared';
import { RunView, CompositeKey } from '@memberjunction/core';
import * as i0 from "@angular/core";
import * as i1 from "@memberjunction/ng-shared";
import * as i2 from "@memberjunction/ng-shared-generic";
import * as i3 from "@memberjunction/ng-ui-components";
import * as i4 from "@angular/common";
function CommunicationTemplatesResourceComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 9);
    i0.ɵɵelement(1, "mj-loading", 11);
    i0.ɵɵelementEnd();
} }
function CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const card_r2 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate1(" ", card_r2.Entity.Description, " ");
} }
function CommunicationTemplatesResourceComponent_Conditional_13_For_2_For_13_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 24);
    i0.ɵɵelement(1, "i");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ct_r4 = ctx.$implicit;
    const ctx_r2 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance();
    i0.ɵɵclassMap(ctx_r2.getContentTypeIcon(ct_r4));
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate1(" ", ct_r4, " ");
} }
function CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 25);
    i0.ɵɵtext(1, " No content ");
    i0.ɵɵelementEnd();
} }
function CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 26);
    i0.ɵɵtext(1);
    i0.ɵɵpipe(2, "date");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const card_r2 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate1(" Updated ", i0.ɵɵpipeBind2(2, 1, card_r2.LastUpdated, "mediumDate"), " ");
} }
function CommunicationTemplatesResourceComponent_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
    const _r1 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 14);
    i0.ɵɵlistener("click", function CommunicationTemplatesResourceComponent_Conditional_13_For_2_Template_div_click_0_listener() { const card_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openTemplate(card_r2.Entity)); });
    i0.ɵɵelementStart(1, "div", 15)(2, "div", 16);
    i0.ɵɵelement(3, "i", 17);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "div", 18)(5, "div", 19);
    i0.ɵɵtext(6);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(7, "div", 20);
    i0.ɵɵtext(8);
    i0.ɵɵelementEnd()()();
    i0.ɵɵconditionalCreate(9, CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_9_Template, 2, 1, "div", 21);
    i0.ɵɵelementStart(10, "div", 22)(11, "div", 23);
    i0.ɵɵrepeaterCreate(12, CommunicationTemplatesResourceComponent_Conditional_13_For_2_For_13_Template, 3, 3, "span", 24, i0.ɵɵrepeaterTrackByIdentity);
    i0.ɵɵconditionalCreate(14, CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_14_Template, 2, 0, "span", 25);
    i0.ɵɵelementEnd();
    i0.ɵɵconditionalCreate(15, CommunicationTemplatesResourceComponent_Conditional_13_For_2_Conditional_15_Template, 3, 4, "div", 26);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const card_r2 = ctx.$implicit;
    i0.ɵɵadvance(6);
    i0.ɵɵtextInterpolate(card_r2.Entity.Name);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(card_r2.CategoryName);
    i0.ɵɵadvance();
    i0.ɵɵconditional(card_r2.Entity.Description ? 9 : -1);
    i0.ɵɵadvance(3);
    i0.ɵɵrepeater(card_r2.ContentTypes);
    i0.ɵɵadvance(2);
    i0.ɵɵconditional(card_r2.ContentTypes.length === 0 ? 14 : -1);
    i0.ɵɵadvance();
    i0.ɵɵconditional(card_r2.LastUpdated ? 15 : -1);
} }
function CommunicationTemplatesResourceComponent_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "mj-empty-state", 13);
} }
function CommunicationTemplatesResourceComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵrepeaterCreate(1, CommunicationTemplatesResourceComponent_Conditional_13_For_2_Template, 16, 5, "div", 12, i0.ɵɵrepeaterTrackByIdentity);
    i0.ɵɵconditionalCreate(3, CommunicationTemplatesResourceComponent_Conditional_13_Conditional_3_Template, 1, 0, "mj-empty-state", 13);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵrepeater(ctx_r2.filteredTemplates);
    i0.ɵɵadvance(2);
    i0.ɵɵconditional(ctx_r2.filteredTemplates.length === 0 ? 3 : -1);
} }
let CommunicationTemplatesResourceComponent = class CommunicationTemplatesResourceComponent extends BaseResourceComponent {
    cdr;
    navService;
    allTemplates = [];
    filteredTemplates = [];
    categories = [];
    categoryFilter = '';
    isLoading = false;
    searchTerm = '';
    /** The current free-text search applied to the template list (read-only, for agent context). */
    get SearchText() {
        return this.searchTerm;
    }
    constructor(cdr, navService) {
        super();
        this.cdr = cdr;
        this.navService = navService;
    }
    async ngOnInit() {
        super.ngOnInit();
        await this.loadData();
        this.NotifyLoadComplete();
    }
    ngOnDestroy() {
        super.ngOnDestroy();
    }
    async loadData() {
        try {
            this.isLoading = true;
            this.cdr.detectChanges();
            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
            const [templatesResult, contentsResult] = await Promise.all([
                rv.RunView({
                    EntityName: 'MJ: Templates',
                    OrderBy: 'Name ASC',
                    ResultType: 'entity_object'
                }),
                rv.RunView({
                    EntityName: 'MJ: Template Contents',
                    ResultType: 'entity_object'
                })
            ]);
            if (templatesResult.Success) {
                const contents = contentsResult.Success ? contentsResult.Results : [];
                this.allTemplates = templatesResult.Results.map(t => this.buildTemplateCard(t, contents));
                this.categories = this.extractCategories(this.allTemplates);
                this.applyFilter();
            }
        }
        catch (error) {
            console.error('Error loading templates:', error);
        }
        finally {
            this.isLoading = false;
            this.cdr.detectChanges();
        }
    }
    buildTemplateCard(template, allContents) {
        const templateContents = allContents.filter(c => UUIDsEqual(c.TemplateID, template.ID));
        const contentTypes = [...new Set(templateContents.map(c => c.TypeID ? 'Content' : 'Text'))];
        const category = template.Category || 'Uncategorized';
        const lastUpdated = template.Get('__mj_UpdatedAt');
        return {
            Entity: template,
            ContentTypes: contentTypes.length > 0 ? contentTypes : [],
            LastUpdated: lastUpdated,
            CategoryName: category
        };
    }
    extractCategories(cards) {
        const cats = new Set(cards.map(c => c.CategoryName));
        return Array.from(cats).sort();
    }
    getCategoryCount(category) {
        return this.allTemplates.filter(t => t.CategoryName === category).length;
    }
    onSearchValue(value) {
        this.searchTerm = (value ?? '').toLowerCase();
        this.applyFilter();
    }
    onCategoryFilter(category) {
        this.categoryFilter = category;
        this.applyFilter();
    }
    // -- Concise chrome: Category lives behind the one Filter popover ---------
    get filterFields() {
        return [{
                key: 'category',
                type: 'chips',
                label: 'Category',
                chipOptions: [
                    { text: 'All', value: '' },
                    ...this.categories.map(c => ({ text: c, value: c })),
                ],
            }];
    }
    get filterValues() {
        return { category: this.categoryFilter };
    }
    get ActiveFilterCount() {
        return this.categoryFilter ? 1 : 0;
    }
    onFilterValuesChange(values) {
        this.onCategoryFilter(values['category'] ?? '');
    }
    resetFilters() {
        this.onCategoryFilter('');
    }
    applyFilter() {
        let filtered = this.allTemplates;
        if (this.categoryFilter) {
            filtered = filtered.filter(t => t.CategoryName === this.categoryFilter);
        }
        if (this.searchTerm) {
            filtered = filtered.filter(t => t.Entity.Name?.toLowerCase().includes(this.searchTerm) ||
                t.Entity.Description?.toLowerCase().includes(this.searchTerm) ||
                t.CategoryName.toLowerCase().includes(this.searchTerm));
        }
        this.filteredTemplates = filtered;
        this.cdr.detectChanges();
    }
    openTemplate(template) {
        const pk = new CompositeKey();
        pk.LoadFromEntityInfoAndRecord(this.ProviderToUse.Entities.find(e => e.Name === 'MJ: Templates'), template);
        this.navService.OpenEntityRecord('MJ: Templates', pk);
    }
    addNewTemplate() {
        this.navService.OpenEntityRecord('MJ: Templates', new CompositeKey());
    }
    getContentTypeIcon(type) {
        const t = type.toLowerCase();
        if (t.includes('html'))
            return 'fa-solid fa-code';
        if (t.includes('text') || t.includes('plain'))
            return 'fa-solid fa-align-left';
        if (t.includes('sms'))
            return 'fa-solid fa-comment-sms';
        return 'fa-solid fa-file';
    }
    async GetResourceDisplayName(data) {
        return 'Templates';
    }
    async GetResourceIconClass(data) {
        return 'fa-solid fa-file-lines';
    }
    static ɵfac = function CommunicationTemplatesResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CommunicationTemplatesResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationTemplatesResourceComponent, selectors: [["mj-communication-templates-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 5, consts: [["Title", "Templates", "Icon", "fa-solid fa-file-lines", "Subtitle", "Manage reusable message templates"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "action-btn-label"], ["toolbar", ""], ["Placeholder", "Search templates...", 3, "ValueChange"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], [1, "loading-state"], [1, "templates-grid"], ["text", "Loading templates..."], [1, "template-card"], ["Variant", "no-results", "Icon", "fa-solid fa-file-lines", "Title", "No templates found matching your criteria"], [1, "template-card", 3, "click"], [1, "template-card-header"], [1, "template-icon"], [1, "fa-solid", "fa-file-lines"], [1, "template-title-area"], [1, "template-name"], [1, "template-category"], [1, "template-description"], [1, "template-meta"], [1, "template-content-types"], [1, "content-type-chip"], [1, "content-type-chip", "empty"], [1, "template-updated"]], template: function CommunicationTemplatesResourceComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1)(3, "button", 2);
            i0.ɵɵlistener("click", function CommunicationTemplatesResourceComponent_Template_button_click_3_listener() { return ctx.addNewTemplate(); });
            i0.ɵɵelement(4, "i", 3);
            i0.ɵɵelementStart(5, "span", 4);
            i0.ɵɵtext(6, "New Template");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(7, "div", 5)(8, "mj-page-search", 6);
            i0.ɵɵlistener("ValueChange", function CommunicationTemplatesResourceComponent_Template_mj_page_search_ValueChange_8_listener($event) { return ctx.onSearchValue($event); });
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(9, "mj-filter-popover", 7);
            i0.ɵɵlistener("ClearAllRequested", function CommunicationTemplatesResourceComponent_Template_mj_filter_popover_ClearAllRequested_9_listener() { return ctx.resetFilters(); });
            i0.ɵɵelementStart(10, "mj-filter-panel", 8);
            i0.ɵɵlistener("ValuesChange", function CommunicationTemplatesResourceComponent_Template_mj_filter_panel_ValuesChange_10_listener($event) { return ctx.onFilterValuesChange($event); })("Reset", function CommunicationTemplatesResourceComponent_Template_mj_filter_panel_Reset_10_listener() { return ctx.resetFilters(); });
            i0.ɵɵelementEnd()()()();
            i0.ɵɵelementStart(11, "mj-page-body");
            i0.ɵɵconditionalCreate(12, CommunicationTemplatesResourceComponent_Conditional_12_Template, 2, 0, "div", 9)(13, CommunicationTemplatesResourceComponent_Conditional_13_Template, 4, 1, "div", 10);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance(9);
            i0.ɵɵproperty("ActiveCount", ctx.ActiveFilterCount)("ShowClearAll", ctx.ActiveFilterCount > 0);
            i0.ɵɵadvance();
            i0.ɵɵproperty("Fields", ctx.filterFields)("Values", ctx.filterValues);
            i0.ɵɵadvance(2);
            i0.ɵɵconditional(ctx.isLoading ? 12 : 13);
        } }, dependencies: [i2.LoadingComponent, i3.MJButtonDirective, i3.MJEmptyStateComponent, i3.MJPageHeaderComponent, i3.MJPageLayoutComponent, i3.MJPageBodyComponent, i3.MJPageSearchComponent, i3.MJFilterPopoverComponent, i3.MJFilterPanelComponent, i4.DatePipe], styles: [".loading-state[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 0;\n    }\n\n    \n\n    .templates-grid[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: 16px;\n    }\n\n    .template-card[_ngcontent-%COMP%] {\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        padding: 20px;\n        cursor: pointer;\n        transition: all 0.15s ease;\n    }\n    .template-card[_ngcontent-%COMP%]:hover {\n        box-shadow: 0 2px 8px var(--mj-shadow-md);\n        border-color: var(--mj-border-strong);\n    }\n\n    .template-card-header[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 12px;\n    }\n    .template-icon[_ngcontent-%COMP%] {\n        width: 40px; height: 40px;\n        border-radius: 8px;\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 16px; flex-shrink: 0;\n    }\n    .template-title-area[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n    .template-name[_ngcontent-%COMP%] {\n        font-size: 14px; font-weight: 700;\n        color: var(--mj-text-primary);\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n    }\n    .template-category[_ngcontent-%COMP%] {\n        font-size: 11px;\n        color: var(--mj-text-muted);\n        margin-top: 2px;\n    }\n\n    .template-description[_ngcontent-%COMP%] {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n        line-height: 1.5;\n        margin-bottom: 12px;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .template-meta[_ngcontent-%COMP%] {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    .template-content-types[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 6px;\n    }\n    .content-type-chip[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 3px 8px;\n        border-radius: 10px; font-size: 10px; font-weight: 500;\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-muted);\n    }\n    .content-type-chip.empty[_ngcontent-%COMP%] {\n        font-style: italic;\n    }\n    .template-updated[_ngcontent-%COMP%] {\n        font-size: 10px;\n        color: var(--mj-text-muted);\n        white-space: nowrap;\n    }\n\n    \n\n    \n\n    mj-empty-state[_ngcontent-%COMP%] { grid-column: 1 / -1; }"] });
};
CommunicationTemplatesResourceComponent = __decorate([
    RegisterClass(BaseResourceComponent, 'CommunicationTemplatesResource')
], CommunicationTemplatesResourceComponent);
export { CommunicationTemplatesResourceComponent };
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommunicationTemplatesResourceComponent, [{
        type: Component,
        args: [{ standalone: false, selector: 'mj-communication-templates-resource', template: `
    <mj-page-layout>
      <mj-page-header Title="Templates" Icon="fa-solid fa-file-lines" Subtitle="Manage reusable message templates">
        <div actions>
          <button mjButton variant="primary" size="sm" (click)="addNewTemplate()">
            <i class="fa-solid fa-plus"></i> <span class="action-btn-label">New Template</span>
          </button>
        </div>
        <div toolbar>
          <mj-page-search
            Placeholder="Search templates..."
            (ValueChange)="onSearchValue($event)">
          </mj-page-search>
          <mj-filter-popover
            [ActiveCount]="ActiveFilterCount"
            [ShowClearAll]="ActiveFilterCount > 0"
            (ClearAllRequested)="resetFilters()">
            <mj-filter-panel
              [Fields]="filterFields"
              [Values]="filterValues"
              (ValuesChange)="onFilterValuesChange($event)"
              (Reset)="resetFilters()">
            </mj-filter-panel>
          </mj-filter-popover>
        </div>
      </mj-page-header>

      <mj-page-body>
        @if (isLoading) {
          <div class="loading-state">
            <mj-loading text="Loading templates..."></mj-loading>
          </div>
        } @else {
          <div class="templates-grid">
            @for (card of filteredTemplates; track card) {
              <div class="template-card" (click)="openTemplate(card.Entity)">
                <div class="template-card-header">
                  <div class="template-icon">
                    <i class="fa-solid fa-file-lines"></i>
                  </div>
                  <div class="template-title-area">
                    <div class="template-name">{{card.Entity.Name}}</div>
                    <div class="template-category">{{card.CategoryName}}</div>
                  </div>
                </div>
                @if (card.Entity.Description) {
                  <div class="template-description">
                    {{card.Entity.Description}}
                  </div>
                }
                <div class="template-meta">
                  <div class="template-content-types">
                    @for (ct of card.ContentTypes; track ct) {
                      <span class="content-type-chip">
                        <i [class]="getContentTypeIcon(ct)"></i> {{ct}}
                      </span>
                    }
                    @if (card.ContentTypes.length === 0) {
                      <span class="content-type-chip empty">
                        No content
                      </span>
                    }
                  </div>
                  @if (card.LastUpdated) {
                    <div class="template-updated">
                      Updated {{card.LastUpdated | date:'mediumDate'}}
                    </div>
                  }
                </div>
              </div>
            }
            @if (filteredTemplates.length === 0) {
              <mj-empty-state Variant="no-results" Icon="fa-solid fa-file-lines"
                Title="No templates found matching your criteria" />
            }
          </div>
        }
      </mj-page-body>
    </mj-page-layout>
    `, styles: ["\n    .loading-state {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 0;\n    }\n\n    /* GRID */\n    .templates-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n        gap: 16px;\n    }\n\n    .template-card {\n        background: var(--mj-bg-surface-card);\n        border: 1px solid var(--mj-border-default);\n        border-radius: 12px;\n        padding: 20px;\n        cursor: pointer;\n        transition: all 0.15s ease;\n    }\n    .template-card:hover {\n        box-shadow: 0 2px 8px var(--mj-shadow-md);\n        border-color: var(--mj-border-strong);\n    }\n\n    .template-card-header {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 12px;\n    }\n    .template-icon {\n        width: 40px; height: 40px;\n        border-radius: 8px;\n        background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n        color: var(--mj-brand-primary);\n        display: flex; align-items: center; justify-content: center;\n        font-size: 16px; flex-shrink: 0;\n    }\n    .template-title-area { flex: 1; min-width: 0; }\n    .template-name {\n        font-size: 14px; font-weight: 700;\n        color: var(--mj-text-primary);\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n    }\n    .template-category {\n        font-size: 11px;\n        color: var(--mj-text-muted);\n        margin-top: 2px;\n    }\n\n    .template-description {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n        line-height: 1.5;\n        margin-bottom: 12px;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .template-meta {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    .template-content-types {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 6px;\n    }\n    .content-type-chip {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 3px 8px;\n        border-radius: 10px; font-size: 10px; font-weight: 500;\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-muted);\n    }\n    .content-type-chip.empty {\n        font-style: italic;\n    }\n    .template-updated {\n        font-size: 10px;\n        color: var(--mj-text-muted);\n        white-space: nowrap;\n    }\n\n    /* EMPTY STATE */\n    /* Span the full template grid so the placeholder centers. */\n    mj-empty-state { grid-column: 1 / -1; }\n  "] }]
    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }], null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationTemplatesResourceComponent, { className: "CommunicationTemplatesResourceComponent", filePath: "src/Communication/communication-templates-resource.component.ts", lineNumber: 194 }); })();
//# sourceMappingURL=communication-templates-resource.component.js.map