app/node_modules/fmode-ng/esm2022/lib/aigc/chat/chat-header-area/comp-header-area.component.mjs

    /**
     * @copyright © 未来飞马 © 未来全栈 www.fmode.cn 
     * 版权所有 © 未来飞马 © 江西脑控科技有限公司 Copyright © Fmode Technology Co., Ltd.
     * 保留所有权利 All Rights Reserved.
     * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/chat/chat-header-area/comp-header-area.component.mjs
     */
    import{CommonModule}from"@angular/common";import{Component,Input}from"@angular/core";import{IonButtons,IonCard,IonHeader,IonIcon,IonButton,IonItem,IonLabel,IonList,IonNote,IonTitle,IonToolbar,IonModal,NavController,IonAvatar}from"@ionic/angular/standalone";import{CompAvatarRoleImageComponent}from"../../avatar";import{CompAvatarRoleVideoComponent}from"../../avatar";import{FmodeChat}from"../../service-fmai/service-chat";import{addIcons}from"ionicons";import{chevronBackOutline,ellipsisHorizontalOutline}from"ionicons/icons";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular/standalone";import*as i2 from"@angular/common";addIcons({chevronBackOutline:chevronBackOutline,ellipsisHorizontalOutline:ellipsisHorizontalOutline});export class FmChatHeaderArea{constructor(n){this.navCtrl=n,this.isModalOpen=!1,this.goBack=()=>{this.navCtrl.back()}}async back(){if(this.chat?.onClose){if(!await(this.chat?.onClose(this.chat)))return}this.goBack()}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatHeaderArea,deps:[{token:i1.NavController}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:FmChatHeaderArea,isStandalone:!0,selector:"fm-chat-header-area",inputs:{chat:"chat",goBack:"goBack"},ngImport:i0,template:'<ion-toolbar *ngIf="chat?.isAvatarShow==false">\n    <ion-buttons slot="start">\n        <ion-button (click)="back()">\n            <ion-icon name="chevron-back-outline"></ion-icon>\n        </ion-button>\n      </ion-buttons>\n    <ion-title>\n      <div class="title-avatar-area">\n        <div class="avatar-img" (click)="chat.showAvatar()">\n          <img *ngIf="chat?.role?.get(\'avatar\')||chat?.role?.get(\'thumb\')" [src]="chat?.role?.get(\'avatar\')||chat?.role?.get(\'thumb\')" />\n          <ion-icon *ngIf="chat?.role?.get(\'avatarConfig\')" name="resize-outline"></ion-icon>\n        </div>\n        <span (click)="chat.showAvatar()">\n          {{chat?.role?.get("name")}}\n        </span>\n      </div>\n    </ion-title>\n\n    <ion-buttons slot="end">\n        <ion-button (click)="isModalOpen=true"> <ion-icon name="ellipsis-horizontal-outline"></ion-icon> </ion-button>\n    </ion-buttons>\n</ion-toolbar>\n\n<div class="avatar-area" *ngIf="chat?.isAvatarShow==true">\n  <fm-avatar-role-image *ngIf="chat?.avatarMode==\'image\'" [fmodeChat]="chat" [role]="avatarRole"></fm-avatar-role-image>\n  <fm-avatar-role-video *ngIf="chat?.avatarMode==\'video\'" [fmodeChat]="chat" [role]="avatarRole"></fm-avatar-role-video>\n</div>\n\n\n<ion-modal [isOpen]="isModalOpen" (willDismiss)="isModalOpen=false">\n    <ng-template>\n      <ion-header>\n        <ion-toolbar>\n          <ion-buttons slot="start">\n            <ion-button (click)="isModalOpen=false">返回</ion-button>\n          </ion-buttons>\n          <ion-title>简介</ion-title>\n        </ion-toolbar>\n      </ion-header>\n      <ion-content class="ion-padding">\n\n        <ion-card style="margin: 0px;">\n          <img [src]="chat?.role?.get(\'thumb\')" alt="">\n          <ion-card-header>\n            <ion-card-subtitle>{{chat?.role?.get(\'tags\')}}</ion-card-subtitle>\n            <ion-card-title>{{chat?.role?.get("name")}}</ion-card-title>\n          </ion-card-header>\n        \n          <ion-card-content>\n            {{chat?.role?.get("desc")}}\n    \n                <ion-list [inset]="true" style="margin:0px;">\n                  \x3c!-- <ion-item>\n                    <ion-avatar *ngIf="chat?.role?.get(\'thumb\')" aria-hidden="true" slot="start">\n                      <img [src]="chat?.role?.get(\'thumb\')" />\n                    </ion-avatar>\n                    <ion-label>{{chat?.role?.get("name")}}</ion-label>\n                  </ion-item> --\x3e\n                  <ion-item lines="none" *ngIf="chat?.role?.get(\'age\')">\n                    <ion-note slot="start">年龄</ion-note>\n                    <ion-label>{{chat?.role?.get("age")}}</ion-label>\n                  </ion-item>\n                  <ion-item lines="none" *ngIf="chat?.role?.get(\'gender\')">\n                    <ion-note slot="start">性别</ion-note>\n                    <ion-label>{{chat?.role?.get("gender")}}</ion-label>\n                  </ion-item>\n                  <ion-item lines="none">\n                    <ion-note slot="start">称号</ion-note>\n                    <ion-label>{{chat?.role?.get("title")}}</ion-label>\n                  </ion-item>\n            \n                  <ion-item lines="none">\n                    <ion-note slot="start">擅长</ion-note>\n                    <ion-label>{{chat?.role?.get("tags")?.join(\',\')}}</ion-label>\n                  </ion-item>\n    \n                </ion-list>\n              </ion-card-content>\n        </ion-card>\n      </ion-content>\n    </ng-template>\n  </ion-modal>',styles:[".title-avatar-area{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.title-avatar-area .avatar-img img{width:32px;height:32px;border-radius:50%;margin-right:5px}.title-avatar-area .avatar-img ion-icon{background:#df76dfcc;border-radius:50%;padding:3px;position:absolute;color:#000;margin-left:-20px;font-size:10px;margin-top:18px}.avatar-area{height:100%}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"component",type:IonToolbar,selector:"ion-toolbar",inputs:["color","mode"]},{kind:"component",type:IonButtons,selector:"ion-buttons",inputs:["collapse"]},{kind:"component",type:IonButton,selector:"ion-button",inputs:["buttonType","color","disabled","download","expand","fill","form","href","mode","rel","routerAnimation","routerDirection","shape","size","strong","target","type"]},{kind:"component",type:IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"component",type:IonModal,selector:"ion-modal"},{kind:"component",type:IonTitle,selector:"ion-title",inputs:["color","size"]},{kind:"component",type:IonHeader,selector:"ion-header",inputs:["collapse","mode","translucent"]},{kind:"component",type:IonList,selector:"ion-list",inputs:["inset","lines","mode"]},{kind:"component",type:IonItem,selector:"ion-item",inputs:["button","color","detail","detailIcon","disabled","download","href","lines","mode","rel","routerAnimation","routerDirection","target","type"]},{kind:"component",type:IonCard,selector:"ion-card",inputs:["button","color","disabled","download","href","mode","rel","routerAnimation","routerDirection","target","type"]},{kind:"component",type:IonLabel,selector:"ion-label",inputs:["color","mode","position"]},{kind:"component",type:IonNote,selector:"ion-note",inputs:["color","mode"]},{kind:"component",type:CompAvatarRoleImageComponent,selector:"fm-avatar-role-image",inputs:["fmodeChat","role"]},{kind:"component",type:CompAvatarRoleVideoComponent,selector:"fm-avatar-role-video",inputs:["fmodeChat","role"],outputs:["onClose"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatHeaderArea,decorators:[{type:Component,args:[{selector:"fm-chat-header-area",standalone:!0,imports:[CommonModule,IonToolbar,IonButtons,IonButton,IonIcon,IonModal,IonAvatar,IonTitle,IonHeader,IonList,IonItem,IonCard,IonLabel,IonNote,CompAvatarRoleImageComponent,CompAvatarRoleVideoComponent],template:'<ion-toolbar *ngIf="chat?.isAvatarShow==false">\n    <ion-buttons slot="start">\n        <ion-button (click)="back()">\n            <ion-icon name="chevron-back-outline"></ion-icon>\n        </ion-button>\n      </ion-buttons>\n    <ion-title>\n      <div class="title-avatar-area">\n        <div class="avatar-img" (click)="chat.showAvatar()">\n          <img *ngIf="chat?.role?.get(\'avatar\')||chat?.role?.get(\'thumb\')" [src]="chat?.role?.get(\'avatar\')||chat?.role?.get(\'thumb\')" />\n          <ion-icon *ngIf="chat?.role?.get(\'avatarConfig\')" name="resize-outline"></ion-icon>\n        </div>\n        <span (click)="chat.showAvatar()">\n          {{chat?.role?.get("name")}}\n        </span>\n      </div>\n    </ion-title>\n\n    <ion-buttons slot="end">\n        <ion-button (click)="isModalOpen=true"> <ion-icon name="ellipsis-horizontal-outline"></ion-icon> </ion-button>\n    </ion-buttons>\n</ion-toolbar>\n\n<div class="avatar-area" *ngIf="chat?.isAvatarShow==true">\n  <fm-avatar-role-image *ngIf="chat?.avatarMode==\'image\'" [fmodeChat]="chat" [role]="avatarRole"></fm-avatar-role-image>\n  <fm-avatar-role-video *ngIf="chat?.avatarMode==\'video\'" [fmodeChat]="chat" [role]="avatarRole"></fm-avatar-role-video>\n</div>\n\n\n<ion-modal [isOpen]="isModalOpen" (willDismiss)="isModalOpen=false">\n    <ng-template>\n      <ion-header>\n        <ion-toolbar>\n          <ion-buttons slot="start">\n            <ion-button (click)="isModalOpen=false">返回</ion-button>\n          </ion-buttons>\n          <ion-title>简介</ion-title>\n        </ion-toolbar>\n      </ion-header>\n      <ion-content class="ion-padding">\n\n        <ion-card style="margin: 0px;">\n          <img [src]="chat?.role?.get(\'thumb\')" alt="">\n          <ion-card-header>\n            <ion-card-subtitle>{{chat?.role?.get(\'tags\')}}</ion-card-subtitle>\n            <ion-card-title>{{chat?.role?.get("name")}}</ion-card-title>\n          </ion-card-header>\n        \n          <ion-card-content>\n            {{chat?.role?.get("desc")}}\n    \n                <ion-list [inset]="true" style="margin:0px;">\n                  \x3c!-- <ion-item>\n                    <ion-avatar *ngIf="chat?.role?.get(\'thumb\')" aria-hidden="true" slot="start">\n                      <img [src]="chat?.role?.get(\'thumb\')" />\n                    </ion-avatar>\n                    <ion-label>{{chat?.role?.get("name")}}</ion-label>\n                  </ion-item> --\x3e\n                  <ion-item lines="none" *ngIf="chat?.role?.get(\'age\')">\n                    <ion-note slot="start">年龄</ion-note>\n                    <ion-label>{{chat?.role?.get("age")}}</ion-label>\n                  </ion-item>\n                  <ion-item lines="none" *ngIf="chat?.role?.get(\'gender\')">\n                    <ion-note slot="start">性别</ion-note>\n                    <ion-label>{{chat?.role?.get("gender")}}</ion-label>\n                  </ion-item>\n                  <ion-item lines="none">\n                    <ion-note slot="start">称号</ion-note>\n                    <ion-label>{{chat?.role?.get("title")}}</ion-label>\n                  </ion-item>\n            \n                  <ion-item lines="none">\n                    <ion-note slot="start">擅长</ion-note>\n                    <ion-label>{{chat?.role?.get("tags")?.join(\',\')}}</ion-label>\n                  </ion-item>\n    \n                </ion-list>\n              </ion-card-content>\n        </ion-card>\n      </ion-content>\n    </ng-template>\n  </ion-modal>',styles:[".title-avatar-area{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.title-avatar-area .avatar-img img{width:32px;height:32px;border-radius:50%;margin-right:5px}.title-avatar-area .avatar-img ion-icon{background:#df76dfcc;border-radius:50%;padding:3px;position:absolute;color:#000;margin-left:-20px;font-size:10px;margin-top:18px}.avatar-area{height:100%}\n"]}]}],ctorParameters:()=>[{type:i1.NavController}],propDecorators:{chat:[{type:Input}],goBack:[{type:Input}]}});
var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY2hhdC1oZWFkZXItYXJlYS9jb21wLWhlYWRlci1hcmVhLmNvbXBvbmVudC5tanM=`