@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs

@@ -0,0 +1,263 @@
+import { NgTemplateOutlet, DecimalPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, computed, input, booleanAttribute, output, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BlockDirective, ElemDirective } from '@rt-tools/core';
+import { NotificationBus, RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
+import { RtAsideSectionComponent } from '@rt-tools/ui-kit-v2/aside-section';
+import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
+import { RtConfirmDirective } from '@rt-tools/ui-kit-v2/confirm-popover';
+import { RtDetailListComponent, RtDetailRowComponent } from '@rt-tools/ui-kit-v2/detail-list';
+import { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';
+import { RtFieldComponent } from '@rt-tools/ui-kit-v2/field';
+import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
+import { RtMoneyListComponent, RtMoneyRowComponent } from '@rt-tools/ui-kit-v2/money-list';
+import { RtNoteComponent } from '@rt-tools/ui-kit-v2/note';
+import { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';
+import { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';
+import { RtTabDirective, RtTabsComponent } from '@rt-tools/ui-kit-v2/tabs';
+import { RtTextareaComponent } from '@rt-tools/ui-kit-v2/textarea';
+import { RtTimelineComponent } from '@rt-tools/ui-kit-v2/timeline';
+import { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';
+
+const BEM_BLOCK = 'rt-workspace-details';
+class RtWorkspaceDetailsComponent {
+    #notificationBus;
+    #lastEntityId;
+    #lastAgentId;
+    #lastTransitionSuccess;
+    #lastTransitionError;
+    #lastTransitionSubmitError;
+    #lastAuditError;
+    #lastPanelError;
+    constructor() {
+        this.#notificationBus = inject(NotificationBus);
+        this.#lastEntityId = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#lastEntityId" }] : /* istanbul ignore next */ []));
+        this.#lastAgentId = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#lastAgentId" }] : /* istanbul ignore next */ []));
+        this.#lastTransitionSuccess = null;
+        this.#lastTransitionError = null;
+        this.#lastTransitionSubmitError = null;
+        this.#lastAuditError = null;
+        this.#lastPanelError = null;
+        this.t = inject(RT_KIT_LABELS);
+        this.editingAgent = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editingAgent" }] : /* istanbul ignore next */ []));
+        this.selectedAgentId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedAgentId" }] : /* istanbul ignore next */ []));
+        this.transitionForm = new FormGroup({
+            to_key: new FormControl(null, {
+                validators: [Validators.required],
+            }),
+            note: new FormControl(null),
+        });
+        this.hasTabs = computed(() => this.transition() !== null || this.audit() !== null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTabs" }] : /* istanbul ignore next */ []));
+        this.noTransitions = computed(() => {
+            const transition = this.transition();
+            return transition !== null && !transition.loading && transition.error === null && transition.options.length === 0;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "noTransitions" }] : /* istanbul ignore next */ []));
+        this.canSaveReassign = computed(() => {
+            const edit = this.agentEdit();
+            const selected = this.selectedAgentId();
+            return edit !== null && selected !== null && selected !== edit.currentAgentId;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSaveReassign" }] : /* istanbul ignore next */ []));
+        this.title = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.entityId = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.rows = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.agentEdit = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "agentEdit" }] : /* istanbul ignore next */ []));
+        this.money = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "money" }] : /* istanbul ignore next */ []));
+        this.toggles = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toggles" }] : /* istanbul ignore next */ []));
+        this.toggleHint = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toggleHint" }] : /* istanbul ignore next */ []));
+        this.transition = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transition" }] : /* istanbul ignore next */ []));
+        this.audit = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "audit" }] : /* istanbul ignore next */ []));
+        this.actions = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+        this.error = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.toggleChange = output();
+        this.agentReassign = output();
+        this.transitionSubmit = output();
+        this.transitionSuccessClose = output();
+        this.transitionErrorClose = output();
+        this.auditLoadMore = output();
+        this.actionClicked = output();
+        effect(() => {
+            const id = this.entityId();
+            if (id === untracked(() => this.#lastEntityId())) {
+                return;
+            }
+            this.#lastEntityId.set(id);
+            this.editingAgent.set(false);
+            this.selectedAgentId.set(untracked(() => this.agentEdit())?.currentAgentId ?? null);
+            this.transitionForm.reset();
+        });
+        effect(() => {
+            const currentAgentId = this.agentEdit()?.currentAgentId ?? null;
+            if (currentAgentId === untracked(() => this.#lastAgentId())) {
+                return;
+            }
+            this.#lastAgentId.set(currentAgentId);
+            this.editingAgent.set(false);
+            this.selectedAgentId.set(currentAgentId);
+        });
+        effect(() => {
+            if (this.transition()?.success != null) {
+                this.transitionForm.reset();
+            }
+        });
+        effect(() => {
+            const successText = this.transition()?.success ?? null;
+            if (successText !== null && successText !== this.#lastTransitionSuccess) {
+                this.transitionSuccessClose.emit();
+            }
+            this.#lastTransitionSuccess = successText;
+        });
+        effect(() => {
+            const submitError = this.transition()?.submitError ?? null;
+            if (submitError !== null && submitError !== this.#lastTransitionSubmitError) {
+                this.#notificationBus.error(submitError);
+                this.transitionErrorClose.emit();
+            }
+            this.#lastTransitionSubmitError = submitError;
+        });
+        effect(() => {
+            const transitionError = this.transition()?.error ?? null;
+            if (transitionError !== null && transitionError !== this.#lastTransitionError) {
+                this.#notificationBus.error(transitionError);
+            }
+            this.#lastTransitionError = transitionError;
+        });
+        effect(() => {
+            const auditError = this.audit()?.error ?? null;
+            if (auditError !== null && auditError !== this.#lastAuditError) {
+                this.#notificationBus.error(auditError);
+            }
+            this.#lastAuditError = auditError;
+        });
+        effect(() => {
+            const panelError = this.error();
+            if (panelError !== null && panelError !== this.#lastPanelError) {
+                this.#notificationBus.error(panelError);
+            }
+            this.#lastPanelError = panelError;
+        });
+    }
+    startEditAgent() {
+        const edit = this.agentEdit();
+        if (edit === null || !edit.canEdit || this.busy()) {
+            return;
+        }
+        this.selectedAgentId.set(edit.currentAgentId);
+        this.editingAgent.set(true);
+    }
+    cancelEditAgent() {
+        const edit = this.agentEdit();
+        if (edit !== null && edit.loading) {
+            return;
+        }
+        this.selectedAgentId.set(edit?.currentAgentId ?? null);
+        this.editingAgent.set(false);
+    }
+    onReassign() {
+        const agentId = this.selectedAgentId();
+        if (agentId === null || !this.canSaveReassign() || this.busy()) {
+            return;
+        }
+        this.agentReassign.emit(agentId);
+    }
+    onSelectedAgentChange(agentId) {
+        this.selectedAgentId.set(agentId);
+    }
+    onToggleChange(toggle, value) {
+        if (toggle.value === value) {
+            return;
+        }
+        this.toggleChange.emit({ id: toggle.id, value });
+    }
+    onTransitionSubmit() {
+        const transition = this.transition();
+        if (transition === null || transition.submitting) {
+            return;
+        }
+        if (!this.transitionForm.valid) {
+            this.transitionForm.markAllAsTouched();
+            return;
+        }
+        const value = this.transitionForm.getRawValue();
+        this.transitionSubmit.emit({
+            stageKey: value.to_key ?? '',
+            comment: value.note?.trim() ?? '',
+        });
+    }
+    onAuditLoadMore() {
+        this.auditLoadMore.emit();
+    }
+    onAction(action) {
+        if ((action.disabled ?? false) || this.busy()) {
+            return;
+        }
+        this.actionClicked.emit(action.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtWorkspaceDetailsComponent, isStandalone: true, selector: "rt-workspace-details", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, agentEdit: { classPropertyName: "agentEdit", publicName: "agentEdit", isSignal: true, isRequired: false, transformFunction: null }, money: { classPropertyName: "money", publicName: "money", isSignal: true, isRequired: false, transformFunction: null }, toggles: { classPropertyName: "toggles", publicName: "toggles", isSignal: true, isRequired: false, transformFunction: null }, toggleHint: { classPropertyName: "toggleHint", publicName: "toggleHint", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, audit: { classPropertyName: "audit", publicName: "audit", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleChange: "toggleChange", agentReassign: "agentReassign", transitionSubmit: "transitionSubmit", transitionSuccessClose: "transitionSuccessClose", transitionErrorClose: "transitionErrorClose", auditLoadMore: "auditLoadMore", actionClicked: "actionClicked" }, host: { classAttribute: "rt-workspace-details" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} \u20BD\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtAsideSectionComponent, selector: "rt-aside-section", inputs: ["heading"] }, { kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "directive", type: RtConfirmDirective, selector: "[rtConfirm]", inputs: ["rtConfirm", "rtConfirmTitle", "rtConfirmLabel", "rtConfirmCancelLabel", "rtConfirmTone", "rtConfirmDisabled"], outputs: ["confirmed"], exportAs: ["rtConfirm"] }, { kind: "component", type: RtDetailListComponent, selector: "rt-detail-list" }, { kind: "component", type: RtDetailRowComponent, selector: "rt-detail-row", inputs: ["label", "loading"] }, { kind: "component", type: RtEmptyStateComponent, selector: "rt-empty-state", inputs: ["icon", "glyph", "title", "description", "framed"] }, { kind: "component", type: RtFieldComponent, selector: "rt-field", inputs: ["label", "hint", "help", "readonly", "loading", "required", "hideRequiredMark", "reserveHintSpace", "errors"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtMoneyListComponent, selector: "rt-money-list" }, { kind: "component", type: RtMoneyRowComponent, selector: "rt-money-row", inputs: ["label", "total", "loading"] }, { kind: "component", type: RtNoteComponent, selector: "rt-note" }, { kind: "component", type: RtSelectComponent, selector: "rt-select", inputs: ["appearance", "options", "placeholder", "iconLeft", "filter", "filterPlaceholder", "panelWidth", "panelMaxHeight"], outputs: ["selectionChange"] }, { kind: "component", type: RtSpinnerComponent, selector: "rt-spinner", inputs: ["diameter", "color", "appearance", "overlay", "backdrop", "plate"] }, { kind: "directive", type: RtTabDirective, selector: "[rtTab]", inputs: ["rtTab", "label", "titleTemplate", "icon", "iconColor", "badge", "badgeTitle", "badgeAriaLabel", "disabled", "hidden", "invalid", "invalidMessage"] }, { kind: "component", type: RtTabsComponent, selector: "rt-tabs", inputs: ["activeId", "direction", "stretch", "contentScrollable"], outputs: ["activeIdChange"] }, { kind: "component", type: RtTextareaComponent, selector: "rt-textarea", inputs: ["placeholder", "readonly", "rows", "resize"] }, { kind: "component", type: RtTimelineComponent, selector: "rt-timeline", inputs: ["steps"] }, { kind: "component", type: RtToggleSwitchComponent, selector: "rt-toggle-switch", inputs: ["inputId", "ariaLabel", "label", "size", "iconOff", "iconOn", "disabled"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "pipe", type: 
+                // Angular
+                DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-workspace-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // Angular
+                        DecimalPipe,
+                        FormsModule,
+                        NgTemplateOutlet,
+                        ReactiveFormsModule,
+                        // standalone components / directives
+                        RtAsideSectionComponent,
+                        RtButtonDirective,
+                        RtConfirmDirective,
+                        RtDetailListComponent,
+                        RtDetailRowComponent,
+                        RtEmptyStateComponent,
+                        RtFieldComponent,
+                        RtIconButtonComponent,
+                        RtMoneyListComponent,
+                        RtMoneyRowComponent,
+                        RtNoteComponent,
+                        RtSelectComponent,
+                        RtSpinnerComponent,
+                        RtTabDirective,
+                        RtTabsComponent,
+                        RtTextareaComponent,
+                        RtTimelineComponent,
+                        RtToggleSwitchComponent,
+                        BlockDirective,
+                        ElemDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                    }, template: "<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} \u20BD\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-workspace-details{--rt-workspace-details-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column;block-size:100%;min-block-size:0}.rt-workspace-details__head{display:flex;flex:0 0 auto;align-items:center;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__head-title{color:var(--rt-color-text-primary);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-workspace-details__tabs{flex:1 1 auto;min-block-size:0}.rt-workspace-details__tabs .rt-tabs__header{align-items:flex-end;block-size:56px;border-block-end:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);padding-inline:var(--rt-space-lg)}.rt-workspace-details__tabs .rt-tabs__tab-list{border-block-end:0}.rt-workspace-details__tabs .rt-tabs__content{padding-block-end:var(--rt-space-5);padding-inline:var(--rt-space-lg)}.rt-workspace-details__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-5) var(--rt-space-lg);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-workspace-details__agent-view,.rt-workspace-details__agent-edit{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-workspace-details__agent-name{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-workspace-details__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--rt-space-md)}.rt-workspace-details__toggle-label{color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium)}.rt-workspace-details__toggle-hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm)}.rt-workspace-details__transition-form{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__transition-submit{align-self:flex-start}.rt-workspace-details__audit{display:flex;flex-direction:column;gap:var(--rt-space-md)}.rt-workspace-details__audit-loading,.rt-workspace-details__audit-more{align-self:center}.rt-workspace-details__footer{display:flex;flex:0 0 auto;flex-direction:column;padding:var(--rt-space-md) var(--rt-space-lg);border-block-start:var(--rt-workspace-details-border-width) solid var(--rt-color-border-strong);gap:var(--rt-space-sm)}.rt-workspace-details__footer:empty{display:none}.rt-workspace-details__footer-action{justify-content:center;inline-size:100%}.rt-workspace-details__error{margin-inline:var(--rt-space-lg)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], agentEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "agentEdit", required: false }] }], money: [{ type: i0.Input, args: [{ isSignal: true, alias: "money", required: false }] }], toggles: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggles", required: false }] }], toggleHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleHint", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: false }] }], audit: [{ type: i0.Input, args: [{ isSignal: true, alias: "audit", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], toggleChange: [{ type: i0.Output, args: ["toggleChange"] }], agentReassign: [{ type: i0.Output, args: ["agentReassign"] }], transitionSubmit: [{ type: i0.Output, args: ["transitionSubmit"] }], transitionSuccessClose: [{ type: i0.Output, args: ["transitionSuccessClose"] }], transitionErrorClose: [{ type: i0.Output, args: ["transitionErrorClose"] }], auditLoadMore: [{ type: i0.Output, args: ["auditLoadMore"] }], actionClicked: [{ type: i0.Output, args: ["actionClicked"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtWorkspaceDetailsComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-workspace-details.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-workspace-details.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-workspace-details.component.html","../../../projects/ui-kit-v2/src/lib/components/workspace-details/rt-tools-ui-kit-v2-workspace-details.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { DecimalPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { NotificationBus } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtAsideSectionComponent } from '@rt-tools/ui-kit-v2/aside-section';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtConfirmDirective } from '@rt-tools/ui-kit-v2/confirm-popover';\nimport { RtDetailListComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtDetailRowComponent } from '@rt-tools/ui-kit-v2/detail-list';\nimport { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';\nimport { RtFieldComponent } from '@rt-tools/ui-kit-v2/field';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtMoneyListComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtMoneyRowComponent } from '@rt-tools/ui-kit-v2/money-list';\nimport { RtNoteComponent } from '@rt-tools/ui-kit-v2/note';\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtTabDirective } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTabsComponent } from '@rt-tools/ui-kit-v2/tabs';\nimport { RtTextareaComponent } from '@rt-tools/ui-kit-v2/textarea';\nimport { RtTimelineComponent } from '@rt-tools/ui-kit-v2/timeline';\nimport { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';\nimport { IRtWorkspaceDetails } from './rt-workspace-details.model';\n\nconst BEM_BLOCK: string = 'rt-workspace-details';\n\ninterface ITransitionFormShape {\n    to_key: FormControl<string | null>;\n    note: FormControl<string | null>;\n}\n\n@Component({\n    selector: 'rt-workspace-details',\n    templateUrl: './rt-workspace-details.component.html',\n    styleUrls: ['./rt-workspace-details.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        DecimalPipe,\n        FormsModule,\n        NgTemplateOutlet,\n        ReactiveFormsModule,\n\n        // standalone components / directives\n        RtAsideSectionComponent,\n        RtButtonDirective,\n        RtConfirmDirective,\n        RtDetailListComponent,\n        RtDetailRowComponent,\n        RtEmptyStateComponent,\n        RtFieldComponent,\n        RtIconButtonComponent,\n        RtMoneyListComponent,\n        RtMoneyRowComponent,\n        RtNoteComponent,\n        RtSelectComponent,\n        RtSpinnerComponent,\n        RtTabDirective,\n        RtTabsComponent,\n        RtTextareaComponent,\n        RtTimelineComponent,\n        RtToggleSwitchComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtWorkspaceDetailsComponent {\n    readonly #notificationBus: NotificationBus = inject(NotificationBus);\n\n    readonly #lastEntityId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    readonly #lastAgentId: WritableSignal<number | null | undefined> = signal<number | null | undefined>(undefined);\n\n    #lastTransitionSuccess: string | null = null;\n\n    #lastTransitionError: string | null = null;\n\n    #lastTransitionSubmitError: string | null = null;\n\n    #lastAuditError: string | null = null;\n\n    #lastPanelError: string | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly editingAgent: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly selectedAgentId: WritableSignal<number | null> = signal<number | null>(null);\n\n    protected readonly transitionForm: FormGroup<ITransitionFormShape> = new FormGroup<ITransitionFormShape>({\n        to_key: new FormControl<string | null>(null, {\n            validators: [Validators.required],\n        }),\n        note: new FormControl<string | null>(null),\n    });\n\n    protected readonly hasTabs: Signal<boolean> = computed((): boolean => this.transition() !== null || this.audit() !== null);\n\n    protected readonly noTransitions: Signal<boolean> = computed((): boolean => {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        return transition !== null && !transition.loading && transition.error === null && transition.options.length === 0;\n    });\n\n    protected readonly canSaveReassign: Signal<boolean> = computed((): boolean => {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        const selected: number | null = this.selectedAgentId();\n        return edit !== null && selected !== null && selected !== edit.currentAgentId;\n    });\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly entityId: InputSignal<number | null> = input<number | null>(null);\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly busy: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly rows: InputSignal<readonly IRtWorkspaceDetails.Row[]> = input<readonly IRtWorkspaceDetails.Row[]>([]);\n\n    public readonly agentEdit: InputSignal<IRtWorkspaceDetails.AgentEdit | null> = input<IRtWorkspaceDetails.AgentEdit | null>(null);\n\n    public readonly money: InputSignal<readonly IRtWorkspaceDetails.MoneyRow[]> = input<readonly IRtWorkspaceDetails.MoneyRow[]>([]);\n\n    public readonly toggles: InputSignal<readonly IRtWorkspaceDetails.Toggle[]> = input<readonly IRtWorkspaceDetails.Toggle[]>([]);\n\n    public readonly toggleHint: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly transition: InputSignal<IRtWorkspaceDetails.Transition | null> = input<IRtWorkspaceDetails.Transition | null>(null);\n\n    public readonly audit: InputSignal<IRtWorkspaceDetails.Audit | null> = input<IRtWorkspaceDetails.Audit | null>(null);\n\n    public readonly actions: InputSignal<readonly IRtWorkspaceDetails.Action[]> = input<readonly IRtWorkspaceDetails.Action[]>([]);\n\n    public readonly error: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly toggleChange: OutputEmitterRef<IRtWorkspaceDetails.ToggleChange> = output<IRtWorkspaceDetails.ToggleChange>();\n\n    public readonly agentReassign: OutputEmitterRef<number> = output<number>();\n\n    public readonly transitionSubmit: OutputEmitterRef<IRtWorkspaceDetails.TransitionSubmit> =\n        output<IRtWorkspaceDetails.TransitionSubmit>();\n\n    public readonly transitionSuccessClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly transitionErrorClose: OutputEmitterRef<void> = output<void>();\n\n    public readonly auditLoadMore: OutputEmitterRef<void> = output<void>();\n\n    public readonly actionClicked: OutputEmitterRef<string> = output<string>();\n\n    constructor() {\n        effect((): void => {\n            const id: number | null = this.entityId();\n            if (id === untracked((): number | null | undefined => this.#lastEntityId())) {\n                return;\n            }\n            this.#lastEntityId.set(id);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(untracked((): IRtWorkspaceDetails.AgentEdit | null => this.agentEdit())?.currentAgentId ?? null);\n            this.transitionForm.reset();\n        });\n\n        effect((): void => {\n            const currentAgentId: number | null = this.agentEdit()?.currentAgentId ?? null;\n            if (currentAgentId === untracked((): number | null | undefined => this.#lastAgentId())) {\n                return;\n            }\n            this.#lastAgentId.set(currentAgentId);\n            this.editingAgent.set(false);\n            this.selectedAgentId.set(currentAgentId);\n        });\n\n        effect((): void => {\n            if (this.transition()?.success != null) {\n                this.transitionForm.reset();\n            }\n        });\n\n        effect((): void => {\n            const successText: string | null = this.transition()?.success ?? null;\n            if (successText !== null && successText !== this.#lastTransitionSuccess) {\n                this.transitionSuccessClose.emit();\n            }\n            this.#lastTransitionSuccess = successText;\n        });\n\n        effect((): void => {\n            const submitError: string | null = this.transition()?.submitError ?? null;\n            if (submitError !== null && submitError !== this.#lastTransitionSubmitError) {\n                this.#notificationBus.error(submitError);\n                this.transitionErrorClose.emit();\n            }\n            this.#lastTransitionSubmitError = submitError;\n        });\n\n        effect((): void => {\n            const transitionError: string | null = this.transition()?.error ?? null;\n            if (transitionError !== null && transitionError !== this.#lastTransitionError) {\n                this.#notificationBus.error(transitionError);\n            }\n            this.#lastTransitionError = transitionError;\n        });\n\n        effect((): void => {\n            const auditError: string | null = this.audit()?.error ?? null;\n            if (auditError !== null && auditError !== this.#lastAuditError) {\n                this.#notificationBus.error(auditError);\n            }\n            this.#lastAuditError = auditError;\n        });\n\n        effect((): void => {\n            const panelError: string | null = this.error();\n            if (panelError !== null && panelError !== this.#lastPanelError) {\n                this.#notificationBus.error(panelError);\n            }\n            this.#lastPanelError = panelError;\n        });\n    }\n\n    protected startEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit === null || !edit.canEdit || this.busy()) {\n            return;\n        }\n        this.selectedAgentId.set(edit.currentAgentId);\n        this.editingAgent.set(true);\n    }\n\n    protected cancelEditAgent(): void {\n        const edit: IRtWorkspaceDetails.AgentEdit | null = this.agentEdit();\n        if (edit !== null && edit.loading) {\n            return;\n        }\n        this.selectedAgentId.set(edit?.currentAgentId ?? null);\n        this.editingAgent.set(false);\n    }\n\n    protected onReassign(): void {\n        const agentId: number | null = this.selectedAgentId();\n        if (agentId === null || !this.canSaveReassign() || this.busy()) {\n            return;\n        }\n        this.agentReassign.emit(agentId);\n    }\n\n    protected onSelectedAgentChange(agentId: number | null): void {\n        this.selectedAgentId.set(agentId);\n    }\n\n    protected onToggleChange(toggle: IRtWorkspaceDetails.Toggle, value: boolean): void {\n        if (toggle.value === value) {\n            return;\n        }\n        this.toggleChange.emit({ id: toggle.id, value });\n    }\n\n    protected onTransitionSubmit(): void {\n        const transition: IRtWorkspaceDetails.Transition | null = this.transition();\n        if (transition === null || transition.submitting) {\n            return;\n        }\n        if (!this.transitionForm.valid) {\n            this.transitionForm.markAllAsTouched();\n            return;\n        }\n\n        const value: ReturnType<typeof this.transitionForm.getRawValue> = this.transitionForm.getRawValue();\n        this.transitionSubmit.emit({\n            stageKey: value.to_key ?? '',\n            comment: value.note?.trim() ?? '',\n        });\n    }\n\n    protected onAuditLoadMore(): void {\n        this.auditLoadMore.emit();\n    }\n\n    protected onAction(action: IRtWorkspaceDetails.Action): void {\n        if ((action.disabled ?? false) || this.busy()) {\n            return;\n        }\n        this.actionClicked.emit(action.id);\n    }\n}\n","<ng-container rtBlock=\"rt-workspace-details\">\n    @if (title(); as headTitle) {\n        <header rtElem=\"head\">\n            <span rtElem=\"head-title\" qa-dataid=\"workspace-details-title\">{{ headTitle }}</span>\n        </header>\n    }\n\n    @if (hasTabs()) {\n        <rt-tabs rtElem=\"tabs\" qa-dataid=\"workspace-details-tabs\">\n            <ng-template rtTab=\"details\" [label]=\"t().uiDetails\">\n                <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n            </ng-template>\n\n            <ng-template rtTab=\"transition\" [label]=\"t().uiStageTransition\" [hidden]=\"transition() === null\">\n                @if (transition(); as stageTransition) {\n                    @if (stageTransition.currentStageLabel; as stageLabel) {\n                        <rt-detail-list>\n                            <rt-detail-row qa-dataid=\"workspace-details-current-stage\" [label]=\"t().uiCurrentStage\">\n                                {{ stageLabel }}\n                            </rt-detail-row>\n                        </rt-detail-list>\n                    }\n\n                    @if (noTransitions()) {\n                        <rt-note qa-dataid=\"workspace-details-no-transitions\">{{ stageTransition.noTransitionsText }}</rt-note>\n                    } @else {\n                        <form\n                            rtElem=\"transition-form\"\n                            qa-dataid=\"workspace-details-transition-form\"\n                            [formGroup]=\"transitionForm\"\n                            (ngSubmit)=\"onTransitionSubmit()\">\n                            <rt-field\n                                [label]=\"t().uiTargetStage\"\n                                [loading]=\"stageTransition.loading\"\n                                [errors]=\"{ required: t().uiTargetStageRequired }\">\n                                <rt-select\n                                    formControlName=\"to_key\"\n                                    qa-dataid=\"workspace-details-transition-stage\"\n                                    [placeholder]=\"t().uiPickTransition\"\n                                    [options]=\"stageTransition.options\" />\n                            </rt-field>\n\n                            <rt-field [label]=\"t().uiCommentOptional\" [hint]=\"t().uiStageNoteHint\" [loading]=\"stageTransition.loading\">\n                                <rt-textarea formControlName=\"note\" qa-dataid=\"workspace-details-transition-note\" rows=\"3\" />\n                            </rt-field>\n\n                            <button\n                                rtButton\n                                rtElem=\"transition-submit\"\n                                qa-dataid=\"workspace-details-transition-submit\"\n                                type=\"submit\"\n                                [label]=\"t().uiMoveStage\"\n                                [attr.aria-label]=\"t().uiMoveStageAria\"\n                                [loading]=\"stageTransition.submitting\"\n                                [disabled]=\"stageTransition.loading || busy()\"></button>\n                        </form>\n                    }\n                }\n            </ng-template>\n\n            <ng-template rtTab=\"audit\" [label]=\"t().uiHistory\" [hidden]=\"audit() === null\">\n                @if (audit(); as auditFeed) {\n                    <div rtElem=\"audit\" qa-dataid=\"workspace-details-audit\">\n                        @if (auditFeed.loading) {\n                            <rt-spinner rtElem=\"audit-loading\" qa-dataid=\"workspace-details-audit-loading\" />\n                        } @else if (auditFeed.steps.length === 0) {\n                            <rt-empty-state\n                                qa-dataid=\"workspace-details-audit-empty\"\n                                icon=\"history\"\n                                [description]=\"t().uiAuditEmptyHint\"\n                                [title]=\"auditFeed.emptyText\" />\n                        } @else {\n                            <rt-timeline qa-dataid=\"workspace-details-audit-timeline\" [steps]=\"auditFeed.steps\" />\n                        }\n\n                        @if (auditFeed.hasMore) {\n                            <button\n                                rtButton\n                                rtElem=\"audit-more\"\n                                qa-dataid=\"workspace-details-audit-more\"\n                                type=\"button\"\n                                appearance=\"text\"\n                                [label]=\"t().uiLoadMore\"\n                                [attr.aria-label]=\"t().uiLoadMore\"\n                                [loading]=\"auditFeed.loadingMore\"\n                                [disabled]=\"auditFeed.loadingMore\"\n                                (click)=\"onAuditLoadMore()\"></button>\n                        }\n                    </div>\n                }\n            </ng-template>\n        </rt-tabs>\n    } @else {\n        <div rtElem=\"body\">\n            <ng-container [ngTemplateOutlet]=\"detailsTpl\" />\n        </div>\n    }\n\n    <ng-template #detailsTpl>\n        @if (rows().length > 0) {\n            <rt-detail-list>\n                @for (row of rows(); track row.label) {\n                    <rt-detail-row qa-dataid=\"workspace-details-row\" [label]=\"row.label\" [loading]=\"loading()\">\n                        @if (row.agent && agentEdit(); as edit) {\n                            @if (!editingAgent()) {\n                                <div rtElem=\"agent-view\">\n                                    <span rtElem=\"agent-name\" qa-dataid=\"workspace-details-agent-name\">{{ edit.currentLabel }}</span>\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-edit\"\n                                        icon=\"pencil\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiChangeAgent\"\n                                        [tooltip]=\"edit.canEdit ? edit.editTooltip : edit.cannotEditTooltip\"\n                                        [disabled]=\"!edit.canEdit || busy()\"\n                                        (clicked)=\"startEditAgent()\" />\n                                </div>\n                            } @else {\n                                <div rtElem=\"agent-edit\">\n                                    <rt-select\n                                        qa-dataid=\"workspace-details-agent-select\"\n                                        [placeholder]=\"t().uiPickAgent\"\n                                        [ngModel]=\"selectedAgentId()\"\n                                        [options]=\"edit.options\"\n                                        [clearable]=\"false\"\n                                        (ngModelChange)=\"onSelectedAgentChange($event)\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-save\"\n                                        icon=\"check\"\n                                        size=\"sm\"\n                                        rtConfirmTone=\"primary\"\n                                        [ariaLabel]=\"t().uiSaveNewAgent\"\n                                        [rtConfirmTitle]=\"t().uiReplaceAgentTitle\"\n                                        [rtConfirmLabel]=\"t().uiReplace\"\n                                        [tooltip]=\"canSaveReassign() ? t().uiSaveNewAgent : t().uiPickAnotherAgent\"\n                                        [loading]=\"edit.loading\"\n                                        [disabled]=\"!canSaveReassign() || busy()\"\n                                        [rtConfirm]=\"edit.confirmText\"\n                                        [rtConfirmDisabled]=\"!canSaveReassign() || busy()\"\n                                        (confirmed)=\"onReassign()\" />\n                                    <rt-icon-button\n                                        qa-dataid=\"workspace-details-agent-cancel\"\n                                        icon=\"ico-close\"\n                                        size=\"sm\"\n                                        [ariaLabel]=\"t().uiRevert\"\n                                        [tooltip]=\"t().uiRevert\"\n                                        [disabled]=\"edit.loading\"\n                                        (clicked)=\"cancelEditAgent()\" />\n                                </div>\n                            }\n                        } @else {\n                            {{ row.value }}\n                        }\n                    </rt-detail-row>\n                }\n            </rt-detail-list>\n        }\n\n        @if (money().length > 0) {\n            <rt-money-list>\n                @for (moneyRow of money(); track moneyRow.label) {\n                    <rt-money-row\n                        qa-dataid=\"workspace-details-money-row\"\n                        [label]=\"moneyRow.label\"\n                        [total]=\"moneyRow.total ?? false\"\n                        [loading]=\"loading()\">\n                        {{ moneyRow.amount | number: moneyRow.format ?? '1.0-0' }} ₽\n                    </rt-money-row>\n                }\n            </rt-money-list>\n        }\n\n        @if (toggles().length > 0 || toggleHint()) {\n            <rt-aside-section>\n                @for (toggle of toggles(); track toggle.id) {\n                    <div rtElem=\"toggle-row\" qa-dataid=\"workspace-details-toggle-row\" [attr.data-id]=\"toggle.id\">\n                        <span rtElem=\"toggle-label\" qa-dataid=\"workspace-details-toggle-label\">{{ toggle.label }}</span>\n                        <rt-toggle-switch\n                            qa-dataid=\"workspace-details-toggle\"\n                            [inputId]=\"toggle.id\"\n                            [ariaLabel]=\"toggle.label\"\n                            [ngModel]=\"toggle.value\"\n                            [disabled]=\"(toggle.disabled ?? false) || busy()\"\n                            (ngModelChange)=\"onToggleChange(toggle, $event)\" />\n                    </div>\n                }\n                @if (toggleHint(); as hint) {\n                    <p rtElem=\"toggle-hint\" qa-dataid=\"workspace-details-toggle-hint\">{{ hint }}</p>\n                }\n            </rt-aside-section>\n        }\n    </ng-template>\n\n    <footer rtElem=\"footer\">\n        @for (panelAction of actions(); track panelAction.id) {\n            @if (panelAction.confirm; as confirm) {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [rtConfirmTitle]=\"confirm.title\"\n                    [rtConfirmLabel]=\"confirm.label\"\n                    [rtConfirmTone]=\"confirm.tone\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    [rtConfirm]=\"confirm.text\"\n                    [rtConfirmDisabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (confirmed)=\"onAction(panelAction)\"></button>\n            } @else {\n                <button\n                    rtButton\n                    rtElem=\"footer-action\"\n                    qa-dataid=\"workspace-details-action\"\n                    type=\"button\"\n                    [attr.data-id]=\"panelAction.id\"\n                    [theme]=\"panelAction.theme ?? 'primary'\"\n                    [appearance]=\"panelAction.appearance ?? 'filled'\"\n                    [label]=\"panelAction.label\"\n                    [icon]=\"panelAction.icon\"\n                    [attr.aria-label]=\"panelAction.label\"\n                    [loading]=\"panelAction.loading ?? false\"\n                    [disabled]=\"(panelAction.disabled ?? false) || busy()\"\n                    (click)=\"onAction(panelAction)\"></button>\n            }\n        }\n    </footer>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}