@acorex-platform/module-conversation-client 0.0.32 → 0.0.33

package/fesm2022/{acorex-platform-module-conversation-client-chat-conversation-info-panel.component-CE40xbl9.mjs → acorex-platform-module-conversation-client-chat-conversation-info-panel.component-BBL8iEqc.mjs}

@@ -39,7 +39,7 @@ class AXMChatConversationInfoPanelComponent extends AXClosableComponent {
         ...(ngDevMode ? [{ debugName: "panelView" }] : /* istanbul ignore next */ []));
         this.selectedMediaCategory = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedMediaCategory" }] : /* istanbul ignore next */ []));
-        this.mediaViewLoader = () => import('./acorex-platform-module-conversation-client-chat-conversation-info-media-view.component-DLYtqFLi.mjs').then((m) => m.AXMChatConversationInfoMediaViewComponent);
+        this.mediaViewLoader = () => import('./acorex-platform-module-conversation-client-chat-conversation-info-media-view.component-CppNPfqe.mjs').then((m) => m.AXMChatConversationInfoMediaViewComponent);
         this.conversationMessages = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "conversationMessages" }] : /* istanbul ignore next */ []));
         this.loadingMessages = signal(false, /* @ts-ignore */
@@ -448,7 +448,7 @@ class AXMChatConversationInfoPanelComponent extends AXClosableComponent {
         return this.translation.translateSync(labelKeys[id] ?? id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatConversationInfoPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatConversationInfoPanelComponent, isStandalone: true, selector: "axm-chat-conversation-info-panel", outputs: { onClosed: "onClosed" }, providers: [{ provide: AXClosableComponent, useExisting: AXMChatConversationInfoPanelComponent }], usesInheritance: true, ngImport: i0, template: "@if (conversation) {\n  <div class=\"tg-info-panel\">\n    @if (panelView() === 'media' && selectedMediaCategory(); as category) {\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"mediaViewLoader\"\n        [inputs]=\"getMediaViewInputs(category)\"\n      />\n    } @else {\n      <div class=\"tg-info-panel__scroll\">\n        <section class=\"tg-hero\">\n          <ax-conversation-avatar kind=\"auto\" [conversation]=\"conversation\" [size]=\"96\" />\n          <h2 class=\"tg-hero__title\">{{ conversation.title }}</h2>\n          <p class=\"tg-hero__subtitle\">{{ heroSubtitle() }}</p>\n        </section>\n\n        <section class=\"tg-quick-actions\">\n          @for (action of quickActions(); track action.id) {\n            <button\n              type=\"button\"\n              class=\"tg-quick-action\"\n              [class.tg-quick-action--danger]=\"action.danger\"\n              [class.tg-quick-action--active]=\"action.id === 'mute' && isConversationMuted()\"\n              (click)=\"onQuickAction(action.id)\"\n            >\n              <span class=\"tg-quick-action__icon\"><i [class]=\"action.icon\"></i></span>\n              <span class=\"tg-quick-action__label\">{{ action.labelKey | translate | async }}</span>\n            </button>\n          }\n        </section>\n\n        <nav class=\"tg-tabs\" role=\"tablist\">\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'profile'\"\n            [attr.aria-selected]=\"activeTab() === 'profile'\"\n            (click)=\"setActiveTab('profile')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.profile' | translate | async }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'manage'\"\n            [attr.aria-selected]=\"activeTab() === 'manage'\"\n            (click)=\"setActiveTab('manage')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.manage' | translate | async }}\n          </button>\n        </nav>\n\n        @if (activeTab() === 'profile') {\n          @if (profileFields().length > 0) {\n            <section class=\"tg-section tg-details\">\n              @for (field of profileFields(); track field.id) {\n                <div class=\"tg-detail-row\">\n                  <span class=\"tg-detail-row__icon\"><i [class]=\"field.icon\"></i></span>\n                  <div class=\"tg-detail-row__content\">\n                    <span class=\"tg-detail-row__value\">{{ field.value }}</span>\n                    <span class=\"tg-detail-row__label\">{{ field.labelKey | translate | async }}</span>\n                  </div>\n                </div>\n              }\n            </section>\n          }\n\n          @if (loadingMessages()) {\n            <div class=\"tg-loading\">{{ '@acorex:chat.info-panel.media.loading' | translate | async }}</div>\n          } @else if (mediaCategories().length > 0) {\n            <section class=\"tg-section tg-media\">\n              @for (category of mediaCategories(); track category.id) {\n                <button type=\"button\" class=\"tg-media-row\" (click)=\"openMediaCategory(category)\">\n                  <span class=\"tg-media-row__icon\"><i [class]=\"category.icon\"></i></span>\n                  <span class=\"tg-media-row__label\">{{ getMediaRowLabel(category) }}</span>\n                  <i class=\"fa-light fa-chevron-right tg-media-row__chevron\"></i>\n                </button>\n              }\n            </section>\n          }\n\n          @if (isGroupConversation()) {\n            <section class=\"tg-section tg-members\">\n              <div class=\"tg-section-header tg-section-header--row\">\n                <span class=\"tg-section-header__title\">{{ membersSectionTitle() }}</span>\n                <div class=\"tg-section-header__actions\">\n                  <button\n                    type=\"button\"\n                    class=\"tg-icon-btn\"\n                    (click)=\"toggleMemberSearch()\"\n                    [attr.aria-label]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-magnifying-glass\"></i>\n                  </button>\n                </div>\n              </div>\n              @if (showMemberSearch()) {\n                <div class=\"tg-members-search-wrap\">\n                  <ax-search-box\n                    class=\"tg-members-search\"\n                    [value]=\"memberSearchQuery()\"\n                    (valueChange)=\"onMemberSearchChange($event)\"\n                    [placeholder]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  ></ax-search-box>\n                </div>\n              }\n              @for (participant of filteredMembers(); track participant.id) {\n                <div class=\"tg-member-row\">\n                  <ax-conversation-avatar\n                    kind=\"user\"\n                    [userId]=\"participant.id\"\n                    [conversation]=\"conversation\"\n                    [size]=\"42\"\n                  />\n                  <div class=\"tg-member-row__content\">\n                    <span class=\"tg-member-row__name\">{{ participant.name }}</span>\n                    <span\n                      class=\"tg-member-row__meta\"\n                      [class.tg-member-row__meta--online]=\"isMemberOnline(participant)\"\n                    >\n                      {{ getMemberSubtitle(participant) }}\n                    </span>\n                  </div>\n                  @if (getMemberRoleLabel(participant); as roleLabel) {\n                    <span class=\"tg-member-row__badge\">{{ roleLabel | translate | async }}</span>\n                  }\n                </div>\n              }\n            </section>\n          }\n        }\n\n        @if (activeTab() === 'manage') {\n          <section class=\"tg-section tg-manage\">\n            @if (!isPrivateConversation()) {\n              <div class=\"tg-manage-block\">\n                <ax-label class=\"tg-manage-label\">{{\n                  '@acorex:chat.info-panel.group-details.title' | translate | async\n                }}</ax-label>\n                <ax-text-box\n                  [value]=\"editTitle\"\n                  (valueChange)=\"onGroupTitleChange($event)\"\n                  [placeholder]=\"'@acorex:chat.info-panel.placeholders.enter-group-title' | translate | async\"\n                ></ax-text-box>\n                <div class=\"tg-manage-avatar\">\n                  <ax-conversation-avatar-picker\n                    [(avatarUrl)]=\"editAvatar\"\n                    (avatarUrlChange)=\"onGroupAvatarChange($event)\"\n                  ></ax-conversation-avatar-picker>\n                </div>\n              </div>\n            }\n\n            <div class=\"tg-setting-row\">\n              <div class=\"tg-setting-row__info\">\n                <span class=\"tg-setting-row__title\">{{\n                  '@acorex:chat.info-panel.settings.archived' | translate | async\n                }}</span>\n                <span class=\"tg-setting-row__desc\">{{\n                  '@acorex:chat.info-panel.settings.archived-description' | translate | async\n                }}</span>\n              </div>\n              <ax-switch [(ngModel)]=\"archived\" (ngModelChange)=\"onArchivedChange($event)\"></ax-switch>\n            </div>\n\n            <div class=\"tg-manage-block tg-background-block\">\n              <ax-label class=\"tg-manage-label\">{{\n                '@acorex:chat.info-panel.background.title' | translate | async\n              }}</ax-label>\n              <p class=\"tg-background-desc\">\n                {{ '@acorex:chat.info-panel.background.description' | translate | async }}\n              </p>\n              <div class=\"tg-background-grid\">\n                @for (preset of backgroundPresets; track preset.id) {\n                  <button\n                    type=\"button\"\n                    class=\"tg-background-swatch\"\n                    [class.tg-background-swatch--active]=\"isBackgroundSelected(preset)\"\n                    [style.background]=\"presetBackgroundPreview(preset.value)\"\n                    (click)=\"applyMessageListBackground(preset.value)\"\n                    [attr.aria-label]=\"getBackgroundAriaLabel(preset.label)\"\n                  >\n                    <span class=\"tg-background-swatch__label\">{{ preset.label }}</span>\n                  </button>\n                }\n              </div>\n              <ax-button\n                [text]=\"'@acorex:chat.info-panel.actions.reset-to-default' | translate | async\"\n                [look]=\"'ghost'\"\n                (onClick)=\"applyMessageListBackground('')\"\n              ></ax-button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;@layer components{axm-chat-conversation-info-panel{display:block;height:100%;width:100%}axm-chat-conversation-info-panel .tg-info-panel{display:flex;flex-direction:column;max-height:min(85vh,40rem)}axm-chat-conversation-info-panel .tg-info-panel__scroll{overflow-y:auto;overscroll-behavior:contain}axm-chat-conversation-info-panel .tg-hero{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 5);padding-top:calc(var(--spacing, .25rem) * 5);padding-bottom:calc(var(--spacing, .25rem) * 4);text-align:center}axm-chat-conversation-info-panel .tg-hero__title{margin-top:var(--spacing, .25rem);margin-bottom:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: 1.35;line-height:1.35;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-hero__subtitle{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}axm-chat-conversation-info-panel .tg-quick-actions{display:flex;flex-wrap:nowrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}axm-chat-conversation-info-panel .tg-quick-action{display:flex;max-width:5.5rem;min-width:0px;flex:1;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-xl, .75rem);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:calc(var(--spacing, .25rem) * 2.5);color:rgba(var(--ax-sys-color-primary-500));transition:background-color .15s ease}axm-chat-conversation-info-panel .tg-quick-action:hover{background-color:rgba(var(--ax-sys-color-border-light-surface))}axm-chat-conversation-info-panel .tg-quick-action--danger{color:rgba(var(--ax-sys-color-danger-500))}axm-chat-conversation-info-panel .tg-quick-action--active{color:rgba(var(--ax-sys-color-warning-500));background:rgba(var(--ax-sys-color-warning-500),.14)}axm-chat-conversation-info-panel .tg-quick-action--active .tg-quick-action__label{color:rgba(var(--ax-sys-color-warning-500));opacity:100%}axm-chat-conversation-info-panel .tg-quick-action__icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 1;line-height:1}axm-chat-conversation-info-panel .tg-quick-action__label{text-align:center;font-size:.6875rem;--tw-leading: 1.1;line-height:1.1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}axm-chat-conversation-info-panel .tg-tabs{margin-inline:calc(var(--spacing, .25rem) * 3);display:flex;gap:0px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}axm-chat-conversation-info-panel .tg-tab{flex:1;cursor:pointer;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;--tw-border-style: none;border-style:none;border-color:transparent;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface));opacity:55%;transition:opacity .15s ease,color .15s ease,border-color .15s ease}axm-chat-conversation-info-panel .tg-tab:hover{opacity:80%}axm-chat-conversation-info-panel .tg-tab--active{color:rgba(var(--ax-sys-color-primary-500));opacity:100%;border-bottom-color:rgb(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-section{padding-block:var(--spacing, .25rem)}axm-chat-conversation-info-panel .tg-detail-row,axm-chat-conversation-info-panel .tg-member-row{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2.5)}axm-chat-conversation-info-panel .tg-media-row{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5);--tw-border-style: none;border-style:none;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:background-color .15s ease}axm-chat-conversation-info-panel .tg-media-row:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}axm-chat-conversation-info-panel .tg-media-row__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:75%}axm-chat-conversation-info-panel .tg-media-row__label{min-width:0px;flex:1;font-size:.9375rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-media-row__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:.45}axm-chat-conversation-info-panel .tg-loading{padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface));opacity:60%}axm-chat-conversation-info-panel .tg-detail-row__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;text-align:center;color:rgba(var(--ax-sys-color-primary-500));opacity:90%}axm-chat-conversation-info-panel .tg-detail-row__content,axm-chat-conversation-info-panel .tg-member-row__content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}axm-chat-conversation-info-panel .tg-detail-row__value,axm-chat-conversation-info-panel .tg-member-row__name{overflow:hidden;font-size:.9375rem;--tw-leading: 1.3;line-height:1.3;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-detail-row__label,axm-chat-conversation-info-panel .tg-member-row__meta{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1.2;line-height:1.2;color:rgba(var(--ax-sys-color-on-surface));opacity:60%}axm-chat-conversation-info-panel .tg-member-row__meta--online{color:rgba(var(--ax-sys-color-primary-500));opacity:100%}axm-chat-conversation-info-panel .tg-section-header{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1.5)}axm-chat-conversation-info-panel .tg-section-header--row{flex-direction:row;align-items:center;justify-content:space-between}axm-chat-conversation-info-panel .tg-section-header__actions{display:flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat-conversation-info-panel .tg-icon-btn{display:inline-flex;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;color:rgba(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-icon-btn:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}axm-chat-conversation-info-panel .tg-members-search-wrap{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-section-header__title{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: .06em;letter-spacing:.06em;color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;opacity:55%}axm-chat-conversation-info-panel .tg-members-search{width:100%}axm-chat-conversation-info-panel .tg-member-row__badge{flex-shrink:0;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.14)}axm-chat-conversation-info-panel .tg-manage{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}axm-chat-conversation-info-panel .tg-manage-block{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-manage-label{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-setting-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-setting-row__info{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}axm-chat-conversation-info-panel .tg-setting-row__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-setting-row__desc{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface));opacity:.65}axm-chat-conversation-info-panel .tg-background-desc{margin:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}axm-chat-conversation-info-panel .tg-background-grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(3,minmax(0,1fr))}axm-chat-conversation-info-panel .tg-background-swatch{position:relative;height:calc(var(--spacing, .25rem) * 11);cursor:pointer;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:2px;border-color:transparent}axm-chat-conversation-info-panel .tg-background-swatch--active{border-color:rgba(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-background-swatch__label{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 1.5);bottom:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-font-weight: var(--font-weight-light, 300);font-weight:var(--font-weight-light, 300);--tw-tracking: .1rem;letter-spacing:.1rem;color:var(--color-white, #fff);mix-blend-mode:difference}axm-chat-conversation-info-panel .tg-danger{padding-top:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 3)}axm-chat-conversation-info-panel .tg-danger-row{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;font-size:.9375rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-500))}axm-chat-conversation-info-panel .tg-danger-row:hover{background:rgba(var(--ax-sys-color-danger-500),.06)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i2.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "component", type: AXConversationAvatarPickerComponent, selector: "ax-conversation-avatar-picker", inputs: ["showClearButton", "avatarUrl"], outputs: ["avatarUrlChange", "onFileSelected"] }, { kind: "component", type: AXConversationAvatarComponent, selector: "ax-conversation-avatar", inputs: ["kind", "userId", "conversation", "message", "size", "showStatus", "name", "avatar", "icon"] }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatConversationInfoPanelComponent, isStandalone: true, selector: "axm-chat-conversation-info-panel", outputs: { onClosed: "onClosed" }, providers: [{ provide: AXClosableComponent, useExisting: AXMChatConversationInfoPanelComponent }], usesInheritance: true, ngImport: i0, template: "@if (conversation) {\n  <div class=\"tg-info-panel\">\n    @if (panelView() === 'media' && selectedMediaCategory(); as category) {\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"mediaViewLoader\"\n        [inputs]=\"getMediaViewInputs(category)\"\n      />\n    } @else {\n      <div class=\"tg-info-panel__scroll\">\n        <section class=\"tg-hero\">\n          <ax-conversation-avatar kind=\"auto\" [conversation]=\"conversation\" [size]=\"96\" />\n          <h2 class=\"tg-hero__title\">{{ conversation.title }}</h2>\n          <p class=\"tg-hero__subtitle\">{{ heroSubtitle() }}</p>\n        </section>\n\n        <section class=\"tg-quick-actions\">\n          @for (action of quickActions(); track action.id) {\n            <button\n              type=\"button\"\n              class=\"tg-quick-action\"\n              [class.tg-quick-action--danger]=\"action.danger\"\n              [class.tg-quick-action--active]=\"action.id === 'mute' && isConversationMuted()\"\n              (click)=\"onQuickAction(action.id)\"\n            >\n              <span class=\"tg-quick-action__icon\"><i [class]=\"action.icon\"></i></span>\n              <span class=\"tg-quick-action__label\">{{ action.labelKey | translate | async }}</span>\n            </button>\n          }\n        </section>\n\n        <nav class=\"tg-tabs\" role=\"tablist\">\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'profile'\"\n            [attr.aria-selected]=\"activeTab() === 'profile'\"\n            (click)=\"setActiveTab('profile')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.profile' | translate | async }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'manage'\"\n            [attr.aria-selected]=\"activeTab() === 'manage'\"\n            (click)=\"setActiveTab('manage')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.manage' | translate | async }}\n          </button>\n        </nav>\n\n        @if (activeTab() === 'profile') {\n          @if (profileFields().length > 0) {\n            <section class=\"tg-section tg-details\">\n              @for (field of profileFields(); track field.id) {\n                <div class=\"tg-detail-row\">\n                  <span class=\"tg-detail-row__icon\"><i [class]=\"field.icon\"></i></span>\n                  <div class=\"tg-detail-row__content\">\n                    <span class=\"tg-detail-row__value\">{{ field.value }}</span>\n                    <span class=\"tg-detail-row__label\">{{ field.labelKey | translate | async }}</span>\n                  </div>\n                </div>\n              }\n            </section>\n          }\n\n          @if (loadingMessages()) {\n            <div class=\"tg-loading\">{{ '@acorex:chat.info-panel.media.loading' | translate | async }}</div>\n          } @else if (mediaCategories().length > 0) {\n            <section class=\"tg-section tg-media\">\n              @for (category of mediaCategories(); track category.id) {\n                <button type=\"button\" class=\"tg-media-row\" (click)=\"openMediaCategory(category)\">\n                  <span class=\"tg-media-row__icon\"><i [class]=\"category.icon\"></i></span>\n                  <span class=\"tg-media-row__label\">{{ getMediaRowLabel(category) }}</span>\n                  <i class=\"fa-light fa-chevron-right tg-media-row__chevron\"></i>\n                </button>\n              }\n            </section>\n          }\n\n          @if (isGroupConversation()) {\n            <section class=\"tg-section tg-members\">\n              <div class=\"tg-section-header tg-section-header--row\">\n                <span class=\"tg-section-header__title\">{{ membersSectionTitle() }}</span>\n                <div class=\"tg-section-header__actions\">\n                  <button\n                    type=\"button\"\n                    class=\"tg-icon-btn\"\n                    (click)=\"toggleMemberSearch()\"\n                    [attr.aria-label]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-magnifying-glass\"></i>\n                  </button>\n                </div>\n              </div>\n              @if (showMemberSearch()) {\n                <div class=\"tg-members-search-wrap\">\n                  <ax-search-box\n                    class=\"tg-members-search\"\n                    [value]=\"memberSearchQuery()\"\n                    (valueChange)=\"onMemberSearchChange($event)\"\n                    [placeholder]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  ></ax-search-box>\n                </div>\n              }\n              @for (participant of filteredMembers(); track participant.id) {\n                <div class=\"tg-member-row\">\n                  <ax-conversation-avatar\n                    kind=\"user\"\n                    [userId]=\"participant.id\"\n                    [conversation]=\"conversation\"\n                    [size]=\"42\"\n                  />\n                  <div class=\"tg-member-row__content\">\n                    <span class=\"tg-member-row__name\">{{ participant.name }}</span>\n                    <span\n                      class=\"tg-member-row__meta\"\n                      [class.tg-member-row__meta--online]=\"isMemberOnline(participant)\"\n                    >\n                      {{ getMemberSubtitle(participant) }}\n                    </span>\n                  </div>\n                  @if (getMemberRoleLabel(participant); as roleLabel) {\n                    <span class=\"tg-member-row__badge\">{{ roleLabel | translate | async }}</span>\n                  }\n                </div>\n              }\n            </section>\n          }\n        }\n\n        @if (activeTab() === 'manage') {\n          <section class=\"tg-section tg-manage\">\n            @if (!isPrivateConversation()) {\n              <div class=\"tg-manage-block\">\n                <ax-label class=\"tg-manage-label\">{{\n                  '@acorex:chat.info-panel.group-details.title' | translate | async\n                }}</ax-label>\n                <ax-text-box\n                  [value]=\"editTitle\"\n                  (valueChange)=\"onGroupTitleChange($event)\"\n                  [placeholder]=\"'@acorex:chat.info-panel.placeholders.enter-group-title' | translate | async\"\n                ></ax-text-box>\n                <div class=\"tg-manage-avatar\">\n                  <ax-conversation-avatar-picker\n                    [(avatarUrl)]=\"editAvatar\"\n                    (avatarUrlChange)=\"onGroupAvatarChange($event)\"\n                  ></ax-conversation-avatar-picker>\n                </div>\n              </div>\n            }\n\n            <div class=\"tg-setting-row\">\n              <div class=\"tg-setting-row__info\">\n                <span class=\"tg-setting-row__title\">{{\n                  '@acorex:chat.info-panel.settings.archived' | translate | async\n                }}</span>\n                <span class=\"tg-setting-row__desc\">{{\n                  '@acorex:chat.info-panel.settings.archived-description' | translate | async\n                }}</span>\n              </div>\n              <ax-switch [(ngModel)]=\"archived\" (ngModelChange)=\"onArchivedChange($event)\"></ax-switch>\n            </div>\n\n            <div class=\"tg-manage-block tg-background-block\">\n              <ax-label class=\"tg-manage-label\">{{\n                '@acorex:chat.info-panel.background.title' | translate | async\n              }}</ax-label>\n              <p class=\"tg-background-desc\">\n                {{ '@acorex:chat.info-panel.background.description' | translate | async }}\n              </p>\n              <div class=\"tg-background-grid\">\n                @for (preset of backgroundPresets; track preset.id) {\n                  <button\n                    type=\"button\"\n                    class=\"tg-background-swatch\"\n                    [class.tg-background-swatch--active]=\"isBackgroundSelected(preset)\"\n                    [style.background]=\"presetBackgroundPreview(preset.value)\"\n                    (click)=\"applyMessageListBackground(preset.value)\"\n                    [attr.aria-label]=\"getBackgroundAriaLabel(preset.label)\"\n                  >\n                    <span class=\"tg-background-swatch__label\">{{ preset.label }}</span>\n                  </button>\n                }\n              </div>\n              <ax-button\n                [text]=\"'@acorex:chat.info-panel.actions.reset-to-default' | translate | async\"\n                [look]=\"'ghost'\"\n                (onClick)=\"applyMessageListBackground('')\"\n              ></ax-button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;@layer components{axm-chat-conversation-info-panel{display:block;height:100%;width:100%}axm-chat-conversation-info-panel .tg-info-panel{display:flex;flex-direction:column;max-height:min(85vh,40rem)}axm-chat-conversation-info-panel .tg-info-panel__scroll{overflow-y:auto;overscroll-behavior:contain}axm-chat-conversation-info-panel .tg-hero{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 5);padding-top:calc(var(--spacing, .25rem) * 5);padding-bottom:calc(var(--spacing, .25rem) * 4);text-align:center}axm-chat-conversation-info-panel .tg-hero__title{margin-top:var(--spacing, .25rem);margin-bottom:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: 1.35;line-height:1.35;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-hero__subtitle{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}axm-chat-conversation-info-panel .tg-quick-actions{display:flex;flex-wrap:nowrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}axm-chat-conversation-info-panel .tg-quick-action{display:flex;max-width:5.5rem;min-width:0px;flex:1;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-xl, .75rem);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:calc(var(--spacing, .25rem) * 2.5);color:rgba(var(--ax-sys-color-primary-500));transition:background-color .15s ease}axm-chat-conversation-info-panel .tg-quick-action:hover{background-color:rgba(var(--ax-sys-color-border-light-surface))}axm-chat-conversation-info-panel .tg-quick-action--danger{color:rgba(var(--ax-sys-color-danger-500))}axm-chat-conversation-info-panel .tg-quick-action--active{color:rgba(var(--ax-sys-color-warning-500));background:rgba(var(--ax-sys-color-warning-500),.14)}axm-chat-conversation-info-panel .tg-quick-action--active .tg-quick-action__label{color:rgba(var(--ax-sys-color-warning-500));opacity:100%}axm-chat-conversation-info-panel .tg-quick-action__icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 1;line-height:1}axm-chat-conversation-info-panel .tg-quick-action__label{text-align:center;font-size:.6875rem;--tw-leading: 1.1;line-height:1.1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}axm-chat-conversation-info-panel .tg-tabs{margin-inline:calc(var(--spacing, .25rem) * 3);display:flex;gap:0px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}axm-chat-conversation-info-panel .tg-tab{flex:1;cursor:pointer;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;--tw-border-style: none;border-style:none;border-color:transparent;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2.5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface));opacity:55%;transition:opacity .15s ease,color .15s ease,border-color .15s ease}axm-chat-conversation-info-panel .tg-tab:hover{opacity:80%}axm-chat-conversation-info-panel .tg-tab--active{color:rgba(var(--ax-sys-color-primary-500));opacity:100%;border-bottom-color:rgb(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-section{padding-block:var(--spacing, .25rem)}axm-chat-conversation-info-panel .tg-detail-row,axm-chat-conversation-info-panel .tg-member-row{display:flex;min-width:0px;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2.5)}axm-chat-conversation-info-panel .tg-media-row{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5);--tw-border-style: none;border-style:none;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:background-color .15s ease}axm-chat-conversation-info-panel .tg-media-row:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}axm-chat-conversation-info-panel .tg-media-row__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:75%}axm-chat-conversation-info-panel .tg-media-row__label{min-width:0px;flex:1;font-size:.9375rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-media-row__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:.45}axm-chat-conversation-info-panel .tg-loading{padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface));opacity:60%}axm-chat-conversation-info-panel .tg-detail-row__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0;text-align:center;color:rgba(var(--ax-sys-color-primary-500));opacity:90%}axm-chat-conversation-info-panel .tg-detail-row__content,axm-chat-conversation-info-panel .tg-member-row__content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}axm-chat-conversation-info-panel .tg-detail-row__value,axm-chat-conversation-info-panel .tg-member-row__name{overflow:hidden;font-size:.9375rem;--tw-leading: 1.3;line-height:1.3;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-detail-row__label,axm-chat-conversation-info-panel .tg-member-row__meta{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1.2;line-height:1.2;color:rgba(var(--ax-sys-color-on-surface));opacity:60%}axm-chat-conversation-info-panel .tg-member-row__meta--online{color:rgba(var(--ax-sys-color-primary-500));opacity:100%}axm-chat-conversation-info-panel .tg-section-header{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1.5)}axm-chat-conversation-info-panel .tg-section-header--row{flex-direction:row;align-items:center;justify-content:space-between}axm-chat-conversation-info-panel .tg-section-header__actions{display:flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat-conversation-info-panel .tg-icon-btn{display:inline-flex;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;color:rgba(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-icon-btn:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}axm-chat-conversation-info-panel .tg-members-search-wrap{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-section-header__title{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: .06em;letter-spacing:.06em;color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;opacity:55%}axm-chat-conversation-info-panel .tg-members-search{width:100%}axm-chat-conversation-info-panel .tg-member-row__badge{flex-shrink:0;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.14)}axm-chat-conversation-info-panel .tg-manage{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}axm-chat-conversation-info-panel .tg-manage-block{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-manage-label{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-setting-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2)}axm-chat-conversation-info-panel .tg-setting-row__info{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}axm-chat-conversation-info-panel .tg-setting-row__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}axm-chat-conversation-info-panel .tg-setting-row__desc{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface));opacity:.65}axm-chat-conversation-info-panel .tg-background-desc{margin:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}axm-chat-conversation-info-panel .tg-background-grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(3,minmax(0,1fr))}axm-chat-conversation-info-panel .tg-background-swatch{position:relative;height:calc(var(--spacing, .25rem) * 11);cursor:pointer;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:2px;border-color:transparent}axm-chat-conversation-info-panel .tg-background-swatch--active{border-color:rgba(var(--ax-sys-color-primary-500))}axm-chat-conversation-info-panel .tg-background-swatch__label{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 1.5);bottom:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-font-weight: var(--font-weight-light, 300);font-weight:var(--font-weight-light, 300);--tw-tracking: .1rem;letter-spacing:.1rem;color:var(--color-white, #fff);mix-blend-mode:difference}axm-chat-conversation-info-panel .tg-danger{padding-top:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 3)}axm-chat-conversation-info-panel .tg-danger-row{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;font-size:.9375rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-500))}axm-chat-conversation-info-panel .tg-danger-row:hover{background:rgba(var(--ax-sys-color-danger-500),.06)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i2.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "component", type: AXConversationAvatarPickerComponent, selector: "ax-conversation-avatar-picker", inputs: ["showClearButton", "avatarUrl"], outputs: ["avatarUrlChange", "onFileSelected"] }, { kind: "component", type: AXConversationAvatarComponent, selector: "ax-conversation-avatar", inputs: ["kind", "userId", "conversation", "message", "size", "showStatus", "name", "avatar", "icon"] }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs", "skeleton"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatConversationInfoPanelComponent, decorators: [{
             type: Component,
@@ -469,4 +469,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { onClosed: [{ type: i0.Output, args: ["onClosed"] }] } });
 
 export { AXMChatConversationInfoPanelComponent };
-//# sourceMappingURL=acorex-platform-module-conversation-client-chat-conversation-info-panel.component-CE40xbl9.mjs.map
+//# sourceMappingURL=acorex-platform-module-conversation-client-chat-conversation-info-panel.component-BBL8iEqc.mjs.map

package/fesm2022/{acorex-platform-module-conversation-client-chat-conversation-info-panel.component-CE40xbl9.mjs.map → acorex-platform-module-conversation-client-chat-conversation-info-panel.component-BBL8iEqc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-conversation-client-chat-conversation-info-panel.component-CE40xbl9.mjs","sources":["../../../../libs/modules/conversation/client/src/lib/features/chat/plugins/info-bar/chat-conversation-info-panel.component.ts","../../../../libs/modules/conversation/client/src/lib/features/chat/plugins/info-bar/chat-conversation-info-panel.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\nimport { AXSwitchModule } from '@acorex/components/switch';\nimport { AXTextBoxComponent } from '@acorex/components/text-box';\nimport { AXToastService } from '@acorex/components/toast';\nimport {\n  AXConversationAvatarComponent,\n  AXConversationAvatarPickerComponent,\n  AXConversationRegistryComponentOutletComponent,\n  AXConversationService,\n  AXConversationMessageUtilsService,\n  AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID,\n  AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS,\n  fetchConversationMediaPage,\n  filterSupplementalInfoPanelMessages,\n  getConversationMediaCategories,\n  getConversationProfileFields,\n  isMessageListThemeBackground,\n  isSameMessageListBackground,\n  mergeInfoPanelMessages,\n  normalizeMessageListBackgroundValue,\n  resolveMessageListBackgroundRaw,\n} from '@acorex/components/conversation';\nimport type {\n  AXConversation,\n  AXConversationMessage,\n  AXConversationMessageListBackground,\n  AXConversationMessageListThemeBackground,\n  AXConversationMediaCategory,\n  AXConversationParticipant,\n} from '@acorex/components/conversation';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnDestroy,\n  OnInit,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n//#endregion\n\n//#region ----- Types -----\n\ninterface AXMInfoPanelQuickAction {\n  id: string;\n  labelKey: string;\n  icon: string;\n  danger?: boolean;\n}\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axm-chat-conversation-info-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AsyncPipe,\n    FormsModule,\n    AXButtonComponent,\n    AXDecoratorModule,\n    AXLabelComponent,\n    AXSearchBoxComponent,\n    AXSwitchModule,\n    AXTextBoxComponent,\n    AXConversationAvatarPickerComponent,\n    AXConversationAvatarComponent,\n    AXConversationRegistryComponentOutletComponent,\n    AXTranslationModule,\n  ],\n  providers: [{ provide: AXClosableComponent, useExisting: AXMChatConversationInfoPanelComponent }],\n  templateUrl: './chat-conversation-info-panel.component.html',\n  styleUrl: './chat-conversation-info-panel.component.css',\n})\nexport class AXMChatConversationInfoPanelComponent extends AXClosableComponent implements OnInit, OnDestroy {\n  //#region ----- Services -----\n\n  private readonly toastService = inject(AXToastService);\n  readonly translation = inject(AXTranslationService);\n  private readonly platform = inject(AXPlatform);\n  private readonly injectedConversationService = inject(AXConversationService, { optional: true });\n\n  //#endregion\n\n  //#region ----- Popup State -----\n\n  readonly onClosed = output<AXComponentCloseEvent>();\n\n  /** Assigned by {@link AXPopupService} via `data`. */\n  conversation!: AXConversation;\n  /** Assigned by {@link AXPopupService} via `data`. */\n  conversationService!: AXConversationService;\n\n  readonly activeTab = signal<'profile' | 'manage'>('profile');\n  readonly showMemberSearch = signal(false);\n  readonly panelView = signal<'main' | 'media'>('main');\n  readonly selectedMediaCategory = signal<AXConversationMediaCategory | null>(null);\n  readonly mediaViewLoader = () =>\n    import('./chat-conversation-info-media-view.component').then((m) => m.AXMChatConversationInfoMediaViewComponent);\n  readonly conversationMessages = signal<AXConversationMessage[]>([]);\n  readonly loadingMessages = signal(false);\n  readonly loadingMoreMedia = signal(false);\n  readonly mediaHasMore = signal(false);\n  private mediaNextPage = 1;\n  private mediaNextCursor: string | undefined;\n  readonly memberSearchQuery = signal('');\n\n  archived = false;\n\n  private initialNotifications = false;\n  private initialArchived = false;\n  private readonly notificationsEnabled = signal(true);\n\n  editTitle = '';\n  editAvatar = '';\n\n  private groupTitleSaveTimer: ReturnType<typeof setTimeout> | undefined;\n  private groupDetailsSaveInFlight = false;\n\n  readonly backgroundPresets = AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS.map((preset) => ({\n    ...preset,\n    label: this.translateBackgroundPresetLabel(preset.id),\n  }));\n\n  //#endregion\n\n  //#region ----- Derived State -----\n\n  readonly heroSubtitle = computed(() => {\n    const conversation = this.liveConversation();\n    if (!conversation) return '';\n    this.conversationService?.typingRevision();\n    this.conversationService?.presenceTimeTick();\n    return AXConversationMessageUtilsService.getConversationSubtitle(conversation, {\n      typingUserIds: this.conversationService?.getActiveTypingUserIds(conversation.id) ?? [],\n      peerPresence: this.conversationService?.getPeerPresence(conversation),\n      currentUserId: this.conversationService?.currentUser()?.id,\n    });\n  });\n\n  readonly liveConversation = computed(() => {\n    const conversation = this.conversation;\n    if (!conversation?.id) return conversation;\n    const fromStore = this.conversationService?.conversations().find((c) => c.id === conversation.id);\n    return fromStore ?? conversation;\n  });\n\n  readonly isConversationMuted = computed(() => this.notificationsEnabled() === false);\n\n  readonly profileFields = computed(() => {\n    const conversation = this.liveConversation();\n    if (!conversation) return [];\n    return getConversationProfileFields(conversation, this.conversationService?.currentUser()?.id);\n  });\n\n  readonly mediaCategories = computed(() => {\n    if (!this.conversation) return [];\n    return getConversationMediaCategories(this.conversationMessages());\n  });\n\n  readonly quickActions = computed((): AXMInfoPanelQuickAction[] => {\n    if (!this.conversation) return [];\n    const muted = this.isConversationMuted();\n    const actions: AXMInfoPanelQuickAction[] = [\n      {\n        id: 'mute',\n        labelKey: muted ? '@acorex:chat.actions.unmute' : '@acorex:chat.actions.mute',\n        icon: muted ? 'fa-light fa-bell-slash' : 'fa-light fa-bell',\n      },\n    ];\n\n    if (!this.isPrivateConversation()) {\n      actions.push({\n        id: 'leave',\n        labelKey: '@acorex:chat.actions.leave-and-delete',\n        icon: 'fa-light fa-door-open',\n        danger: true,\n      });\n    }\n\n    return actions;\n  });\n\n  readonly filteredMembers = computed(() => {\n    if (!this.conversation) return [];\n    const query = this.memberSearchQuery().toLowerCase().trim();\n    const members = this.conversation?.participants ?? [];\n    if (!query) return members;\n    return members.filter(\n      (p) =>\n        p.name.toLowerCase().includes(query) ||\n        (p.description ?? '').toLowerCase().includes(query) ||\n        (p.role ?? '').toLowerCase().includes(query),\n    );\n  });\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  ngOnInit(): void {\n    const resolvedService = this.conversationService ?? this.injectedConversationService;\n    if (!resolvedService) {\n      console.warn('AXMChatConversationInfoPanelComponent opened without conversationService.');\n      this.close();\n      return;\n    }\n    this.conversationService = resolvedService;\n\n    if (!this.conversation) {\n      const activeConversation = this.conversationService.activeConversation();\n      if (activeConversation) {\n        this.conversation = activeConversation;\n      } else {\n        console.warn('AXMChatConversationInfoPanelComponent opened without conversation context.');\n        this.close();\n        return;\n      }\n    }\n\n    this.initialNotifications = this.conversationService.getRoomPreferences(this.conversation.id).notifications;\n    this.notificationsEnabled.set(this.initialNotifications);\n    this.archived = this.conversation.archived ?? false;\n    this.initialArchived = this.archived;\n    this.editTitle = this.conversation.title || '';\n    this.editAvatar = this.conversation.avatar || '';\n\n    void this.loadConversationMessages();\n  }\n\n  ngOnDestroy(): void {\n    if (this.groupTitleSaveTimer) {\n      clearTimeout(this.groupTitleSaveTimer);\n      this.groupTitleSaveTimer = undefined;\n      void this.persistGroupDetails();\n    }\n\n    const currentNotifications = this.notificationsEnabled();\n    const hasChanges = currentNotifications !== this.initialNotifications || this.archived !== this.initialArchived;\n\n    if (hasChanges) {\n      this.toastService.success(this.translation.translateSync('@acorex:chat.info-panel.toasts.settings-saved'));\n    }\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async loadConversationMessages(): Promise<void> {\n    this.loadingMessages.set(true);\n    this.mediaNextPage = 1;\n    this.mediaNextCursor = undefined;\n    this.mediaHasMore.set(false);\n\n    try {\n      const page = await fetchConversationMediaPage(\n        this.conversationService.conversationApi,\n        this.conversation.id,\n        0,\n      );\n\n      this.mediaHasMore.set(page.hasMore);\n      this.mediaNextCursor = page.nextCursor;\n\n      const supplemental =\n        this.conversationService.activeConversationId() === this.conversation.id\n          ? filterSupplementalInfoPanelMessages(this.conversationService.activeMessages())\n          : [];\n\n      this.conversationMessages.set(mergeInfoPanelMessages(page.items, supplemental));\n    } catch (error) {\n      console.error('Failed to load conversation media messages:', error);\n    } finally {\n      this.loadingMessages.set(false);\n    }\n  }\n\n  async loadMoreMedia(): Promise<void> {\n    if (!this.mediaHasMore() || this.loadingMoreMedia() || this.loadingMessages()) {\n      return;\n    }\n\n    this.loadingMoreMedia.set(true);\n    try {\n      const page = await fetchConversationMediaPage(\n        this.conversationService.conversationApi,\n        this.conversation.id,\n        this.mediaNextPage,\n        undefined,\n        this.mediaNextCursor,\n      );\n\n      this.mediaHasMore.set(page.hasMore);\n      this.mediaNextCursor = page.nextCursor;\n      this.mediaNextPage += 1;\n\n      this.conversationMessages.set(mergeInfoPanelMessages(page.items, this.conversationMessages()));\n    } catch (error) {\n      console.error('Failed to load more conversation media:', error);\n    } finally {\n      this.loadingMoreMedia.set(false);\n    }\n  }\n\n  //#endregion\n\n  //#region ----- UI Helpers -----\n\n  isPrivateConversation(): boolean {\n    return this.conversation.type === 'private';\n  }\n\n  isGroupConversation(): boolean {\n    return this.conversation.type === 'group' || this.conversation.type === 'channel';\n  }\n\n  membersSectionTitle(): string {\n    return this.translation.translateSync('@acorex:chat.info-panel.tabs.members-count-upper', {\n      params: { count: this.conversation.participants.length },\n    });\n  }\n\n  getMemberRoleLabel(participant: AXConversationParticipant): string | null {\n    switch (participant.role) {\n      case 'admin':\n        return '@acorex:chat.info-panel.member-role.admin';\n      case 'owner':\n        return '@acorex:chat.info-panel.member-role.admin';\n      case 'moderator':\n        return '@acorex:chat.info-panel.member-role.moderator';\n      default:\n        return null;\n    }\n  }\n\n  onMemberSearchChange(value: string | null | undefined): void {\n    this.memberSearchQuery.set(value ?? '');\n  }\n\n  setActiveTab(tab: 'profile' | 'manage'): void {\n    this.activeTab.set(tab);\n  }\n\n  toggleMemberSearch(): void {\n    this.showMemberSearch.update((value) => !value);\n    if (!this.showMemberSearch()) {\n      this.memberSearchQuery.set('');\n    }\n  }\n\n  openMediaCategory(category: AXConversationMediaCategory): void {\n    this.selectedMediaCategory.set(category);\n    this.panelView.set('media');\n  }\n\n  closeMediaView(): void {\n    this.panelView.set('main');\n    this.selectedMediaCategory.set(null);\n  }\n\n  getMediaViewInputs(category: AXConversationMediaCategory): Record<string, unknown> {\n    return {\n      category,\n      messages: this.conversationMessages(),\n      conversation: this.conversation,\n      conversationService: this.conversationService,\n      hasMoreMedia: this.mediaHasMore(),\n      loadingMoreMedia: this.loadingMoreMedia(),\n      onLoadMoreMedia: () => this.loadMoreMedia(),\n      onBack: () => this.closeMediaView(),\n    };\n  }\n\n  getMediaRowLabel(category: AXConversationMediaCategory): string {\n    return this.translation.translateSync(category.countLabelKey, {\n      params: { count: category.count },\n    });\n  }\n\n  getMemberSubtitle(participant: AXConversationParticipant): string {\n    const presence = this.conversationService?.getUserPresence(participant.id);\n    this.conversationService?.presenceTimeTick();\n    if (presence?.status === 'online') {\n      return this.translation.translateSync('@acorex:chat.status.online');\n    }\n    if (participant.description?.trim()) return participant.description.trim();\n    if (participant.role && participant.role !== 'member') return participant.role;\n    return '';\n  }\n\n  isMemberOnline(participant: AXConversationParticipant): boolean {\n    this.conversationService?.presenceTimeTick();\n    return this.conversationService?.getUserPresence(participant.id)?.status === 'online';\n  }\n\n  //#endregion\n\n  //#region ----- Actions -----\n\n  onQuickAction(actionId: string): void {\n    switch (actionId) {\n      case 'mute':\n        void this.toggleConversationMute();\n        break;\n      case 'leave':\n        void this.onLeave();\n        break;\n    }\n  }\n\n  async toggleConversationMute(): Promise<void> {\n    await this.onNotificationsChange(!this.notificationsEnabled());\n  }\n\n  async onNotificationsChange(value: boolean): Promise<void> {\n    try {\n      await this.conversationService.updateConversationSettings(this.conversation.id, {\n        notifications: value,\n      });\n      this.notificationsEnabled.set(value);\n    } catch (error) {\n      console.error('Failed to update notifications:', error);\n    }\n  }\n\n  async onArchivedChange(value: boolean): Promise<void> {\n    const previous = this.archived;\n    this.archived = value;\n    try {\n      await this.conversationService.updateConversation(this.conversation.id, { archived: value });\n      this.conversation.archived = value;\n      this.initialArchived = value;\n    } catch {\n      this.archived = previous;\n    }\n  }\n\n  close(data?: unknown): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = data;\n    this.onClosed.emit(event);\n  }\n\n  closeAll(): void {\n    this.close();\n  }\n\n  async onLeave(): Promise<void> {\n    const isGroup = this.isGroupConversation();\n    await this.conversationService.deleteConversation(this.conversation.id);\n\n    if (this.conversationService.activeConversation()?.id === this.conversation.id) {\n      this.conversationService.closeActiveConversation();\n    }\n\n    this.toastService.success(\n      isGroup\n        ? this.translation.translateSync('@acorex:chat.info-panel.toasts.left-conversation')\n        : this.translation.translateSync('@acorex:chat.info-panel.toasts.deleted-conversation'),\n    );\n    this.close();\n  }\n\n  onGroupTitleChange(value: string): void {\n    this.editTitle = value;\n    clearTimeout(this.groupTitleSaveTimer);\n    this.groupTitleSaveTimer = setTimeout(() => void this.persistGroupDetails(), 400);\n  }\n\n  onGroupAvatarChange(value: string): void {\n    this.editAvatar = value;\n    void this.persistGroupDetails();\n  }\n\n  private async persistGroupDetails(): Promise<void> {\n    if (this.isPrivateConversation() || this.groupDetailsSaveInFlight) {\n      return;\n    }\n\n    const title = this.editTitle.trim();\n    if (!title) {\n      return;\n    }\n\n    const nextAvatar = this.editAvatar.trim() || undefined;\n    const currentTitle = this.conversation.title || '';\n    const currentAvatar = this.conversation.avatar || undefined;\n\n    if (title === currentTitle && nextAvatar === currentAvatar) {\n      return;\n    }\n\n    this.groupDetailsSaveInFlight = true;\n    try {\n      await this.conversationService.updateConversation(this.conversation.id, {\n        title,\n        avatar: nextAvatar,\n      });\n      this.conversation.title = title;\n      this.conversation.avatar = nextAvatar;\n    } catch (error) {\n      console.error('Failed to update group details:', error);\n      this.toastService.danger(this.translation.translateSync('@acorex:chat.info-panel.toasts.failed-group-update'));\n    } finally {\n      this.groupDetailsSaveInFlight = false;\n    }\n  }\n\n  isBackgroundSelected(preset: { id: string; value: AXConversationMessageListThemeBackground }): boolean {\n    this.platform.themeMode();\n    const bg = this.conversation?.metadata?.['messageListBackground'] as\n      | AXConversationMessageListBackground\n      | undefined;\n    if (\n      bg === undefined ||\n      bg === '' ||\n      (isMessageListThemeBackground(bg) && !bg.light.trim() && !bg.dark.trim())\n    ) {\n      return preset.id === AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID;\n    }\n    return isSameMessageListBackground(bg, preset.value, this.platform.isDark());\n  }\n\n  presetBackgroundPreview(preset: AXConversationMessageListThemeBackground): string {\n    this.platform.themeMode();\n    const raw = resolveMessageListBackgroundRaw(preset, this.platform.isDark()) ?? '';\n    return normalizeMessageListBackgroundValue(raw);\n  }\n\n  async applyMessageListBackground(value: AXConversationMessageListBackground): Promise<void> {\n    const isReset =\n      value === '' || (isMessageListThemeBackground(value) && !value.light.trim() && !value.dark.trim());\n    try {\n      const metadata = { ...(this.conversation.metadata ?? {}) };\n      if (isReset) {\n        delete metadata.messageListBackground;\n      } else {\n        metadata.messageListBackground = value;\n      }\n      await this.conversationService.updateConversationMetadata(this.conversation.id, metadata);\n      this.conversation.metadata = metadata;\n      this.toastService.success(\n        isReset\n          ? this.translation.translateSync('@acorex:chat.info-panel.toasts.background-reset')\n          : this.translation.translateSync('@acorex:chat.info-panel.toasts.background-updated'),\n      );\n    } catch (error) {\n      console.error('Failed to update message list background:', error);\n      this.toastService.danger(\n        this.translation.translateSync('@acorex:chat.info-panel.toasts.failed-background-update'),\n      );\n    }\n  }\n\n  getBackgroundAriaLabel(label: string): string {\n    return this.translation.translateSync('@acorex:chat.info-panel.background.set-label', {\n      params: { label },\n    });\n  }\n\n  private translateBackgroundPresetLabel(id: string): string {\n    const labelKeys: Record<string, string> = {\n      'solid-default': '@acorex:chat.info-panel.background.presets.default',\n      'solid-graphite': '@acorex:chat.info-panel.background.presets.graphite',\n      'solid-olive': '@acorex:chat.info-panel.background.presets.olive',\n      'solid-sky': '@acorex:chat.info-panel.background.presets.sky',\n      'grad-aurora': '@acorex:chat.info-panel.background.presets.aurora',\n      'grad-sunset': '@acorex:chat.info-panel.background.presets.sunset',\n    };\n    return this.translation.translateSync(labelKeys[id] ?? id);\n  }\n\n  //#endregion\n}\n\n//#endregion\n","@if (conversation) {\n  <div class=\"tg-info-panel\">\n    @if (panelView() === 'media' && selectedMediaCategory(); as category) {\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"mediaViewLoader\"\n        [inputs]=\"getMediaViewInputs(category)\"\n      />\n    } @else {\n      <div class=\"tg-info-panel__scroll\">\n        <section class=\"tg-hero\">\n          <ax-conversation-avatar kind=\"auto\" [conversation]=\"conversation\" [size]=\"96\" />\n          <h2 class=\"tg-hero__title\">{{ conversation.title }}</h2>\n          <p class=\"tg-hero__subtitle\">{{ heroSubtitle() }}</p>\n        </section>\n\n        <section class=\"tg-quick-actions\">\n          @for (action of quickActions(); track action.id) {\n            <button\n              type=\"button\"\n              class=\"tg-quick-action\"\n              [class.tg-quick-action--danger]=\"action.danger\"\n              [class.tg-quick-action--active]=\"action.id === 'mute' && isConversationMuted()\"\n              (click)=\"onQuickAction(action.id)\"\n            >\n              <span class=\"tg-quick-action__icon\"><i [class]=\"action.icon\"></i></span>\n              <span class=\"tg-quick-action__label\">{{ action.labelKey | translate | async }}</span>\n            </button>\n          }\n        </section>\n\n        <nav class=\"tg-tabs\" role=\"tablist\">\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'profile'\"\n            [attr.aria-selected]=\"activeTab() === 'profile'\"\n            (click)=\"setActiveTab('profile')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.profile' | translate | async }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'manage'\"\n            [attr.aria-selected]=\"activeTab() === 'manage'\"\n            (click)=\"setActiveTab('manage')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.manage' | translate | async }}\n          </button>\n        </nav>\n\n        @if (activeTab() === 'profile') {\n          @if (profileFields().length > 0) {\n            <section class=\"tg-section tg-details\">\n              @for (field of profileFields(); track field.id) {\n                <div class=\"tg-detail-row\">\n                  <span class=\"tg-detail-row__icon\"><i [class]=\"field.icon\"></i></span>\n                  <div class=\"tg-detail-row__content\">\n                    <span class=\"tg-detail-row__value\">{{ field.value }}</span>\n                    <span class=\"tg-detail-row__label\">{{ field.labelKey | translate | async }}</span>\n                  </div>\n                </div>\n              }\n            </section>\n          }\n\n          @if (loadingMessages()) {\n            <div class=\"tg-loading\">{{ '@acorex:chat.info-panel.media.loading' | translate | async }}</div>\n          } @else if (mediaCategories().length > 0) {\n            <section class=\"tg-section tg-media\">\n              @for (category of mediaCategories(); track category.id) {\n                <button type=\"button\" class=\"tg-media-row\" (click)=\"openMediaCategory(category)\">\n                  <span class=\"tg-media-row__icon\"><i [class]=\"category.icon\"></i></span>\n                  <span class=\"tg-media-row__label\">{{ getMediaRowLabel(category) }}</span>\n                  <i class=\"fa-light fa-chevron-right tg-media-row__chevron\"></i>\n                </button>\n              }\n            </section>\n          }\n\n          @if (isGroupConversation()) {\n            <section class=\"tg-section tg-members\">\n              <div class=\"tg-section-header tg-section-header--row\">\n                <span class=\"tg-section-header__title\">{{ membersSectionTitle() }}</span>\n                <div class=\"tg-section-header__actions\">\n                  <button\n                    type=\"button\"\n                    class=\"tg-icon-btn\"\n                    (click)=\"toggleMemberSearch()\"\n                    [attr.aria-label]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-magnifying-glass\"></i>\n                  </button>\n                </div>\n              </div>\n              @if (showMemberSearch()) {\n                <div class=\"tg-members-search-wrap\">\n                  <ax-search-box\n                    class=\"tg-members-search\"\n                    [value]=\"memberSearchQuery()\"\n                    (valueChange)=\"onMemberSearchChange($event)\"\n                    [placeholder]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  ></ax-search-box>\n                </div>\n              }\n              @for (participant of filteredMembers(); track participant.id) {\n                <div class=\"tg-member-row\">\n                  <ax-conversation-avatar\n                    kind=\"user\"\n                    [userId]=\"participant.id\"\n                    [conversation]=\"conversation\"\n                    [size]=\"42\"\n                  />\n                  <div class=\"tg-member-row__content\">\n                    <span class=\"tg-member-row__name\">{{ participant.name }}</span>\n                    <span\n                      class=\"tg-member-row__meta\"\n                      [class.tg-member-row__meta--online]=\"isMemberOnline(participant)\"\n                    >\n                      {{ getMemberSubtitle(participant) }}\n                    </span>\n                  </div>\n                  @if (getMemberRoleLabel(participant); as roleLabel) {\n                    <span class=\"tg-member-row__badge\">{{ roleLabel | translate | async }}</span>\n                  }\n                </div>\n              }\n            </section>\n          }\n        }\n\n        @if (activeTab() === 'manage') {\n          <section class=\"tg-section tg-manage\">\n            @if (!isPrivateConversation()) {\n              <div class=\"tg-manage-block\">\n                <ax-label class=\"tg-manage-label\">{{\n                  '@acorex:chat.info-panel.group-details.title' | translate | async\n                }}</ax-label>\n                <ax-text-box\n                  [value]=\"editTitle\"\n                  (valueChange)=\"onGroupTitleChange($event)\"\n                  [placeholder]=\"'@acorex:chat.info-panel.placeholders.enter-group-title' | translate | async\"\n                ></ax-text-box>\n                <div class=\"tg-manage-avatar\">\n                  <ax-conversation-avatar-picker\n                    [(avatarUrl)]=\"editAvatar\"\n                    (avatarUrlChange)=\"onGroupAvatarChange($event)\"\n                  ></ax-conversation-avatar-picker>\n                </div>\n              </div>\n            }\n\n            <div class=\"tg-setting-row\">\n              <div class=\"tg-setting-row__info\">\n                <span class=\"tg-setting-row__title\">{{\n                  '@acorex:chat.info-panel.settings.archived' | translate | async\n                }}</span>\n                <span class=\"tg-setting-row__desc\">{{\n                  '@acorex:chat.info-panel.settings.archived-description' | translate | async\n                }}</span>\n              </div>\n              <ax-switch [(ngModel)]=\"archived\" (ngModelChange)=\"onArchivedChange($event)\"></ax-switch>\n            </div>\n\n            <div class=\"tg-manage-block tg-background-block\">\n              <ax-label class=\"tg-manage-label\">{{\n                '@acorex:chat.info-panel.background.title' | translate | async\n              }}</ax-label>\n              <p class=\"tg-background-desc\">\n                {{ '@acorex:chat.info-panel.background.description' | translate | async }}\n              </p>\n              <div class=\"tg-background-grid\">\n                @for (preset of backgroundPresets; track preset.id) {\n                  <button\n                    type=\"button\"\n                    class=\"tg-background-swatch\"\n                    [class.tg-background-swatch--active]=\"isBackgroundSelected(preset)\"\n                    [style.background]=\"presetBackgroundPreview(preset.value)\"\n                    (click)=\"applyMessageListBackground(preset.value)\"\n                    [attr.aria-label]=\"getBackgroundAriaLabel(preset.label)\"\n                  >\n                    <span class=\"tg-background-swatch__label\">{{ preset.label }}</span>\n                  </button>\n                }\n              </div>\n              <ax-button\n                [text]=\"'@acorex:chat.info-panel.actions.reset-to-default' | translate | async\"\n                [look]=\"'ghost'\"\n                (onClick)=\"applyMessageListBackground('')\"\n              ></ax-button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-platform-module-conversation-client-chat-conversation-info-panel.component-BBL8iEqc.mjs","sources":["../../../../libs/modules/conversation/client/src/lib/features/chat/plugins/info-bar/chat-conversation-info-panel.component.ts","../../../../libs/modules/conversation/client/src/lib/features/chat/plugins/info-bar/chat-conversation-info-panel.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\nimport { AXSwitchModule } from '@acorex/components/switch';\nimport { AXTextBoxComponent } from '@acorex/components/text-box';\nimport { AXToastService } from '@acorex/components/toast';\nimport {\n  AXConversationAvatarComponent,\n  AXConversationAvatarPickerComponent,\n  AXConversationRegistryComponentOutletComponent,\n  AXConversationService,\n  AXConversationMessageUtilsService,\n  AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID,\n  AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS,\n  fetchConversationMediaPage,\n  filterSupplementalInfoPanelMessages,\n  getConversationMediaCategories,\n  getConversationProfileFields,\n  isMessageListThemeBackground,\n  isSameMessageListBackground,\n  mergeInfoPanelMessages,\n  normalizeMessageListBackgroundValue,\n  resolveMessageListBackgroundRaw,\n} from '@acorex/components/conversation';\nimport type {\n  AXConversation,\n  AXConversationMessage,\n  AXConversationMessageListBackground,\n  AXConversationMessageListThemeBackground,\n  AXConversationMediaCategory,\n  AXConversationParticipant,\n} from '@acorex/components/conversation';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  OnDestroy,\n  OnInit,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n//#endregion\n\n//#region ----- Types -----\n\ninterface AXMInfoPanelQuickAction {\n  id: string;\n  labelKey: string;\n  icon: string;\n  danger?: boolean;\n}\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'axm-chat-conversation-info-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AsyncPipe,\n    FormsModule,\n    AXButtonComponent,\n    AXDecoratorModule,\n    AXLabelComponent,\n    AXSearchBoxComponent,\n    AXSwitchModule,\n    AXTextBoxComponent,\n    AXConversationAvatarPickerComponent,\n    AXConversationAvatarComponent,\n    AXConversationRegistryComponentOutletComponent,\n    AXTranslationModule,\n  ],\n  providers: [{ provide: AXClosableComponent, useExisting: AXMChatConversationInfoPanelComponent }],\n  templateUrl: './chat-conversation-info-panel.component.html',\n  styleUrl: './chat-conversation-info-panel.component.css',\n})\nexport class AXMChatConversationInfoPanelComponent extends AXClosableComponent implements OnInit, OnDestroy {\n  //#region ----- Services -----\n\n  private readonly toastService = inject(AXToastService);\n  readonly translation = inject(AXTranslationService);\n  private readonly platform = inject(AXPlatform);\n  private readonly injectedConversationService = inject(AXConversationService, { optional: true });\n\n  //#endregion\n\n  //#region ----- Popup State -----\n\n  readonly onClosed = output<AXComponentCloseEvent>();\n\n  /** Assigned by {@link AXPopupService} via `data`. */\n  conversation!: AXConversation;\n  /** Assigned by {@link AXPopupService} via `data`. */\n  conversationService!: AXConversationService;\n\n  readonly activeTab = signal<'profile' | 'manage'>('profile');\n  readonly showMemberSearch = signal(false);\n  readonly panelView = signal<'main' | 'media'>('main');\n  readonly selectedMediaCategory = signal<AXConversationMediaCategory | null>(null);\n  readonly mediaViewLoader = () =>\n    import('./chat-conversation-info-media-view.component').then((m) => m.AXMChatConversationInfoMediaViewComponent);\n  readonly conversationMessages = signal<AXConversationMessage[]>([]);\n  readonly loadingMessages = signal(false);\n  readonly loadingMoreMedia = signal(false);\n  readonly mediaHasMore = signal(false);\n  private mediaNextPage = 1;\n  private mediaNextCursor: string | undefined;\n  readonly memberSearchQuery = signal('');\n\n  archived = false;\n\n  private initialNotifications = false;\n  private initialArchived = false;\n  private readonly notificationsEnabled = signal(true);\n\n  editTitle = '';\n  editAvatar = '';\n\n  private groupTitleSaveTimer: ReturnType<typeof setTimeout> | undefined;\n  private groupDetailsSaveInFlight = false;\n\n  readonly backgroundPresets = AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS.map((preset) => ({\n    ...preset,\n    label: this.translateBackgroundPresetLabel(preset.id),\n  }));\n\n  //#endregion\n\n  //#region ----- Derived State -----\n\n  readonly heroSubtitle = computed(() => {\n    const conversation = this.liveConversation();\n    if (!conversation) return '';\n    this.conversationService?.typingRevision();\n    this.conversationService?.presenceTimeTick();\n    return AXConversationMessageUtilsService.getConversationSubtitle(conversation, {\n      typingUserIds: this.conversationService?.getActiveTypingUserIds(conversation.id) ?? [],\n      peerPresence: this.conversationService?.getPeerPresence(conversation),\n      currentUserId: this.conversationService?.currentUser()?.id,\n    });\n  });\n\n  readonly liveConversation = computed(() => {\n    const conversation = this.conversation;\n    if (!conversation?.id) return conversation;\n    const fromStore = this.conversationService?.conversations().find((c) => c.id === conversation.id);\n    return fromStore ?? conversation;\n  });\n\n  readonly isConversationMuted = computed(() => this.notificationsEnabled() === false);\n\n  readonly profileFields = computed(() => {\n    const conversation = this.liveConversation();\n    if (!conversation) return [];\n    return getConversationProfileFields(conversation, this.conversationService?.currentUser()?.id);\n  });\n\n  readonly mediaCategories = computed(() => {\n    if (!this.conversation) return [];\n    return getConversationMediaCategories(this.conversationMessages());\n  });\n\n  readonly quickActions = computed((): AXMInfoPanelQuickAction[] => {\n    if (!this.conversation) return [];\n    const muted = this.isConversationMuted();\n    const actions: AXMInfoPanelQuickAction[] = [\n      {\n        id: 'mute',\n        labelKey: muted ? '@acorex:chat.actions.unmute' : '@acorex:chat.actions.mute',\n        icon: muted ? 'fa-light fa-bell-slash' : 'fa-light fa-bell',\n      },\n    ];\n\n    if (!this.isPrivateConversation()) {\n      actions.push({\n        id: 'leave',\n        labelKey: '@acorex:chat.actions.leave-and-delete',\n        icon: 'fa-light fa-door-open',\n        danger: true,\n      });\n    }\n\n    return actions;\n  });\n\n  readonly filteredMembers = computed(() => {\n    if (!this.conversation) return [];\n    const query = this.memberSearchQuery().toLowerCase().trim();\n    const members = this.conversation?.participants ?? [];\n    if (!query) return members;\n    return members.filter(\n      (p) =>\n        p.name.toLowerCase().includes(query) ||\n        (p.description ?? '').toLowerCase().includes(query) ||\n        (p.role ?? '').toLowerCase().includes(query),\n    );\n  });\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  ngOnInit(): void {\n    const resolvedService = this.conversationService ?? this.injectedConversationService;\n    if (!resolvedService) {\n      console.warn('AXMChatConversationInfoPanelComponent opened without conversationService.');\n      this.close();\n      return;\n    }\n    this.conversationService = resolvedService;\n\n    if (!this.conversation) {\n      const activeConversation = this.conversationService.activeConversation();\n      if (activeConversation) {\n        this.conversation = activeConversation;\n      } else {\n        console.warn('AXMChatConversationInfoPanelComponent opened without conversation context.');\n        this.close();\n        return;\n      }\n    }\n\n    this.initialNotifications = this.conversationService.getRoomPreferences(this.conversation.id).notifications;\n    this.notificationsEnabled.set(this.initialNotifications);\n    this.archived = this.conversation.archived ?? false;\n    this.initialArchived = this.archived;\n    this.editTitle = this.conversation.title || '';\n    this.editAvatar = this.conversation.avatar || '';\n\n    void this.loadConversationMessages();\n  }\n\n  ngOnDestroy(): void {\n    if (this.groupTitleSaveTimer) {\n      clearTimeout(this.groupTitleSaveTimer);\n      this.groupTitleSaveTimer = undefined;\n      void this.persistGroupDetails();\n    }\n\n    const currentNotifications = this.notificationsEnabled();\n    const hasChanges = currentNotifications !== this.initialNotifications || this.archived !== this.initialArchived;\n\n    if (hasChanges) {\n      this.toastService.success(this.translation.translateSync('@acorex:chat.info-panel.toasts.settings-saved'));\n    }\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  private async loadConversationMessages(): Promise<void> {\n    this.loadingMessages.set(true);\n    this.mediaNextPage = 1;\n    this.mediaNextCursor = undefined;\n    this.mediaHasMore.set(false);\n\n    try {\n      const page = await fetchConversationMediaPage(\n        this.conversationService.conversationApi,\n        this.conversation.id,\n        0,\n      );\n\n      this.mediaHasMore.set(page.hasMore);\n      this.mediaNextCursor = page.nextCursor;\n\n      const supplemental =\n        this.conversationService.activeConversationId() === this.conversation.id\n          ? filterSupplementalInfoPanelMessages(this.conversationService.activeMessages())\n          : [];\n\n      this.conversationMessages.set(mergeInfoPanelMessages(page.items, supplemental));\n    } catch (error) {\n      console.error('Failed to load conversation media messages:', error);\n    } finally {\n      this.loadingMessages.set(false);\n    }\n  }\n\n  async loadMoreMedia(): Promise<void> {\n    if (!this.mediaHasMore() || this.loadingMoreMedia() || this.loadingMessages()) {\n      return;\n    }\n\n    this.loadingMoreMedia.set(true);\n    try {\n      const page = await fetchConversationMediaPage(\n        this.conversationService.conversationApi,\n        this.conversation.id,\n        this.mediaNextPage,\n        undefined,\n        this.mediaNextCursor,\n      );\n\n      this.mediaHasMore.set(page.hasMore);\n      this.mediaNextCursor = page.nextCursor;\n      this.mediaNextPage += 1;\n\n      this.conversationMessages.set(mergeInfoPanelMessages(page.items, this.conversationMessages()));\n    } catch (error) {\n      console.error('Failed to load more conversation media:', error);\n    } finally {\n      this.loadingMoreMedia.set(false);\n    }\n  }\n\n  //#endregion\n\n  //#region ----- UI Helpers -----\n\n  isPrivateConversation(): boolean {\n    return this.conversation.type === 'private';\n  }\n\n  isGroupConversation(): boolean {\n    return this.conversation.type === 'group' || this.conversation.type === 'channel';\n  }\n\n  membersSectionTitle(): string {\n    return this.translation.translateSync('@acorex:chat.info-panel.tabs.members-count-upper', {\n      params: { count: this.conversation.participants.length },\n    });\n  }\n\n  getMemberRoleLabel(participant: AXConversationParticipant): string | null {\n    switch (participant.role) {\n      case 'admin':\n        return '@acorex:chat.info-panel.member-role.admin';\n      case 'owner':\n        return '@acorex:chat.info-panel.member-role.admin';\n      case 'moderator':\n        return '@acorex:chat.info-panel.member-role.moderator';\n      default:\n        return null;\n    }\n  }\n\n  onMemberSearchChange(value: string | null | undefined): void {\n    this.memberSearchQuery.set(value ?? '');\n  }\n\n  setActiveTab(tab: 'profile' | 'manage'): void {\n    this.activeTab.set(tab);\n  }\n\n  toggleMemberSearch(): void {\n    this.showMemberSearch.update((value) => !value);\n    if (!this.showMemberSearch()) {\n      this.memberSearchQuery.set('');\n    }\n  }\n\n  openMediaCategory(category: AXConversationMediaCategory): void {\n    this.selectedMediaCategory.set(category);\n    this.panelView.set('media');\n  }\n\n  closeMediaView(): void {\n    this.panelView.set('main');\n    this.selectedMediaCategory.set(null);\n  }\n\n  getMediaViewInputs(category: AXConversationMediaCategory): Record<string, unknown> {\n    return {\n      category,\n      messages: this.conversationMessages(),\n      conversation: this.conversation,\n      conversationService: this.conversationService,\n      hasMoreMedia: this.mediaHasMore(),\n      loadingMoreMedia: this.loadingMoreMedia(),\n      onLoadMoreMedia: () => this.loadMoreMedia(),\n      onBack: () => this.closeMediaView(),\n    };\n  }\n\n  getMediaRowLabel(category: AXConversationMediaCategory): string {\n    return this.translation.translateSync(category.countLabelKey, {\n      params: { count: category.count },\n    });\n  }\n\n  getMemberSubtitle(participant: AXConversationParticipant): string {\n    const presence = this.conversationService?.getUserPresence(participant.id);\n    this.conversationService?.presenceTimeTick();\n    if (presence?.status === 'online') {\n      return this.translation.translateSync('@acorex:chat.status.online');\n    }\n    if (participant.description?.trim()) return participant.description.trim();\n    if (participant.role && participant.role !== 'member') return participant.role;\n    return '';\n  }\n\n  isMemberOnline(participant: AXConversationParticipant): boolean {\n    this.conversationService?.presenceTimeTick();\n    return this.conversationService?.getUserPresence(participant.id)?.status === 'online';\n  }\n\n  //#endregion\n\n  //#region ----- Actions -----\n\n  onQuickAction(actionId: string): void {\n    switch (actionId) {\n      case 'mute':\n        void this.toggleConversationMute();\n        break;\n      case 'leave':\n        void this.onLeave();\n        break;\n    }\n  }\n\n  async toggleConversationMute(): Promise<void> {\n    await this.onNotificationsChange(!this.notificationsEnabled());\n  }\n\n  async onNotificationsChange(value: boolean): Promise<void> {\n    try {\n      await this.conversationService.updateConversationSettings(this.conversation.id, {\n        notifications: value,\n      });\n      this.notificationsEnabled.set(value);\n    } catch (error) {\n      console.error('Failed to update notifications:', error);\n    }\n  }\n\n  async onArchivedChange(value: boolean): Promise<void> {\n    const previous = this.archived;\n    this.archived = value;\n    try {\n      await this.conversationService.updateConversation(this.conversation.id, { archived: value });\n      this.conversation.archived = value;\n      this.initialArchived = value;\n    } catch {\n      this.archived = previous;\n    }\n  }\n\n  close(data?: unknown): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = data;\n    this.onClosed.emit(event);\n  }\n\n  closeAll(): void {\n    this.close();\n  }\n\n  async onLeave(): Promise<void> {\n    const isGroup = this.isGroupConversation();\n    await this.conversationService.deleteConversation(this.conversation.id);\n\n    if (this.conversationService.activeConversation()?.id === this.conversation.id) {\n      this.conversationService.closeActiveConversation();\n    }\n\n    this.toastService.success(\n      isGroup\n        ? this.translation.translateSync('@acorex:chat.info-panel.toasts.left-conversation')\n        : this.translation.translateSync('@acorex:chat.info-panel.toasts.deleted-conversation'),\n    );\n    this.close();\n  }\n\n  onGroupTitleChange(value: string): void {\n    this.editTitle = value;\n    clearTimeout(this.groupTitleSaveTimer);\n    this.groupTitleSaveTimer = setTimeout(() => void this.persistGroupDetails(), 400);\n  }\n\n  onGroupAvatarChange(value: string): void {\n    this.editAvatar = value;\n    void this.persistGroupDetails();\n  }\n\n  private async persistGroupDetails(): Promise<void> {\n    if (this.isPrivateConversation() || this.groupDetailsSaveInFlight) {\n      return;\n    }\n\n    const title = this.editTitle.trim();\n    if (!title) {\n      return;\n    }\n\n    const nextAvatar = this.editAvatar.trim() || undefined;\n    const currentTitle = this.conversation.title || '';\n    const currentAvatar = this.conversation.avatar || undefined;\n\n    if (title === currentTitle && nextAvatar === currentAvatar) {\n      return;\n    }\n\n    this.groupDetailsSaveInFlight = true;\n    try {\n      await this.conversationService.updateConversation(this.conversation.id, {\n        title,\n        avatar: nextAvatar,\n      });\n      this.conversation.title = title;\n      this.conversation.avatar = nextAvatar;\n    } catch (error) {\n      console.error('Failed to update group details:', error);\n      this.toastService.danger(this.translation.translateSync('@acorex:chat.info-panel.toasts.failed-group-update'));\n    } finally {\n      this.groupDetailsSaveInFlight = false;\n    }\n  }\n\n  isBackgroundSelected(preset: { id: string; value: AXConversationMessageListThemeBackground }): boolean {\n    this.platform.themeMode();\n    const bg = this.conversation?.metadata?.['messageListBackground'] as\n      | AXConversationMessageListBackground\n      | undefined;\n    if (\n      bg === undefined ||\n      bg === '' ||\n      (isMessageListThemeBackground(bg) && !bg.light.trim() && !bg.dark.trim())\n    ) {\n      return preset.id === AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID;\n    }\n    return isSameMessageListBackground(bg, preset.value, this.platform.isDark());\n  }\n\n  presetBackgroundPreview(preset: AXConversationMessageListThemeBackground): string {\n    this.platform.themeMode();\n    const raw = resolveMessageListBackgroundRaw(preset, this.platform.isDark()) ?? '';\n    return normalizeMessageListBackgroundValue(raw);\n  }\n\n  async applyMessageListBackground(value: AXConversationMessageListBackground): Promise<void> {\n    const isReset =\n      value === '' || (isMessageListThemeBackground(value) && !value.light.trim() && !value.dark.trim());\n    try {\n      const metadata = { ...(this.conversation.metadata ?? {}) };\n      if (isReset) {\n        delete metadata.messageListBackground;\n      } else {\n        metadata.messageListBackground = value;\n      }\n      await this.conversationService.updateConversationMetadata(this.conversation.id, metadata);\n      this.conversation.metadata = metadata;\n      this.toastService.success(\n        isReset\n          ? this.translation.translateSync('@acorex:chat.info-panel.toasts.background-reset')\n          : this.translation.translateSync('@acorex:chat.info-panel.toasts.background-updated'),\n      );\n    } catch (error) {\n      console.error('Failed to update message list background:', error);\n      this.toastService.danger(\n        this.translation.translateSync('@acorex:chat.info-panel.toasts.failed-background-update'),\n      );\n    }\n  }\n\n  getBackgroundAriaLabel(label: string): string {\n    return this.translation.translateSync('@acorex:chat.info-panel.background.set-label', {\n      params: { label },\n    });\n  }\n\n  private translateBackgroundPresetLabel(id: string): string {\n    const labelKeys: Record<string, string> = {\n      'solid-default': '@acorex:chat.info-panel.background.presets.default',\n      'solid-graphite': '@acorex:chat.info-panel.background.presets.graphite',\n      'solid-olive': '@acorex:chat.info-panel.background.presets.olive',\n      'solid-sky': '@acorex:chat.info-panel.background.presets.sky',\n      'grad-aurora': '@acorex:chat.info-panel.background.presets.aurora',\n      'grad-sunset': '@acorex:chat.info-panel.background.presets.sunset',\n    };\n    return this.translation.translateSync(labelKeys[id] ?? id);\n  }\n\n  //#endregion\n}\n\n//#endregion\n","@if (conversation) {\n  <div class=\"tg-info-panel\">\n    @if (panelView() === 'media' && selectedMediaCategory(); as category) {\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"mediaViewLoader\"\n        [inputs]=\"getMediaViewInputs(category)\"\n      />\n    } @else {\n      <div class=\"tg-info-panel__scroll\">\n        <section class=\"tg-hero\">\n          <ax-conversation-avatar kind=\"auto\" [conversation]=\"conversation\" [size]=\"96\" />\n          <h2 class=\"tg-hero__title\">{{ conversation.title }}</h2>\n          <p class=\"tg-hero__subtitle\">{{ heroSubtitle() }}</p>\n        </section>\n\n        <section class=\"tg-quick-actions\">\n          @for (action of quickActions(); track action.id) {\n            <button\n              type=\"button\"\n              class=\"tg-quick-action\"\n              [class.tg-quick-action--danger]=\"action.danger\"\n              [class.tg-quick-action--active]=\"action.id === 'mute' && isConversationMuted()\"\n              (click)=\"onQuickAction(action.id)\"\n            >\n              <span class=\"tg-quick-action__icon\"><i [class]=\"action.icon\"></i></span>\n              <span class=\"tg-quick-action__label\">{{ action.labelKey | translate | async }}</span>\n            </button>\n          }\n        </section>\n\n        <nav class=\"tg-tabs\" role=\"tablist\">\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'profile'\"\n            [attr.aria-selected]=\"activeTab() === 'profile'\"\n            (click)=\"setActiveTab('profile')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.profile' | translate | async }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tg-tab\"\n            role=\"tab\"\n            [class.tg-tab--active]=\"activeTab() === 'manage'\"\n            [attr.aria-selected]=\"activeTab() === 'manage'\"\n            (click)=\"setActiveTab('manage')\"\n          >\n            {{ '@acorex:chat.info-panel.tabs.manage' | translate | async }}\n          </button>\n        </nav>\n\n        @if (activeTab() === 'profile') {\n          @if (profileFields().length > 0) {\n            <section class=\"tg-section tg-details\">\n              @for (field of profileFields(); track field.id) {\n                <div class=\"tg-detail-row\">\n                  <span class=\"tg-detail-row__icon\"><i [class]=\"field.icon\"></i></span>\n                  <div class=\"tg-detail-row__content\">\n                    <span class=\"tg-detail-row__value\">{{ field.value }}</span>\n                    <span class=\"tg-detail-row__label\">{{ field.labelKey | translate | async }}</span>\n                  </div>\n                </div>\n              }\n            </section>\n          }\n\n          @if (loadingMessages()) {\n            <div class=\"tg-loading\">{{ '@acorex:chat.info-panel.media.loading' | translate | async }}</div>\n          } @else if (mediaCategories().length > 0) {\n            <section class=\"tg-section tg-media\">\n              @for (category of mediaCategories(); track category.id) {\n                <button type=\"button\" class=\"tg-media-row\" (click)=\"openMediaCategory(category)\">\n                  <span class=\"tg-media-row__icon\"><i [class]=\"category.icon\"></i></span>\n                  <span class=\"tg-media-row__label\">{{ getMediaRowLabel(category) }}</span>\n                  <i class=\"fa-light fa-chevron-right tg-media-row__chevron\"></i>\n                </button>\n              }\n            </section>\n          }\n\n          @if (isGroupConversation()) {\n            <section class=\"tg-section tg-members\">\n              <div class=\"tg-section-header tg-section-header--row\">\n                <span class=\"tg-section-header__title\">{{ membersSectionTitle() }}</span>\n                <div class=\"tg-section-header__actions\">\n                  <button\n                    type=\"button\"\n                    class=\"tg-icon-btn\"\n                    (click)=\"toggleMemberSearch()\"\n                    [attr.aria-label]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  >\n                    <i class=\"fa-light fa-magnifying-glass\"></i>\n                  </button>\n                </div>\n              </div>\n              @if (showMemberSearch()) {\n                <div class=\"tg-members-search-wrap\">\n                  <ax-search-box\n                    class=\"tg-members-search\"\n                    [value]=\"memberSearchQuery()\"\n                    (valueChange)=\"onMemberSearchChange($event)\"\n                    [placeholder]=\"'@acorex:chat.info-panel.placeholders.search-members' | translate | async\"\n                  ></ax-search-box>\n                </div>\n              }\n              @for (participant of filteredMembers(); track participant.id) {\n                <div class=\"tg-member-row\">\n                  <ax-conversation-avatar\n                    kind=\"user\"\n                    [userId]=\"participant.id\"\n                    [conversation]=\"conversation\"\n                    [size]=\"42\"\n                  />\n                  <div class=\"tg-member-row__content\">\n                    <span class=\"tg-member-row__name\">{{ participant.name }}</span>\n                    <span\n                      class=\"tg-member-row__meta\"\n                      [class.tg-member-row__meta--online]=\"isMemberOnline(participant)\"\n                    >\n                      {{ getMemberSubtitle(participant) }}\n                    </span>\n                  </div>\n                  @if (getMemberRoleLabel(participant); as roleLabel) {\n                    <span class=\"tg-member-row__badge\">{{ roleLabel | translate | async }}</span>\n                  }\n                </div>\n              }\n            </section>\n          }\n        }\n\n        @if (activeTab() === 'manage') {\n          <section class=\"tg-section tg-manage\">\n            @if (!isPrivateConversation()) {\n              <div class=\"tg-manage-block\">\n                <ax-label class=\"tg-manage-label\">{{\n                  '@acorex:chat.info-panel.group-details.title' | translate | async\n                }}</ax-label>\n                <ax-text-box\n                  [value]=\"editTitle\"\n                  (valueChange)=\"onGroupTitleChange($event)\"\n                  [placeholder]=\"'@acorex:chat.info-panel.placeholders.enter-group-title' | translate | async\"\n                ></ax-text-box>\n                <div class=\"tg-manage-avatar\">\n                  <ax-conversation-avatar-picker\n                    [(avatarUrl)]=\"editAvatar\"\n                    (avatarUrlChange)=\"onGroupAvatarChange($event)\"\n                  ></ax-conversation-avatar-picker>\n                </div>\n              </div>\n            }\n\n            <div class=\"tg-setting-row\">\n              <div class=\"tg-setting-row__info\">\n                <span class=\"tg-setting-row__title\">{{\n                  '@acorex:chat.info-panel.settings.archived' | translate | async\n                }}</span>\n                <span class=\"tg-setting-row__desc\">{{\n                  '@acorex:chat.info-panel.settings.archived-description' | translate | async\n                }}</span>\n              </div>\n              <ax-switch [(ngModel)]=\"archived\" (ngModelChange)=\"onArchivedChange($event)\"></ax-switch>\n            </div>\n\n            <div class=\"tg-manage-block tg-background-block\">\n              <ax-label class=\"tg-manage-label\">{{\n                '@acorex:chat.info-panel.background.title' | translate | async\n              }}</ax-label>\n              <p class=\"tg-background-desc\">\n                {{ '@acorex:chat.info-panel.background.description' | translate | async }}\n              </p>\n              <div class=\"tg-background-grid\">\n                @for (preset of backgroundPresets; track preset.id) {\n                  <button\n                    type=\"button\"\n                    class=\"tg-background-swatch\"\n                    [class.tg-background-swatch--active]=\"isBackgroundSelected(preset)\"\n                    [style.background]=\"presetBackgroundPreview(preset.value)\"\n                    (click)=\"applyMessageListBackground(preset.value)\"\n                    [attr.aria-label]=\"getBackgroundAriaLabel(preset.label)\"\n                  >\n                    <span class=\"tg-background-swatch__label\">{{ preset.label }}</span>\n                  </button>\n                }\n              </div>\n              <ax-button\n                [text]=\"'@acorex:chat.info-panel.actions.reset-to-default' | translate | async\"\n                [look]=\"'ghost'\"\n                (onClick)=\"applyMessageListBackground('')\"\n              ></ax-button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-module-conversation-client-comments-page.component-VOuN3y_8.mjs → acorex-platform-module-conversation-client-comments-page.component-Djn8EikR.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { input, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
-import { g as AXMCommentComponent } from './acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-BP8QEicz.mjs';
+import { g as AXMCommentComponent } from './acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-CDlDFzbl.mjs';
 
 //#region ---- Comments Page Component ----
 /**
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: true }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }] } });
 
 export { AXMCommentsPageComponent };
-//# sourceMappingURL=acorex-platform-module-conversation-client-comments-page.component-VOuN3y_8.mjs.map
+//# sourceMappingURL=acorex-platform-module-conversation-client-comments-page.component-Djn8EikR.mjs.map

package/fesm2022/{acorex-platform-module-conversation-client-comments-page.component-VOuN3y_8.mjs.map → acorex-platform-module-conversation-client-comments-page.component-Djn8EikR.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-conversation-client-comments-page.component-VOuN3y_8.mjs","sources":["../../../../libs/modules/conversation/client/src/lib/features/comment/comments-page/comments-page.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AXMCommentComponent } from '../comment.component';\n\n//#region ---- Comments Page Component ----\n\n/**\n * Page component that renders comments using AXMCommentComponent.\n * Used when comments plugin has display: 'page'.\n * Receives rootContext (entity data) and derives refrenceType/refrenceId from route params and context.\n */\n@Component({\n  selector: 'axm-comments-page',\n  imports: [AXMCommentComponent],\n  template: `\n    @if (refrenceType() && refrenceId()) {\n      <axm-comment\n        [refrenceType]=\"refrenceType()!\"\n        [refrenceId]=\"refrenceId()!\"\n        [subject]=\"subject()\"\n      ></axm-comment>\n    }\n  `,\n  styles: `\n\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMCommentsPageComponent,\n    },\n  ],\n})\nexport class AXMCommentsPageComponent extends AXPPageLayoutBaseComponent {\n\n  //#region ---- Inputs ----\n\n  /** Entity data context passed by the page host */\n  rootContext = input.required<Record<string, any>>();\n\n  /** Page-level configuration from the entity page definition */\n  pageConfig = input<Record<string, unknown>>();\n\n  //#endregion\n\n  //#region ---- Services & Dependencies ----\n\n  private route = inject(ActivatedRoute);\n\n  //#endregion\n\n  //#region ---- Computed Properties ----\n\n  protected refrenceType = computed(() => {\n    const moduleName = this.route.snapshot.parent?.paramMap.get('module');\n    const entityName = this.route.snapshot.paramMap.get('entity');\n    if (moduleName && entityName) {\n      return `${moduleName}.${entityName}`;\n    }\n    return null;\n  });\n\n  protected refrenceId = computed(() => {\n    const ctx = this.rootContext();\n    return ctx?.['id'] ?? null;\n  });\n\n  protected subject = computed(() => {\n    const ctx = this.rootContext();\n    return ctx?.['title'] ?? '';\n  });\n\n  //#endregion\n\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;;;AAKA;AAEA;;;;AAIG;AA6BG,MAAO,wBAAyB,SAAQ,0BAA0B,CAAA;AA5BxE,IAAA,WAAA,GAAA;;;;QAiCE,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ;wFAAuB;;AAGnD,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;kGAA2B;;;AAMrC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;;;AAM5B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;AACrE,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC7D,YAAA,IAAI,UAAU,IAAI,UAAU,EAAE;AAC5B,gBAAA,OAAO,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,UAAU,EAAE;YACtC;AACA,YAAA,OAAO,IAAI;QACb,CAAC;yFAAC;AAEQ,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACnC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE;AAC9B,YAAA,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI;QAC5B,CAAC;uFAAC;AAEQ,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE;AAC9B,YAAA,OAAO,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE;QAC7B,CAAC;oFAAC;AAIH,IAAA;8GAzCY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAPxB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,wBAAwB;AACtC,aAAA;SACF,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBS;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EATS,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FA0BlB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBA5BpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,OAAA,EACpB,CAAC,mBAAmB,CAAC,EAAA,QAAA,EACpB;;;;;;;;GAQT,EAAA,eAAA,EASgB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,wBAA0B;AACtC,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"acorex-platform-module-conversation-client-comments-page.component-Djn8EikR.mjs","sources":["../../../../libs/modules/conversation/client/src/lib/features/comment/comments-page/comments-page.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AXMCommentComponent } from '../comment.component';\n\n//#region ---- Comments Page Component ----\n\n/**\n * Page component that renders comments using AXMCommentComponent.\n * Used when comments plugin has display: 'page'.\n * Receives rootContext (entity data) and derives refrenceType/refrenceId from route params and context.\n */\n@Component({\n  selector: 'axm-comments-page',\n  imports: [AXMCommentComponent],\n  template: `\n    @if (refrenceType() && refrenceId()) {\n      <axm-comment\n        [refrenceType]=\"refrenceType()!\"\n        [refrenceId]=\"refrenceId()!\"\n        [subject]=\"subject()\"\n      ></axm-comment>\n    }\n  `,\n  styles: `\n\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMCommentsPageComponent,\n    },\n  ],\n})\nexport class AXMCommentsPageComponent extends AXPPageLayoutBaseComponent {\n\n  //#region ---- Inputs ----\n\n  /** Entity data context passed by the page host */\n  rootContext = input.required<Record<string, any>>();\n\n  /** Page-level configuration from the entity page definition */\n  pageConfig = input<Record<string, unknown>>();\n\n  //#endregion\n\n  //#region ---- Services & Dependencies ----\n\n  private route = inject(ActivatedRoute);\n\n  //#endregion\n\n  //#region ---- Computed Properties ----\n\n  protected refrenceType = computed(() => {\n    const moduleName = this.route.snapshot.parent?.paramMap.get('module');\n    const entityName = this.route.snapshot.paramMap.get('entity');\n    if (moduleName && entityName) {\n      return `${moduleName}.${entityName}`;\n    }\n    return null;\n  });\n\n  protected refrenceId = computed(() => {\n    const ctx = this.rootContext();\n    return ctx?.['id'] ?? null;\n  });\n\n  protected subject = computed(() => {\n    const ctx = this.rootContext();\n    return ctx?.['title'] ?? '';\n  });\n\n  //#endregion\n\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}