barsa-sap-ui 2.3.58 → 2.3.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -15283,7 +15283,7 @@ class BarsaChatComponent extends FormBaseComponent {
|
|
|
15283
15283
|
this._newMessageText = $event.target.value;
|
|
15284
15284
|
}
|
|
15285
15285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaChatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaChatComponent, isStandalone: false, selector: "bsu-barsa-chat", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if(layout94$ | async;as layout94){\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n chatTpl;\r\n context: {\r\n mo: mo$ | async,\r\n karbaranEntekhabShode: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n jostejoKarbar: '\u062C\u0633\u062A\u062C\u0648 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94,\r\n listGoftego: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648' | controlUi: layout94,\r\n listGoftegoKarbarn: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648 \u06A9\u0627\u0631\u0628\u0631\u0627\u0646' | controlUi: layout94,\r\n matnpishrafte: '\u0645\u062A\u0646 \u067E\u06CC\u0634\u0631\u0641\u062A\u0647 \u0635\u0641\u062D\u0647 \u0627\u0648\u0644' | controlUi: layout94,\r\n radifGoftego: '\u0631\u062F\u06CC\u0641 \u06AF\u0641\u062A\u06AF\u0648 \u0645\u0648\u062C\u0648\u062F\u06CC\u062A' | controlUi: layout94,\r\n deviceSize: deviceSize$ | async,\r\n toolbarItems: toolbarItems$ | async,\r\n dirValue: dirValue$ | async,\r\n hasListKarbaran: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94\r\n }\r\n \"\r\n></ng-container>\r\n}\r\n\r\n<ng-template\r\n #chatTpl\r\n let-hasListKarbaran=\"hasListKarbaran\"\r\n let-deviceSize=\"deviceSize\"\r\n let-dirValue=\"dirValue\"\r\n let-toolbarItems=\"toolbarItems\"\r\n let-karbaranEntekhabShode=\"karbaranEntekhabShode\"\r\n let-jostejoKarbar=\"jostejoKarbar\"\r\n let-listGoftego=\"listGoftego\"\r\n let-listGoftegoKarbarn=\"listGoftegoKarbarn\"\r\n let-matnpishrafte=\"matnpishrafte\"\r\n let-radifGoftego=\"radifGoftego\"\r\n>\r\n <div\r\n class=\"tw-flex tw-w-full tw-bg-gradient-to-r tw-bg-gradient-to-r tw-from-[color-mix(in_srgb,var(--sapBackgroundColor)_95%,black_10%)] tw-to-[var(--sapBackgroundColor)]\"\r\n fillEmptySpace\r\n [class.tw-h-screen]=\"!karbaranEntekhabShode\"\r\n [class.tw-justify-center]=\"karbaranEntekhabShode\"\r\n >\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n <div\r\n class=\"tw-w-full tw-h-full tw-flex tw-shrink-0 tw-relative\"\r\n [style.background-color]=\"'var(--sapBaseColor)'\"\r\n >\r\n @if(hasListKarbaran){\r\n <div class=\"tw-grow-0 tw-shrink-0 tw-w-full md:tw-w-96 tw-p-0 md:tw-p-6\">\r\n <div\r\n class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden tw-border-l tw-border-l-gray-300 md:tw-rounded-2xl md:tw-border md:tw-border-l-gray-300 md:tw-border-gray-300 dark:tw-border-l-gray-600 md:dark:tw-border-l-gray-600 md:dark:tw-border-gray-600\"\r\n >\r\n <bsu-form-toolbar\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"toolbarItems\"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (jostejoKarbar) {\r\n <bsu-layout-control [config]=\"jostejoKarbar\"></bsu-layout-control>\r\n } @if (karbaranEntekhabShode) {\r\n <bsu-layout-control [config]=\"karbaranEntekhabShode\" style=\"flex: 1\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div\r\n class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-[url('assets/chat-bg.png')] tw-bg-fixed tw-opacity-25\"\r\n ></div>\r\n }\r\n <div\r\n class=\"tw-grow tw-shrink tw-relative\"\r\n [ngClass]=\"{\r\n 'md:tw-py-6 md:tw-pl-6 tw-hidden md:tw-flex': hasListKarbaran,\r\n 'tw-flex': !hasListKarbaran\r\n }\"\r\n >\r\n <div\r\n @inContentAnimation\r\n class=\"tw-h-full tw-bg-gradient-to-r tw-w-full tw-flex tw-flex-col tw-relative md:tw-border-gray-300 md:dark:tw-border-gray-600 tw-overflow-hidden\"\r\n [ngClass]=\"{\r\n 'md:tw-border md:tw-rounded-2xl': hasListKarbaran\r\n }\"\r\n >\r\n @if(listGoftego) {\r\n <bsu-layout-control class=\"maincontent\" [config]=\"listGoftego\" style=\"flex: 1\"></bsu-layout-control>\r\n } @if(listGoftegoKarbarn) {\r\n <bsu-layout-control class=\"maincontent\" [config]=\"listGoftegoKarbarn\" style=\"flex: 1\"></bsu-layout-control>\r\n } @if(matnpishrafte) {\r\n <bsu-layout-control class=\"maincontent\" [config]=\"matnpishrafte\" style=\"flex: 1\"></bsu-layout-control>\r\n }\r\n <div\r\n class=\"tw-w-full\"\r\n [ngClass]=\"{\r\n 'tw-relative': hasListKarbaran,\r\n '2xl:tw-rounded-t-xl tw-grow-0 tw-shrink-0': !hasListKarbaran\r\n }\"\r\n >\r\n @if (replyingMessage()) {\r\n <div\r\n @inOutReplyingMessage\r\n class=\"tw-w-full tw-px-2 tw-py-1 tw-border-r-4 tw-border-r-bubble-mine tw-flex tw-gap-2 te-items-center tw-absolute tw-z-0 tw-bg-default tw-right-0 -tw-top-14\"\r\n >\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"decline\"\r\n class=\"tw-grow-0 tw-shrink-0\"\r\n (click)=\"replyingMessage.set(null)\"\r\n ></button>\r\n <div class=\"tw-flex tw-flex-col tw-grow tw-shrink tw-overflow-hidden\">\r\n <span class=\"tw-font-bold\">{{ replyingMessage().owner.name }}</span>\r\n <span class=\"tw-truncate\">{{\r\n replyingMessage().text ??\r\n replyingMessage().file?.name ??\r\n replyingMessage().image?.name\r\n }}</span>\r\n </div>\r\n <div class=\"tw-w-8 tw-shrink-0 tw-grow-0\"></div>\r\n </div>\r\n }\r\n <div\r\n class=\"tw-w-full tw-flex tw-gap-2 tw-border-t tw-border-t-gray-300 dark:tw-border-t-gray-600 tw-bg-default tw-items-end tw-z-10\"\r\n >\r\n @if(radifGoftego) {\r\n <bsu-layout-control [config]=\"radifGoftego\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-left-1/2 -tw-translate-x-1/2 tw-flex tw-flex-col tw-gap-8 tw-items-center\"\r\n >\r\n <!-- <img src=\"assets/not-selected-chat.png\" class=\"tw-w-64 tw-opacity-25\" /> -->\r\n <!-- <span class=\"tw-text-xl tw-font-bold tw-text-gray-400 dark:tw-text-gray-500\">-->\r\n <!-- \u0628\u0631\u0627\u06CC \u0634\u0631\u0648\u0639 \u06CC\u06A9 \u0686\u062A \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F-->\r\n <!-- </span>-->\r\n </div>\r\n </div>\r\n </div>\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui{min-height:100%!important}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main{display:flex;flex-grow:1}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main>div{min-height:100%!important;width:100%;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], animations: [
|
|
15286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaChatComponent, isStandalone: false, selector: "bsu-barsa-chat", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if(layout94$ | async;as layout94){\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n chatTpl;\r\n context: {\r\n mo: mo$ | async,\r\n karbaranEntekhabShode: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n jostejoKarbar: '\u062C\u0633\u062A\u062C\u0648 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94,\r\n listGoftego: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648' | controlUi: layout94,\r\n listGoftegoKarbarn: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648 \u06A9\u0627\u0631\u0628\u0631\u0627\u0646' | controlUi: layout94,\r\n matnpishrafte: '\u0645\u062A\u0646 \u067E\u06CC\u0634\u0631\u0641\u062A\u0647 \u0635\u0641\u062D\u0647 \u0627\u0648\u0644' | controlUi: layout94,\r\n radifGoftego: '\u0631\u062F\u06CC\u0641 \u06AF\u0641\u062A\u06AF\u0648 \u0645\u0648\u062C\u0648\u062F\u06CC\u062A' | controlUi: layout94,\r\n deviceSize: deviceSize$ | async,\r\n toolbarItems: toolbarItems$ | async,\r\n dirValue: dirValue$ | async,\r\n hasListKarbaran: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n selectedUserProfile: '\u067E\u0631\u0648\u0641\u0627\u06CC\u0644 \u06A9\u0627\u0631\u0628\u0631 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94\r\n }\r\n \"\r\n></ng-container>\r\n}\r\n\r\n<ng-template\r\n #chatTpl\r\n let-hasListKarbaran=\"hasListKarbaran\"\r\n let-deviceSize=\"deviceSize\"\r\n let-dirValue=\"dirValue\"\r\n let-toolbarItems=\"toolbarItems\"\r\n let-karbaranEntekhabShode=\"karbaranEntekhabShode\"\r\n let-jostejoKarbar=\"jostejoKarbar\"\r\n let-listGoftego=\"listGoftego\"\r\n let-listGoftegoKarbarn=\"listGoftegoKarbarn\"\r\n let-matnpishrafte=\"matnpishrafte\"\r\n let-radifGoftego=\"radifGoftego\"\r\n let-selectedUserProfile=\"selectedUserProfile\"\r\n>\r\n <div\r\n class=\"tw-flex tw-w-full tw-bg-gradient-to-r tw-bg-gradient-to-r tw-from-[color-mix(in_srgb,var(--sapBackgroundColor)_95%,black_10%)] tw-to-[var(--sapBackgroundColor)]\"\r\n fillEmptySpace\r\n [class.tw-h-screen]=\"!karbaranEntekhabShode\"\r\n [class.tw-justify-center]=\"karbaranEntekhabShode\"\r\n [style.border]=\"'var(--fdCard_Border)'\"\r\n >\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n <div class=\"tw-w-full tw-h-full tw-flex tw-shrink-0 tw-relative\">\r\n @if(hasListKarbaran){\r\n <div class=\"tw-grow-0 tw-shrink-0 tw-w-full md:tw-w-96 tw-p-0\">\r\n <div\r\n [style.background-color]=\"'var(--sapBaseColor)'\"\r\n class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\"\r\n >\r\n <bsu-form-toolbar\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"toolbarItems\"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (jostejoKarbar) {\r\n <bsu-layout-control [config]=\"jostejoKarbar\"></bsu-layout-control>\r\n } @if (karbaranEntekhabShode) {\r\n <bsu-layout-control [config]=\"karbaranEntekhabShode\" style=\"flex: 1\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div\r\n class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-[url('assets/chat-bg.png')] tw-bg-fixed tw-opacity-25\"\r\n ></div>\r\n }\r\n <div\r\n class=\"tw-grow tw-shrink tw-relative\"\r\n [ngClass]=\"{\r\n 'md:tw-py-6 md:tw-pl-6 tw-hidden md:tw-flex': hasListKarbaran,\r\n 'tw-flex': !hasListKarbaran\r\n }\"\r\n >\r\n <div\r\n @inContentAnimation\r\n class=\"tw-h-full tw-bg-gradient-to-r tw-w-full tw-flex tw-flex-col tw-relative tw-overflow-hidden tw-relative\" \r\n >\r\n @if(selectedUserProfile) {\r\n <bsu-layout-control class=\"ulv-m-0\" [config]=\"selectedUserProfile\"></bsu-layout-control>\r\n } @if(listGoftego) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"listGoftego\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n } @if(listGoftegoKarbarn) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"listGoftegoKarbarn\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n } @if(matnpishrafte) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"matnpishrafte\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n }\r\n <div\r\n class=\"tw-w-full\"\r\n [ngClass]=\"{\r\n 'tw-relative': hasListKarbaran,\r\n '2xl:tw-rounded-t-xl tw-grow-0 tw-shrink-0': !hasListKarbaran\r\n }\"\r\n >\r\n @if (replyingMessage()) {\r\n <div\r\n @inOutReplyingMessage\r\n class=\"tw-w-full tw-px-2 tw-py-1 tw-flex tw-gap-2 te-items-center tw-absolute tw-z-0 tw-bg-default tw-right-0 -tw-top-14\"\r\n >\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"decline\"\r\n class=\"tw-grow-0 tw-shrink-0\"\r\n (click)=\"replyingMessage.set(null)\"\r\n ></button>\r\n <div class=\"tw-flex tw-flex-col tw-grow tw-shrink tw-overflow-hidden\">\r\n <span class=\"tw-font-bold\">{{ replyingMessage().owner.name }}</span>\r\n <span class=\"tw-truncate\">{{\r\n replyingMessage().text ??\r\n replyingMessage().file?.name ??\r\n replyingMessage().image?.name\r\n }}</span>\r\n </div>\r\n <div class=\"tw-w-8 tw-shrink-0 tw-grow-0\"></div>\r\n </div>\r\n }\r\n <div\r\n class=\"tw-w-full tw-flex tw-gap-2 tw-bg-default tw-items-end tw-z-10\"\r\n >\r\n @if(radifGoftego) {\r\n <bsu-layout-control [config]=\"radifGoftego\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-left-1/2 -tw-translate-x-1/2 tw-flex tw-flex-col tw-gap-8 tw-items-center\"\r\n >\r\n <!-- <img src=\"assets/not-selected-chat.png\" class=\"tw-w-64 tw-opacity-25\" /> -->\r\n <!-- <span class=\"tw-text-xl tw-font-bold tw-text-gray-400 dark:tw-text-gray-500\">-->\r\n <!-- \u0628\u0631\u0627\u06CC \u0634\u0631\u0648\u0639 \u06CC\u06A9 \u0686\u062A \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F-->\r\n <!-- </span>-->\r\n </div>\r\n </div>\r\n </div>\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui{min-height:100%!important}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main{display:flex;flex-grow:1}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main>div{min-height:100%!important;width:100%;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], animations: [
|
|
15287
15287
|
trigger('inContentAnimation', [
|
|
15288
15288
|
transition(':enter', [
|
|
15289
15289
|
style({ opacity: 0, transform: 'scale(50%, 50%)' }),
|
|
@@ -15329,19 +15329,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
15329
15329
|
animate('300ms ease-in', style({ opacity: 0, transform: 'translateY(50%)' }))
|
|
15330
15330
|
])
|
|
15331
15331
|
])
|
|
15332
|
-
], standalone: false, template: "@if(layout94$ | async;as layout94){\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n chatTpl;\r\n context: {\r\n mo: mo$ | async,\r\n karbaranEntekhabShode: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n jostejoKarbar: '\u062C\u0633\u062A\u062C\u0648 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94,\r\n listGoftego: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648' | controlUi: layout94,\r\n listGoftegoKarbarn: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648 \u06A9\u0627\u0631\u0628\u0631\u0627\u0646' | controlUi: layout94,\r\n matnpishrafte: '\u0645\u062A\u0646 \u067E\u06CC\u0634\u0631\u0641\u062A\u0647 \u0635\u0641\u062D\u0647 \u0627\u0648\u0644' | controlUi: layout94,\r\n radifGoftego: '\u0631\u062F\u06CC\u0641 \u06AF\u0641\u062A\u06AF\u0648 \u0645\u0648\u062C\u0648\u062F\u06CC\u062A' | controlUi: layout94,\r\n deviceSize: deviceSize$ | async,\r\n toolbarItems: toolbarItems$ | async,\r\n dirValue: dirValue$ | async,\r\n hasListKarbaran: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94\r\n }\r\n \"\r\n></ng-container>\r\n}\r\n\r\n<ng-template\r\n #chatTpl\r\n let-hasListKarbaran=\"hasListKarbaran\"\r\n let-deviceSize=\"deviceSize\"\r\n let-dirValue=\"dirValue\"\r\n let-toolbarItems=\"toolbarItems\"\r\n let-karbaranEntekhabShode=\"karbaranEntekhabShode\"\r\n let-jostejoKarbar=\"jostejoKarbar\"\r\n let-listGoftego=\"listGoftego\"\r\n let-listGoftegoKarbarn=\"listGoftegoKarbarn\"\r\n let-matnpishrafte=\"matnpishrafte\"\r\n let-radifGoftego=\"radifGoftego\"\r\n>\r\n <div\r\n class=\"tw-flex tw-w-full tw-bg-gradient-to-r tw-bg-gradient-to-r tw-from-[color-mix(in_srgb,var(--sapBackgroundColor)_95%,black_10%)] tw-to-[var(--sapBackgroundColor)]\"\r\n fillEmptySpace\r\n [class.tw-h-screen]=\"!karbaranEntekhabShode\"\r\n [class.tw-justify-center]=\"karbaranEntekhabShode\"\r\n >\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n <div
|
|
15332
|
+
], standalone: false, template: "@if(layout94$ | async;as layout94){\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n chatTpl;\r\n context: {\r\n mo: mo$ | async,\r\n karbaranEntekhabShode: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n jostejoKarbar: '\u062C\u0633\u062A\u062C\u0648 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94,\r\n listGoftego: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648' | controlUi: layout94,\r\n listGoftegoKarbarn: '\u0644\u06CC\u0633\u062A \u06AF\u0641\u062A\u06AF\u0648 \u06A9\u0627\u0631\u0628\u0631\u0627\u0646' | controlUi: layout94,\r\n matnpishrafte: '\u0645\u062A\u0646 \u067E\u06CC\u0634\u0631\u0641\u062A\u0647 \u0635\u0641\u062D\u0647 \u0627\u0648\u0644' | controlUi: layout94,\r\n radifGoftego: '\u0631\u062F\u06CC\u0641 \u06AF\u0641\u062A\u06AF\u0648 \u0645\u0648\u062C\u0648\u062F\u06CC\u062A' | controlUi: layout94,\r\n deviceSize: deviceSize$ | async,\r\n toolbarItems: toolbarItems$ | async,\r\n dirValue: dirValue$ | async,\r\n hasListKarbaran: '\u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94,\r\n selectedUserProfile: '\u067E\u0631\u0648\u0641\u0627\u06CC\u0644 \u06A9\u0627\u0631\u0628\u0631 \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647' | controlUi: layout94\r\n }\r\n \"\r\n></ng-container>\r\n}\r\n\r\n<ng-template\r\n #chatTpl\r\n let-hasListKarbaran=\"hasListKarbaran\"\r\n let-deviceSize=\"deviceSize\"\r\n let-dirValue=\"dirValue\"\r\n let-toolbarItems=\"toolbarItems\"\r\n let-karbaranEntekhabShode=\"karbaranEntekhabShode\"\r\n let-jostejoKarbar=\"jostejoKarbar\"\r\n let-listGoftego=\"listGoftego\"\r\n let-listGoftegoKarbarn=\"listGoftegoKarbarn\"\r\n let-matnpishrafte=\"matnpishrafte\"\r\n let-radifGoftego=\"radifGoftego\"\r\n let-selectedUserProfile=\"selectedUserProfile\"\r\n>\r\n <div\r\n class=\"tw-flex tw-w-full tw-bg-gradient-to-r tw-bg-gradient-to-r tw-from-[color-mix(in_srgb,var(--sapBackgroundColor)_95%,black_10%)] tw-to-[var(--sapBackgroundColor)]\"\r\n fillEmptySpace\r\n [class.tw-h-screen]=\"!karbaranEntekhabShode\"\r\n [class.tw-justify-center]=\"karbaranEntekhabShode\"\r\n [style.border]=\"'var(--fdCard_Border)'\"\r\n >\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n <div class=\"tw-w-full tw-h-full tw-flex tw-shrink-0 tw-relative\">\r\n @if(hasListKarbaran){\r\n <div class=\"tw-grow-0 tw-shrink-0 tw-w-full md:tw-w-96 tw-p-0\">\r\n <div\r\n [style.background-color]=\"'var(--sapBaseColor)'\"\r\n class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\"\r\n >\r\n <bsu-form-toolbar\r\n [deviceSize]=\"deviceSize\"\r\n [buttons]=\"toolbarItems\"\r\n [dirValue]=\"(dirValue$ | async)!!\"\r\n (toolbarClick)=\"onToolbarClick($event)\"\r\n #formToolbar\r\n ></bsu-form-toolbar>\r\n @if (jostejoKarbar) {\r\n <bsu-layout-control [config]=\"jostejoKarbar\"></bsu-layout-control>\r\n } @if (karbaranEntekhabShode) {\r\n <bsu-layout-control [config]=\"karbaranEntekhabShode\" style=\"flex: 1\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div\r\n class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-[url('assets/chat-bg.png')] tw-bg-fixed tw-opacity-25\"\r\n ></div>\r\n }\r\n <div\r\n class=\"tw-grow tw-shrink tw-relative\"\r\n [ngClass]=\"{\r\n 'md:tw-py-6 md:tw-pl-6 tw-hidden md:tw-flex': hasListKarbaran,\r\n 'tw-flex': !hasListKarbaran\r\n }\"\r\n >\r\n <div\r\n @inContentAnimation\r\n class=\"tw-h-full tw-bg-gradient-to-r tw-w-full tw-flex tw-flex-col tw-relative tw-overflow-hidden tw-relative\" \r\n >\r\n @if(selectedUserProfile) {\r\n <bsu-layout-control class=\"ulv-m-0\" [config]=\"selectedUserProfile\"></bsu-layout-control>\r\n } @if(listGoftego) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"listGoftego\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n } @if(listGoftegoKarbarn) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"listGoftegoKarbarn\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n } @if(matnpishrafte) {\r\n <bsu-layout-control\r\n class=\"maincontent tw-relative\"\r\n [config]=\"matnpishrafte\"\r\n style=\"flex: 1\"\r\n ></bsu-layout-control>\r\n }\r\n <div\r\n class=\"tw-w-full\"\r\n [ngClass]=\"{\r\n 'tw-relative': hasListKarbaran,\r\n '2xl:tw-rounded-t-xl tw-grow-0 tw-shrink-0': !hasListKarbaran\r\n }\"\r\n >\r\n @if (replyingMessage()) {\r\n <div\r\n @inOutReplyingMessage\r\n class=\"tw-w-full tw-px-2 tw-py-1 tw-flex tw-gap-2 te-items-center tw-absolute tw-z-0 tw-bg-default tw-right-0 -tw-top-14\"\r\n >\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"decline\"\r\n class=\"tw-grow-0 tw-shrink-0\"\r\n (click)=\"replyingMessage.set(null)\"\r\n ></button>\r\n <div class=\"tw-flex tw-flex-col tw-grow tw-shrink tw-overflow-hidden\">\r\n <span class=\"tw-font-bold\">{{ replyingMessage().owner.name }}</span>\r\n <span class=\"tw-truncate\">{{\r\n replyingMessage().text ??\r\n replyingMessage().file?.name ??\r\n replyingMessage().image?.name\r\n }}</span>\r\n </div>\r\n <div class=\"tw-w-8 tw-shrink-0 tw-grow-0\"></div>\r\n </div>\r\n }\r\n <div\r\n class=\"tw-w-full tw-flex tw-gap-2 tw-bg-default tw-items-end tw-z-10\"\r\n >\r\n @if(radifGoftego) {\r\n <bsu-layout-control [config]=\"radifGoftego\"></bsu-layout-control>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"tw-absolute tw-top-1/2 -tw-translate-y-1/2 tw-left-1/2 -tw-translate-x-1/2 tw-flex tw-flex-col tw-gap-8 tw-items-center\"\r\n >\r\n <!-- <img src=\"assets/not-selected-chat.png\" class=\"tw-w-64 tw-opacity-25\" /> -->\r\n <!-- <span class=\"tw-text-xl tw-font-bold tw-text-gray-400 dark:tw-text-gray-500\">-->\r\n <!-- \u0628\u0631\u0627\u06CC \u0634\u0631\u0648\u0639 \u06CC\u06A9 \u0686\u062A \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F-->\r\n <!-- </span>-->\r\n </div>\r\n </div>\r\n </div>\r\n @if (hasListKarbaran) {\r\n <div class=\"tw-bg-black/[.3] 2xl:tw-grow tw-shrink tw-h-full\"></div>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui{min-height:100%!important}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main{display:flex;flex-grow:1}bsu-layout-control.maincontent ::ng-deep>bnrc-field-ui>bsu-ui-ulv-main-ui>bsu-barsa-ulv-main>div{min-height:100%!important;width:100%;flex-grow:1}\n"] }]
|
|
15333
15333
|
}] });
|
|
15334
15334
|
|
|
15335
15335
|
class BarsaChatContentToolbarComponent {
|
|
15336
15336
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaChatContentToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15337
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaChatContentToolbarComponent, isStandalone: false, selector: "bsu-barsa-chat-content-toolbar", inputs: { avatar: "avatar", title: "title", subtitle: "subtitle", status: "status" }, host: { classAttribute: "tw-shrink-0 tw-grow-0 tw-flex tw-gap-2 tw-justify-between tw-items-center tw-px-4 tw-right-0 tw-w-full tw-h-16 tw-flex tw-bg-zinc-200/[.7] dark:tw-bg-zinc-700/[.7] tw-backdrop-blur-lg tw-z-10" }, ngImport: i0, template: "@if (title) { @if (avatar) {\r\n<img [src]=\"avatar\" class=\"tw-size-12 tw-rounded-full\" />\r\n}\r\n<div class=\"tw-flex tw-grow tw-shrink tw-flex-col tw-items-start tw-justify-between\">\r\n <span class=\"tw-text-lg tw-font-bold tw-text-base\">{{ title }}</span>\r\n <span class=\"tw-text-sm tw-text-base\">\r\n
|
|
15337
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaChatContentToolbarComponent, isStandalone: false, selector: "bsu-barsa-chat-content-toolbar", inputs: { avatar: "avatar", title: "title", subtitle: "subtitle", status: "status" }, host: { classAttribute: "tw-shrink-0 tw-grow-0 tw-flex tw-gap-2 tw-justify-between tw-items-center tw-px-4 tw-right-0 tw-w-full tw-h-16 tw-flex tw-bg-zinc-200/[.7] dark:tw-bg-zinc-700/[.7] tw-backdrop-blur-lg tw-z-10" }, ngImport: i0, template: "@if (title) { @if (avatar) {\r\n<img [src]=\"avatar\" class=\"tw-size-12 tw-rounded-full\" />\r\n}\r\n<div class=\"tw-flex tw-grow tw-shrink tw-flex-col tw-items-start tw-justify-between\">\r\n <span class=\"tw-text-lg tw-font-bold tw-text-base\">{{ title }}</span>\r\n <span class=\"tw-text-sm tw-text-base\">\r\n <span class=\"tw-relative tw-inline-flex tw-size-2.5 tw-me-1.5\">\r\n <span\r\n class=\"tw-animate-ping tw-absolute tw-inline-flex tw-h-full tw-w-full tw-rounded-full tw-opacity-75\"\r\n [ngClass]=\"{\r\n 'tw-bg-gray-300': status === 0,\r\n 'tw-bg-gray-700': status === 1,\r\n 'tw-bg-green-600 tw-animate-ping': status === 2,\r\n 'tw-bg-red-600': status === 3,\r\n }\"\r\n ></span>\r\n <span\r\n class=\"tw-inline-flex tw-rounded-full tw-size-2.5\"\r\n [ngClass]=\"{\r\n 'tw-bg-gray-300': status === 0,\r\n 'tw-bg-gray-700': status === 1,\r\n 'tw-bg-green-600': status === 2,\r\n 'tw-bg-red-600': status === 3,\r\n }\"\r\n >\r\n </span>\r\n </span>\r\n {{ subtitle }}\r\n </span>\r\n</div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
15338
15338
|
}
|
|
15339
15339
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaChatContentToolbarComponent, decorators: [{
|
|
15340
15340
|
type: Component,
|
|
15341
15341
|
args: [{ selector: 'bsu-barsa-chat-content-toolbar', host: {
|
|
15342
15342
|
class: 'tw-shrink-0 tw-grow-0 tw-flex tw-gap-2 tw-justify-between tw-items-center tw-px-4 tw-right-0 tw-w-full ' +
|
|
15343
15343
|
'tw-h-16 tw-flex tw-bg-zinc-200/[.7] dark:tw-bg-zinc-700/[.7] tw-backdrop-blur-lg tw-z-10'
|
|
15344
|
-
}, standalone: false, template: "@if (title) { @if (avatar) {\r\n<img [src]=\"avatar\" class=\"tw-size-12 tw-rounded-full\" />\r\n}\r\n<div class=\"tw-flex tw-grow tw-shrink tw-flex-col tw-items-start tw-justify-between\">\r\n <span class=\"tw-text-lg tw-font-bold tw-text-base\">{{ title }}</span>\r\n <span class=\"tw-text-sm tw-text-base\">\r\n
|
|
15344
|
+
}, standalone: false, template: "@if (title) { @if (avatar) {\r\n<img [src]=\"avatar\" class=\"tw-size-12 tw-rounded-full\" />\r\n}\r\n<div class=\"tw-flex tw-grow tw-shrink tw-flex-col tw-items-start tw-justify-between\">\r\n <span class=\"tw-text-lg tw-font-bold tw-text-base\">{{ title }}</span>\r\n <span class=\"tw-text-sm tw-text-base\">\r\n <span class=\"tw-relative tw-inline-flex tw-size-2.5 tw-me-1.5\">\r\n <span\r\n class=\"tw-animate-ping tw-absolute tw-inline-flex tw-h-full tw-w-full tw-rounded-full tw-opacity-75\"\r\n [ngClass]=\"{\r\n 'tw-bg-gray-300': status === 0,\r\n 'tw-bg-gray-700': status === 1,\r\n 'tw-bg-green-600 tw-animate-ping': status === 2,\r\n 'tw-bg-red-600': status === 3,\r\n }\"\r\n ></span>\r\n <span\r\n class=\"tw-inline-flex tw-rounded-full tw-size-2.5\"\r\n [ngClass]=\"{\r\n 'tw-bg-gray-300': status === 0,\r\n 'tw-bg-gray-700': status === 1,\r\n 'tw-bg-green-600': status === 2,\r\n 'tw-bg-red-600': status === 3,\r\n }\"\r\n >\r\n </span>\r\n </span>\r\n {{ subtitle }}\r\n </span>\r\n</div>\r\n}\r\n" }]
|
|
15345
15345
|
}], propDecorators: { avatar: [{
|
|
15346
15346
|
type: Input
|
|
15347
15347
|
}], title: [{
|