@ng-nest/ui 20.2.4 → 20.2.6

package/bubble/index.d.ts

@@ -19,6 +19,16 @@ declare class XBubbleProperty extends XBubbleProperty_base {
      * @en_US Bubble content
      */
     readonly content: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 推理内容
+     * @en_US reasoning content
+     */
+    readonly reasoningContent: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 推理标题
+     * @en_US reasoning title
+     */
+    readonly reasoningTitle: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 头像
      * @en_US Avatar
@@ -90,7 +100,7 @@ declare class XBubbleProperty extends XBubbleProperty_base {
      */
     readonly typingEnd: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleProperty, "x-bubble-property", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; }, { "typingStart": "typingStart"; "typingOuput": "typingOuput"; "typingEnd": "typingEnd"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleProperty, "x-bubble-property", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "reasoningContent": { "alias": "reasoningContent"; "required": false; "isSignal": true; }; "reasoningTitle": { "alias": "reasoningTitle"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; }, { "typingStart": "typingStart"; "typingOuput": "typingOuput"; "typingEnd": "typingEnd"; }, never, never, true, never>;
 }
 /**
  * @zh_CN 头像配置，继承了组件 Avatar 相关属性
@@ -149,7 +159,7 @@ declare class XBubbleComponent extends XBubbleProperty {
     renderer2: Renderer2;
     cdr: ChangeDetectorRef;
     private bubbles;
-    contentRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    wrapperRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     classMap: _angular_core.Signal<{
         [x: string]: boolean;
         "x-bubble-cursor": boolean;
@@ -159,16 +169,24 @@ declare class XBubbleComponent extends XBubbleProperty {
     typedContentObserver: rxjs.Observable<string>;
     pendingContent: _angular_core.WritableSignal<string>;
     pendingContentObserver: rxjs.Observable<string>;
+    reasoningTypedContent: _angular_core.WritableSignal<string>;
+    reasoningTypedContentObserver: rxjs.Observable<string>;
+    reasoningPendingContent: _angular_core.WritableSignal<string>;
+    reasoningRenderedContent: _angular_core.WritableSignal<SafeHtml>;
+    reasoningToggle: _angular_core.WritableSignal<boolean>;
     private typingInterval;
     renderedContent: _angular_core.WritableSignal<SafeHtml>;
     sizeSignal: _angular_core.Signal<_ng_nest_ui_core.XSize>;
     variantSignal: _angular_core.Signal<XBubbleVariant>;
     isTemplate: _angular_core.Signal<boolean>;
     isString: _angular_core.Signal<boolean>;
+    isReasoningTemplate: _angular_core.Signal<boolean>;
+    isReasoningString: _angular_core.Signal<boolean>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     private startTyping;
     private stopTyping;
+    onReasoningToggle(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleComponent, "x-bubble", never, {}, {}, never, never, true, never>;

package/core/index.d.ts

@@ -1299,6 +1299,7 @@ interface XButtonsConfig {
     round?: boolean;
 }
 interface XBubbleConfig {
+    reasoningTitle?: XTemplate;
     variant?: 'outlined' | 'filled' | 'shadow' | 'borderless';
     size?: XSize;
 }
@@ -1779,6 +1780,8 @@ interface XTreeConfig {
     includeChildren?: boolean;
 }
 interface XTextareaConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
     variant?: XVariant;
     clearable?: boolean;
     iconLayout?: XPositionLeftRight;

package/fesm2022/ng-nest-ui-attachments.mjs

@@ -283,7 +283,6 @@ class XFileCardComponent extends XFileCardProperty {
             return index > -1 ? name.substring(index + 1).toLowerCase() : '';
         }, ...(ngDevMode ? [{ debugName: "nameSubfix" }] : []));
         this.defaultIcon = computed(() => {
-            console.log(this.nameSubfix());
             if (Object.keys(defaultIcon).includes(this.nameSubfix())) {
                 return defaultIcon[this.nameSubfix()];
             }

package/fesm2022/ng-nest-ui-attachments.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-attachments.mjs","sources":["../../../../lib/ng-nest/ui/attachments/attachments.property.ts","../../../../lib/ng-nest/ui/attachments/attachments.component.ts","../../../../lib/ng-nest/ui/attachments/attachments.component.html","../../../../lib/ng-nest/ui/attachments/file-card.component.ts","../../../../lib/ng-nest/ui/attachments/file-card.component.html","../../../../lib/ng-nest/ui/attachments/attachments.module.ts","../../../../lib/ng-nest/ui/attachments/ng-nest-ui-attachments.ts"],"sourcesContent":["import { Component, ElementRef, input, output } from '@angular/core';\r\nimport { XBoolean, XNumber, XPropertyFunction, XTemplate, XToBoolean, XToNumber } from '@ng-nest/ui/core';\r\nimport { XUploadMultipleModel, XUploadNode, XUploadType } from '@ng-nest/ui/upload';\r\nimport { XFormControlFunction } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Attachments\r\n * @selector x-attachments\r\n * @decorator component\r\n */\r\nexport const XAttachmentsPrefix = 'x-attachments';\r\nconst X_ATTACHMENTS_CONFIG_NAME = 'attachments';\r\n\r\n/**\r\n * Attachments Property\r\n */\r\n@Component({ selector: `${XAttachmentsPrefix}-property`, template: '' })\r\nexport class XAttachmentsProperty extends XFormControlFunction(X_ATTACHMENTS_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 请求地址\r\n   * @en_US Request address\r\n   */\r\n  readonly action = input<string>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域\r\n   * @en_US Drag and drop upload area\r\n   */\r\n  readonly dropContainer = input<ElementRef | HTMLElement>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的图标\r\n   * @en_US Drag and drop upload area icon\r\n   */\r\n  readonly dropIcon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的标题\r\n   * @en_US Drag and drop upload area title\r\n   */\r\n  readonly dropTitle = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的描述\r\n   * @en_US Drag and drop upload area description\r\n   */\r\n  readonly dropDescription = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 直接显示可拖拽上传的区域\r\n   * @en_US Show the drag and drop upload area directly\r\n   */\r\n  readonly showDrop = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 上传文件类型，与原生的 input file 组件一致\r\n   * @en_US Upload file type, consistent with native input file component\r\n   */\r\n  readonly accept = input<string>();\r\n  /**\r\n   * @zh_CN 文件显示类型\r\n   * @en_US File display type\r\n   */\r\n  readonly type = input<XUploadType>('list');\r\n  /**\r\n   * @zh_CN 图片类型下面加载失败显示\r\n   * @en_US Photo type below loading failed display\r\n   */\r\n  readonly imgFallback = input<string>();\r\n  /**\r\n   * @zh_CN 图片剪裁\r\n   * @en_US Picture cropping\r\n   */\r\n  readonly imgCut = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 多文件上传\r\n   * @en_US Multiple file upload\r\n   */\r\n  readonly multiple = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 点击下载\r\n   * @en_US click download\r\n   */\r\n  readonly download = input<boolean, XBoolean>(this.config?.download ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 多次上传的模式，cover 覆盖现有, add 继续添加\r\n   * @en_US For many upload mode, 'cover' covers the existing, 'add' continue to add\r\n   */\r\n  readonly multipleModel = input<XUploadMultipleModel>(this.config?.multipleModel ?? 'cover');\r\n  /**\r\n   * @zh_CN 文件列表自定义显示模板\r\n   * @en_US File list custom display template\r\n   */\r\n  readonly filesTpl = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 限制单次上传文件个数，只有开启多文件上传 multiple 时生效，默认不做限制\r\n   * @en_US Limit the number of files uploaded files. Do not restrict the default\r\n   */\r\n  readonly maxLimit = input<number, XNumber>(-1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 设置上传的请求头部\r\n   * @en_US Set the upload request header\r\n   */\r\n  readonly headers = input<{ [key: string]: any }>();\r\n  /**\r\n   * @zh_CN 删除按钮的事件\r\n   * @en_US Delete button event\r\n   */\r\n  readonly removeClick = output<{ file: XUploadNode; index: number }>();\r\n  /**\r\n   * @zh_CN 开始上传事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadReady = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 正在上传事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploading = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 上传成功事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadSuccess = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 上传失败事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadError = output<XUploadNode>();\r\n}\r\n\r\n/**\r\n * FileCard\r\n * @selector x-file-card\r\n * @decorator component\r\n */\r\nexport const XFileCardPrefix = 'x-file-card';\r\nexport const X_FILE_CARD_CONFIG_NAME = 'fileCard';\r\n\r\n/**\r\n * FileCard Property\r\n */\r\n@Component({ selector: `${XFileCardPrefix}-property`, template: '' })\r\nexport class XFileCardProperty extends XPropertyFunction(X_FILE_CARD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  readonly icon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 图标颜色\r\n   * @en_US Icon color\r\n   */\r\n  readonly iconColor = input<string>();\r\n  /**\r\n   * @zh_CN 文件名\r\n   * @en_US File name\r\n   */\r\n  readonly name = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 文件大小\r\n   * @en_US File size\r\n   */\r\n  readonly size = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 文件描述\r\n   * @en_US File description\r\n   */\r\n  readonly description = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 文件类型\r\n   * @en_US File type\r\n   */\r\n  readonly type = input<XFileCard>('file');\r\n  /**\r\n   * @zh_CN 文件/图片链接地址\r\n   * @en_US File/image url\r\n   */\r\n  readonly url = input<string>();\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Bubble variant\r\n   */\r\n  readonly variant = input<XFileCardVariant>(this.config?.variant ?? 'outlined');\r\n}\r\n\r\n/**\r\n * @zh_CN 文件卡片类型\r\n * @en_US File card type\r\n */\r\nexport type XFileCard = 'file' | 'img';\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Bubble variant\r\n */\r\nexport type XFileCardVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\nimport { XAttachmentsProperty } from './attachments.property';\r\nimport { XUploadComponent } from '@ng-nest/ui/upload';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: 'x-attachments',\r\n  templateUrl: './attachments.component.html',\r\n  styleUrls: ['./attachments.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [FormsModule, XUploadComponent],\r\n  providers: [XValueAccessor(XAttachmentsComponent)]\r\n})\r\nexport class XAttachmentsComponent extends XAttachmentsProperty {\r\n  valueChange(value: any) {\r\n    this.onChange && this.onChange(value);\r\n  }\r\n}\r\n","<div class=\"x-attachments\">\r\n  <x-upload\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"valueChange($event)\"\r\n    [action]=\"action()\"\r\n    [dropContainer]=\"dropContainer()\"\r\n    [dropIcon]=\"dropIcon()\"\r\n    [dropTitle]=\"dropTitle()\"\r\n    [dropDescription]=\"dropDescription()\"\r\n    [showDrop]=\"showDrop()\"\r\n    [text]=\"textTpl\"\r\n    [accept]=\"accept()\"\r\n    [type]=\"type()\"\r\n    [imgFallback]=\"imgFallback()\"\r\n    [imgCut]=\"imgCut()\"\r\n    [multiple]=\"multiple()\"\r\n    [download]=\"download()\"\r\n    [multipleModel]=\"multipleModel()\"\r\n    [filesTpl]=\"filesTpl() ?? innerfilesTpl\"\r\n    [maxLimit]=\"maxLimit()\"\r\n    [headers]=\"headers()\"\r\n    (removeClick)=\"removeClick.emit($event)\"\r\n    (uploadReady)=\"uploadReady.emit($event)\"\r\n    (uploading)=\"uploading.emit($event)\"\r\n    (uploadSuccess)=\"uploadSuccess.emit($event)\"\r\n    (uploadError)=\"uploadError.emit($event)\"\r\n  ></x-upload>\r\n  <ng-template #textTpl>\r\n    <ng-content></ng-content>\r\n  </ng-template>\r\n  <ng-template #innerfilesTpl></ng-template>\r\n</div>\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed } from '@angular/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XFileCardPrefix, XFileCardProperty } from './attachments.property';\r\nimport { XFileSize, XIsEmpty, XIsString } from '@ng-nest/ui/core';\r\nimport { NgClass } from '@angular/common';\r\nimport { XImageComponent } from '@ng-nest/ui/image';\r\n\r\nconst defaultIcon: { [key: string]: string } = {\r\n  xlsx: 'adf-file-excel',\r\n  xls: 'adf-file-excel',\r\n  docx: 'adf-file-word',\r\n  doc: 'adf-file-word',\r\n  ppt: 'adf-file-ppt',\r\n  pptx: 'adf-file-ppt',\r\n  pdf: 'adf-file-pdf',\r\n  zip: 'adf-file-zip',\r\n  rar: 'adf-file-zip',\r\n  '7z': 'adf-file-zip',\r\n  png: 'adf-file-image',\r\n  jpg: 'adf-file-image',\r\n  jpeg: 'adf-file-image',\r\n  gif: 'adf-file-image',\r\n  bmp: 'adf-file-image',\r\n  md: 'adf-file-markdown',\r\n  txt: 'adf-file-text',\r\n  mp4: 'adf-video-camera',\r\n  avi: 'adf-video-camera',\r\n  mkv: 'adf-video-camera',\r\n  mov: 'adf-video-camera',\r\n  mp3: 'adf-audio',\r\n  wav: 'adf-audio',\r\n  flac: 'adf-audio',\r\n  default: 'adf-file'\r\n};\r\n\r\nconst defaultIconColors: { [key: string]: string } = {\r\n  'adf-file-excel': '#217346',\r\n  'adf-file-word': '#2b579a',\r\n  'adf-file-ppt': '#d24726',\r\n  'adf-file-pdf': '#dc3545',\r\n  'adf-file-zip': '#6c757d',\r\n  'adf-file-image': '#ffc107',\r\n  'adf-file-markdown': '#000000',\r\n  'adf-file-text': '#6c757d',\r\n  'adf-video-camera': '#ff6b6b',\r\n  'adf-audio': '#007bff',\r\n  'adf-file': '#6c757d'\r\n};\r\n\r\n@Component({\r\n  selector: 'x-file-card',\r\n  templateUrl: './file-card.component.html',\r\n  styleUrl: './file-card.component.scss',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [XOutletDirective, XImageComponent, XIconComponent, NgClass]\r\n})\r\nexport class XFileCardComponent extends XFileCardProperty {\r\n  iconString = computed(() => {\r\n    if (XIsString(this.icon())) {\r\n      return this.icon() as string;\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  descriptionString = computed(() => {\r\n    if (XIsString(this.description())) {\r\n      return this.description() as string;\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  sizeTransform = computed(() => {\r\n    if (this.size() && this.size() !== 0) {\r\n      return XFileSize(this.size(), { precision: 0 });\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  nameSubfix = computed(() => {\r\n    const name = this.name() as string;\r\n    const index = name.lastIndexOf('.');\r\n    return index > -1 ? name.substring(index + 1).toLowerCase() : '';\r\n  });\r\n  defaultIcon = computed(() => {\r\n    console.log(this.nameSubfix());\r\n    if (Object.keys(defaultIcon).includes(this.nameSubfix())) {\r\n      return defaultIcon[this.nameSubfix()];\r\n    } else {\r\n      return defaultIcon['default'];\r\n    }\r\n  });\r\n  defaultColor = computed(() => {\r\n    return defaultIconColors[this.defaultIcon()];\r\n  });\r\n  classMap = computed(() => ({\r\n    [`${XFileCardPrefix}-${this.variant()}`]: !XIsEmpty(this.variant())\r\n  }));\r\n  isImage = computed(() => {\r\n    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp'];\r\n    return imageExtensions.includes(this.nameSubfix().toLowerCase());\r\n  });\r\n}\r\n","<div class=\"x-file-card\" [ngClass]=\"classMap()\" [class.x-file-card-image]=\"isImage() && !!url()\">\r\n  @if (isImage() && !!url()) {\r\n    <x-image width=\"100px\" height=\"100px\" [src]=\"url()\" [alt]=\"descriptionString()\"></x-image>\r\n  } @else {\r\n    @if (icon()) {\r\n      <div class=\"x-file-card-icon\">\r\n        <ng-container *xOutlet=\"icon()\">\r\n          <x-icon [type]=\"iconString()\" [style.color]=\"iconColor()\"></x-icon>\r\n        </ng-container>\r\n      </div>\r\n    } @else {\r\n      <div class=\"x-file-card-icon\">\r\n        <x-icon [type]=\"defaultIcon()\" [style.color]=\"iconColor() ?? defaultColor()\"></x-icon>\r\n      </div>\r\n    }\r\n    <div class=\"x-file-card-content\">\r\n      @if (name()) {\r\n        <div class=\"x-file-card-name\">\r\n          <ng-container *xOutlet=\"name()\">{{ name() }}</ng-container>\r\n        </div>\r\n      }\r\n      @if (size()) {\r\n        <div class=\"x-file-card-size\">\r\n          {{ sizeTransform() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div class=\"x-file-card-description\">\r\n          <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAttachmentsComponent } from './attachments.component';\r\nimport { XFileCardComponent } from './file-card.component';\r\n\r\n@NgModule({\r\n  exports: [XAttachmentsComponent, XFileCardComponent],\r\n  imports: [XAttachmentsComponent, XFileCardComponent]\r\n})\r\nexport class XAttachmentsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-attachments.mjs","sources":["../../../../lib/ng-nest/ui/attachments/attachments.property.ts","../../../../lib/ng-nest/ui/attachments/attachments.component.ts","../../../../lib/ng-nest/ui/attachments/attachments.component.html","../../../../lib/ng-nest/ui/attachments/file-card.component.ts","../../../../lib/ng-nest/ui/attachments/file-card.component.html","../../../../lib/ng-nest/ui/attachments/attachments.module.ts","../../../../lib/ng-nest/ui/attachments/ng-nest-ui-attachments.ts"],"sourcesContent":["import { Component, ElementRef, input, output } from '@angular/core';\r\nimport { XBoolean, XNumber, XPropertyFunction, XTemplate, XToBoolean, XToNumber } from '@ng-nest/ui/core';\r\nimport { XUploadMultipleModel, XUploadNode, XUploadType } from '@ng-nest/ui/upload';\r\nimport { XFormControlFunction } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Attachments\r\n * @selector x-attachments\r\n * @decorator component\r\n */\r\nexport const XAttachmentsPrefix = 'x-attachments';\r\nconst X_ATTACHMENTS_CONFIG_NAME = 'attachments';\r\n\r\n/**\r\n * Attachments Property\r\n */\r\n@Component({ selector: `${XAttachmentsPrefix}-property`, template: '' })\r\nexport class XAttachmentsProperty extends XFormControlFunction(X_ATTACHMENTS_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 请求地址\r\n   * @en_US Request address\r\n   */\r\n  readonly action = input<string>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域\r\n   * @en_US Drag and drop upload area\r\n   */\r\n  readonly dropContainer = input<ElementRef | HTMLElement>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的图标\r\n   * @en_US Drag and drop upload area icon\r\n   */\r\n  readonly dropIcon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的标题\r\n   * @en_US Drag and drop upload area title\r\n   */\r\n  readonly dropTitle = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 可拖拽上传的区域的描述\r\n   * @en_US Drag and drop upload area description\r\n   */\r\n  readonly dropDescription = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 直接显示可拖拽上传的区域\r\n   * @en_US Show the drag and drop upload area directly\r\n   */\r\n  readonly showDrop = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 上传文件类型，与原生的 input file 组件一致\r\n   * @en_US Upload file type, consistent with native input file component\r\n   */\r\n  readonly accept = input<string>();\r\n  /**\r\n   * @zh_CN 文件显示类型\r\n   * @en_US File display type\r\n   */\r\n  readonly type = input<XUploadType>('list');\r\n  /**\r\n   * @zh_CN 图片类型下面加载失败显示\r\n   * @en_US Photo type below loading failed display\r\n   */\r\n  readonly imgFallback = input<string>();\r\n  /**\r\n   * @zh_CN 图片剪裁\r\n   * @en_US Picture cropping\r\n   */\r\n  readonly imgCut = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 多文件上传\r\n   * @en_US Multiple file upload\r\n   */\r\n  readonly multiple = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 点击下载\r\n   * @en_US click download\r\n   */\r\n  readonly download = input<boolean, XBoolean>(this.config?.download ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 多次上传的模式，cover 覆盖现有, add 继续添加\r\n   * @en_US For many upload mode, 'cover' covers the existing, 'add' continue to add\r\n   */\r\n  readonly multipleModel = input<XUploadMultipleModel>(this.config?.multipleModel ?? 'cover');\r\n  /**\r\n   * @zh_CN 文件列表自定义显示模板\r\n   * @en_US File list custom display template\r\n   */\r\n  readonly filesTpl = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 限制单次上传文件个数，只有开启多文件上传 multiple 时生效，默认不做限制\r\n   * @en_US Limit the number of files uploaded files. Do not restrict the default\r\n   */\r\n  readonly maxLimit = input<number, XNumber>(-1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 设置上传的请求头部\r\n   * @en_US Set the upload request header\r\n   */\r\n  readonly headers = input<{ [key: string]: any }>();\r\n  /**\r\n   * @zh_CN 删除按钮的事件\r\n   * @en_US Delete button event\r\n   */\r\n  readonly removeClick = output<{ file: XUploadNode; index: number }>();\r\n  /**\r\n   * @zh_CN 开始上传事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadReady = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 正在上传事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploading = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 上传成功事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadSuccess = output<XUploadNode>();\r\n  /**\r\n   * @zh_CN 上传失败事件\r\n   * @en_US Start upload event\r\n   */\r\n  readonly uploadError = output<XUploadNode>();\r\n}\r\n\r\n/**\r\n * FileCard\r\n * @selector x-file-card\r\n * @decorator component\r\n */\r\nexport const XFileCardPrefix = 'x-file-card';\r\nexport const X_FILE_CARD_CONFIG_NAME = 'fileCard';\r\n\r\n/**\r\n * FileCard Property\r\n */\r\n@Component({ selector: `${XFileCardPrefix}-property`, template: '' })\r\nexport class XFileCardProperty extends XPropertyFunction(X_FILE_CARD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  readonly icon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 图标颜色\r\n   * @en_US Icon color\r\n   */\r\n  readonly iconColor = input<string>();\r\n  /**\r\n   * @zh_CN 文件名\r\n   * @en_US File name\r\n   */\r\n  readonly name = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 文件大小\r\n   * @en_US File size\r\n   */\r\n  readonly size = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 文件描述\r\n   * @en_US File description\r\n   */\r\n  readonly description = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 文件类型\r\n   * @en_US File type\r\n   */\r\n  readonly type = input<XFileCard>('file');\r\n  /**\r\n   * @zh_CN 文件/图片链接地址\r\n   * @en_US File/image url\r\n   */\r\n  readonly url = input<string>();\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Bubble variant\r\n   */\r\n  readonly variant = input<XFileCardVariant>(this.config?.variant ?? 'outlined');\r\n}\r\n\r\n/**\r\n * @zh_CN 文件卡片类型\r\n * @en_US File card type\r\n */\r\nexport type XFileCard = 'file' | 'img';\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Bubble variant\r\n */\r\nexport type XFileCardVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\nimport { XAttachmentsProperty } from './attachments.property';\r\nimport { XUploadComponent } from '@ng-nest/ui/upload';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: 'x-attachments',\r\n  templateUrl: './attachments.component.html',\r\n  styleUrls: ['./attachments.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [FormsModule, XUploadComponent],\r\n  providers: [XValueAccessor(XAttachmentsComponent)]\r\n})\r\nexport class XAttachmentsComponent extends XAttachmentsProperty {\r\n  valueChange(value: any) {\r\n    this.onChange && this.onChange(value);\r\n  }\r\n}\r\n","<div class=\"x-attachments\">\r\n  <x-upload\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"valueChange($event)\"\r\n    [action]=\"action()\"\r\n    [dropContainer]=\"dropContainer()\"\r\n    [dropIcon]=\"dropIcon()\"\r\n    [dropTitle]=\"dropTitle()\"\r\n    [dropDescription]=\"dropDescription()\"\r\n    [showDrop]=\"showDrop()\"\r\n    [text]=\"textTpl\"\r\n    [accept]=\"accept()\"\r\n    [type]=\"type()\"\r\n    [imgFallback]=\"imgFallback()\"\r\n    [imgCut]=\"imgCut()\"\r\n    [multiple]=\"multiple()\"\r\n    [download]=\"download()\"\r\n    [multipleModel]=\"multipleModel()\"\r\n    [filesTpl]=\"filesTpl() ?? innerfilesTpl\"\r\n    [maxLimit]=\"maxLimit()\"\r\n    [headers]=\"headers()\"\r\n    (removeClick)=\"removeClick.emit($event)\"\r\n    (uploadReady)=\"uploadReady.emit($event)\"\r\n    (uploading)=\"uploading.emit($event)\"\r\n    (uploadSuccess)=\"uploadSuccess.emit($event)\"\r\n    (uploadError)=\"uploadError.emit($event)\"\r\n  ></x-upload>\r\n  <ng-template #textTpl>\r\n    <ng-content></ng-content>\r\n  </ng-template>\r\n  <ng-template #innerfilesTpl></ng-template>\r\n</div>\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed } from '@angular/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XFileCardPrefix, XFileCardProperty } from './attachments.property';\r\nimport { XFileSize, XIsEmpty, XIsString } from '@ng-nest/ui/core';\r\nimport { NgClass } from '@angular/common';\r\nimport { XImageComponent } from '@ng-nest/ui/image';\r\n\r\nconst defaultIcon: { [key: string]: string } = {\r\n  xlsx: 'adf-file-excel',\r\n  xls: 'adf-file-excel',\r\n  docx: 'adf-file-word',\r\n  doc: 'adf-file-word',\r\n  ppt: 'adf-file-ppt',\r\n  pptx: 'adf-file-ppt',\r\n  pdf: 'adf-file-pdf',\r\n  zip: 'adf-file-zip',\r\n  rar: 'adf-file-zip',\r\n  '7z': 'adf-file-zip',\r\n  png: 'adf-file-image',\r\n  jpg: 'adf-file-image',\r\n  jpeg: 'adf-file-image',\r\n  gif: 'adf-file-image',\r\n  bmp: 'adf-file-image',\r\n  md: 'adf-file-markdown',\r\n  txt: 'adf-file-text',\r\n  mp4: 'adf-video-camera',\r\n  avi: 'adf-video-camera',\r\n  mkv: 'adf-video-camera',\r\n  mov: 'adf-video-camera',\r\n  mp3: 'adf-audio',\r\n  wav: 'adf-audio',\r\n  flac: 'adf-audio',\r\n  default: 'adf-file'\r\n};\r\n\r\nconst defaultIconColors: { [key: string]: string } = {\r\n  'adf-file-excel': '#217346',\r\n  'adf-file-word': '#2b579a',\r\n  'adf-file-ppt': '#d24726',\r\n  'adf-file-pdf': '#dc3545',\r\n  'adf-file-zip': '#6c757d',\r\n  'adf-file-image': '#ffc107',\r\n  'adf-file-markdown': '#000000',\r\n  'adf-file-text': '#6c757d',\r\n  'adf-video-camera': '#ff6b6b',\r\n  'adf-audio': '#007bff',\r\n  'adf-file': '#6c757d'\r\n};\r\n\r\n@Component({\r\n  selector: 'x-file-card',\r\n  templateUrl: './file-card.component.html',\r\n  styleUrl: './file-card.component.scss',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [XOutletDirective, XImageComponent, XIconComponent, NgClass]\r\n})\r\nexport class XFileCardComponent extends XFileCardProperty {\r\n  iconString = computed(() => {\r\n    if (XIsString(this.icon())) {\r\n      return this.icon() as string;\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  descriptionString = computed(() => {\r\n    if (XIsString(this.description())) {\r\n      return this.description() as string;\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  sizeTransform = computed(() => {\r\n    if (this.size() && this.size() !== 0) {\r\n      return XFileSize(this.size(), { precision: 0 });\r\n    } else {\r\n      return '';\r\n    }\r\n  });\r\n  nameSubfix = computed(() => {\r\n    const name = this.name() as string;\r\n    const index = name.lastIndexOf('.');\r\n    return index > -1 ? name.substring(index + 1).toLowerCase() : '';\r\n  });\r\n  defaultIcon = computed(() => {\r\n    if (Object.keys(defaultIcon).includes(this.nameSubfix())) {\r\n      return defaultIcon[this.nameSubfix()];\r\n    } else {\r\n      return defaultIcon['default'];\r\n    }\r\n  });\r\n  defaultColor = computed(() => {\r\n    return defaultIconColors[this.defaultIcon()];\r\n  });\r\n  classMap = computed(() => ({\r\n    [`${XFileCardPrefix}-${this.variant()}`]: !XIsEmpty(this.variant())\r\n  }));\r\n  isImage = computed(() => {\r\n    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp'];\r\n    return imageExtensions.includes(this.nameSubfix().toLowerCase());\r\n  });\r\n}\r\n","<div class=\"x-file-card\" [ngClass]=\"classMap()\" [class.x-file-card-image]=\"isImage() && !!url()\">\r\n  @if (isImage() && !!url()) {\r\n    <x-image width=\"100px\" height=\"100px\" [src]=\"url()\" [alt]=\"descriptionString()\"></x-image>\r\n  } @else {\r\n    @if (icon()) {\r\n      <div class=\"x-file-card-icon\">\r\n        <ng-container *xOutlet=\"icon()\">\r\n          <x-icon [type]=\"iconString()\" [style.color]=\"iconColor()\"></x-icon>\r\n        </ng-container>\r\n      </div>\r\n    } @else {\r\n      <div class=\"x-file-card-icon\">\r\n        <x-icon [type]=\"defaultIcon()\" [style.color]=\"iconColor() ?? defaultColor()\"></x-icon>\r\n      </div>\r\n    }\r\n    <div class=\"x-file-card-content\">\r\n      @if (name()) {\r\n        <div class=\"x-file-card-name\">\r\n          <ng-container *xOutlet=\"name()\">{{ name() }}</ng-container>\r\n        </div>\r\n      }\r\n      @if (size()) {\r\n        <div class=\"x-file-card-size\">\r\n          {{ sizeTransform() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div class=\"x-file-card-description\">\r\n          <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAttachmentsComponent } from './attachments.component';\r\nimport { XFileCardComponent } from './file-card.component';\r\n\r\n@NgModule({\r\n  exports: [XAttachmentsComponent, XFileCardComponent],\r\n  imports: [XAttachmentsComponent, XFileCardComponent]\r\n})\r\nexport class XAttachmentsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AAKA;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAClC,MAAM,yBAAyB,GAAG,aAAa;AAE/C;;AAEG;MAEU,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,CAAC,CAAA;AADzF,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACjC;;;AAGG;QACM,IAAA,CAAA,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA4B;AAC1D;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AACtC;;;AAGG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AACvC;;;AAGG;QACM,IAAA,CAAA,eAAe,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AAC7C;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,KAAK,4CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC9E;;;AAGG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACjC;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAc,MAAM,gDAAC;AAC1C;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACtC;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAoB,KAAK,0CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC5E;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,KAAK,4CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC9E;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,IAAI,4CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA,CAAA,CAAC;AACtG;;;AAGG;QACM,IAAA,CAAA,aAAa,GAAG,KAAK,CAAuB,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC3F;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AACtC;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,CAAC,CAAC,4CAAI,SAAS,EAAE,SAAS,EAAA,CAAA,GAAA,CAAtB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAC;AACxE;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA0B;AAClD;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,MAAM,EAAwC;AACrE;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,MAAM,EAAe;AAC5C;;;AAGG;QACM,IAAA,CAAA,SAAS,GAAG,MAAM,EAAe;AAC1C;;;AAGG;QACM,IAAA,CAAA,aAAa,GAAG,MAAM,EAAe;AAC9C;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,MAAM,EAAe;AAC7C,IAAA;iIA1GY,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4zEADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FACxD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,kBAAkB,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;AA6GvE;;;;AAIG;AACI,MAAM,eAAe,GAAG;AACxB,MAAM,uBAAuB,GAAG;AAEvC;;AAEG;MAEU,iBAAkB,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAA;AADjF,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AAClC;;;AAGG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACpC;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AAClC;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,CAAC,wCAAI,SAAS,EAAE,SAAS,EAAA,CAAA,GAAA,CAAtB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAC;AACnE;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AACzC;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,MAAM,gDAAC;AACxC;;;AAGG;QACM,IAAA,CAAA,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAC9B;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAmB,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,UAAU,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC/E,IAAA;iIAzCY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,qkCADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FACrD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,eAAe,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;;ACzH9D,MAAO,qBAAsB,SAAQ,oBAAoB,CAAA;AAC7D,IAAA,WAAW,CAAC,KAAU,EAAA;QACpB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;IACvC;iIAHW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,SAAA,EAFrB,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbpD,omCAgCA,EAAA,MAAA,EAAA,CAAA,gsCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpBY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAG5B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,iBAGV,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAC7B,CAAC,cAAc,uBAAuB,CAAC,EAAA,QAAA,EAAA,omCAAA,EAAA,MAAA,EAAA,CAAA,gsCAAA,CAAA,EAAA;;;AELpD,MAAM,WAAW,GAA8B;AAC7C,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,GAAG,EAAE,gBAAgB;AACrB,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,GAAG,EAAE,eAAe;AACpB,IAAA,GAAG,EAAE,cAAc;AACnB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,GAAG,EAAE,cAAc;AACnB,IAAA,GAAG,EAAE,cAAc;AACnB,IAAA,GAAG,EAAE,cAAc;AACnB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,GAAG,EAAE,gBAAgB;AACrB,IAAA,GAAG,EAAE,gBAAgB;AACrB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,GAAG,EAAE,gBAAgB;AACrB,IAAA,GAAG,EAAE,gBAAgB;AACrB,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,GAAG,EAAE,eAAe;AACpB,IAAA,GAAG,EAAE,kBAAkB;AACvB,IAAA,GAAG,EAAE,kBAAkB;AACvB,IAAA,GAAG,EAAE,kBAAkB;AACvB,IAAA,GAAG,EAAE,kBAAkB;AACvB,IAAA,GAAG,EAAE,WAAW;AAChB,IAAA,GAAG,EAAE,WAAW;AAChB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE;CACV;AAED,MAAM,iBAAiB,GAA8B;AACnD,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,UAAU,EAAE;CACb;AAUK,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AARzD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;YACzB,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE;AAC1B,gBAAA,OAAO,IAAI,CAAC,IAAI,EAAY;YAC9B;iBAAO;AACL,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC,sDAAC;AACF,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;YAChC,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI,CAAC,WAAW,EAAY;YACrC;iBAAO;AACL,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC,6DAAC;AACF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;AACpC,gBAAA,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;YACjD;iBAAO;AACL,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC,yDAAC;AACF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAY;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;YACnC,OAAO,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE;AAClE,QAAA,CAAC,sDAAC;AACF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE;AACxD,gBAAA,OAAO,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC;iBAAO;AACL,gBAAA,OAAO,WAAW,CAAC,SAAS,CAAC;YAC/B;AACF,QAAA,CAAC,uDAAC;AACF,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC3B,YAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AAC9C,QAAA,CAAC,wDAAC;AACF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO;AACzB,YAAA,CAAC,GAAG,eAAe,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE;AACnE,SAAA,CAAC,oDAAC;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACtB,YAAA,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;AAC5D,YAAA,OAAO,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,CAAC;AAClE,QAAA,CAAC,mDAAC;AACH,IAAA;iIA5CY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1D/B,kvCAkCA,EAAA,MAAA,EAAA,CAAA,srBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDsBY,gBAAgB,6FAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEzD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,iBAGR,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,kvCAAA,EAAA,MAAA,EAAA,CAAA,srBAAA,CAAA,EAAA;;;MEhD1D,kBAAkB,CAAA;iIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAFnB,qBAAqB,EAAE,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADzC,qBAAqB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;kIAGxC,kBAAkB,EAAA,OAAA,EAAA,CAFnB,qBAAqB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;;2FAExC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,CAAC;AACpD,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,kBAAkB;AACpD,iBAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/ng-nest-ui-bubble.mjs

@@ -8,6 +8,7 @@ import { XLoadingComponent } from '@ng-nest/ui/loading';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Subject, fromEvent, takeUntil, isObservable } from 'rxjs';
 import { toObservable } from '@angular/core/rxjs-interop';
+import { XIconComponent } from '@ng-nest/ui/icon';
 
 /**
  * Bubble
@@ -27,6 +28,16 @@ class XBubbleProperty extends XPropertyFunction(X_BUBBLE_CONFIG_NAME) {
          * @en_US Bubble content
          */
         this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+        /**
+         * @zh_CN 推理内容
+         * @en_US reasoning content
+         */
+        this.reasoningContent = input(...(ngDevMode ? [undefined, { debugName: "reasoningContent" }] : []));
+        /**
+         * @zh_CN 推理标题
+         * @en_US reasoning title
+         */
+        this.reasoningTitle = input(this.config?.reasoningTitle ?? '深度思考', ...(ngDevMode ? [{ debugName: "reasoningTitle" }] : []));
         /**
          * @zh_CN 头像
          * @en_US Avatar
@@ -99,12 +110,12 @@ class XBubbleProperty extends XPropertyFunction(X_BUBBLE_CONFIG_NAME) {
         this.typingEnd = output();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XBubbleProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XBubbleProperty, isStandalone: true, selector: "x-bubble-property", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, typing: { classPropertyName: "typing", publicName: "typing", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, showCursor: { classPropertyName: "showCursor", publicName: "showCursor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { typingStart: "typingStart", typingOuput: "typingOuput", typingEnd: "typingEnd" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XBubbleProperty, isStandalone: true, selector: "x-bubble-property", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, reasoningContent: { classPropertyName: "reasoningContent", publicName: "reasoningContent", isSignal: true, isRequired: false, transformFunction: null }, reasoningTitle: { classPropertyName: "reasoningTitle", publicName: "reasoningTitle", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, typing: { classPropertyName: "typing", publicName: "typing", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, showCursor: { classPropertyName: "showCursor", publicName: "showCursor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { typingStart: "typingStart", typingOuput: "typingOuput", typingEnd: "typingEnd" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XBubbleProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XBubblePrefix}-property`, template: '' }]
-        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], typing: [{ type: i0.Input, args: [{ isSignal: true, alias: "typing", required: false }] }], speed: [{ type: i0.Input, args: [{ isSignal: true, alias: "speed", required: false }] }], renderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderer", required: false }] }], showCursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCursor", required: false }] }], typingStart: [{ type: i0.Output, args: ["typingStart"] }], typingOuput: [{ type: i0.Output, args: ["typingOuput"] }], typingEnd: [{ type: i0.Output, args: ["typingEnd"] }] } });
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], reasoningContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasoningContent", required: false }] }], reasoningTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasoningTitle", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], typing: [{ type: i0.Input, args: [{ isSignal: true, alias: "typing", required: false }] }], speed: [{ type: i0.Input, args: [{ isSignal: true, alias: "speed", required: false }] }], renderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderer", required: false }] }], showCursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCursor", required: false }] }], typingStart: [{ type: i0.Output, args: ["typingStart"] }], typingOuput: [{ type: i0.Output, args: ["typingOuput"] }], typingEnd: [{ type: i0.Output, args: ["typingEnd"] }] } });
 /**
  * Bubbles
  * @selector x-bubbles
@@ -164,7 +175,9 @@ class XBubblesComponent extends XBubblesProperty {
         if (bubbles.length <= 0)
             return;
         const lastBubble = bubbles[bubbles.length - 1];
-        if (lastBubble && lastBubble.typing() && lastBubble.pendingContent().length > 0) {
+        if (lastBubble &&
+            lastBubble.typing() &&
+            (lastBubble.pendingContent().length > 0 || lastBubble.reasoningPendingContent().length > 0)) {
             if (!this.typingObserver) {
                 this.startTypingObserver(lastBubble);
             }
@@ -223,7 +236,7 @@ class XBubblesComponent extends XBubblesProperty {
         this.contentMutationObserver.observe(this.elementRef.nativeElement, { childList: true });
     }
     startTypingObserver(bubble) {
-        const bubbleContent = bubble.contentRef()?.nativeElement;
+        const bubbleContent = bubble.wrapperRef()?.nativeElement;
         if (bubbleContent) {
             this.typingObserver = new MutationObserver(() => {
                 if (this.isFollowing) {
@@ -270,18 +283,23 @@ class XBubbleComponent extends XBubbleProperty {
         this.renderer2 = inject(Renderer2);
         this.cdr = inject(ChangeDetectorRef);
         this.bubbles = inject(XBubblesComponent, { optional: true, host: true });
-        this.contentRef = viewChild('contentRef', ...(ngDevMode ? [{ debugName: "contentRef" }] : []));
+        this.wrapperRef = viewChild('wrapperRef', ...(ngDevMode ? [{ debugName: "wrapperRef" }] : []));
         this.classMap = computed(() => ({
             [`${XBubblePrefix}-${this.variantSignal()}`]: !XIsEmpty(this.variantSignal()),
             [`${XBubblePrefix}-${this.placement()}`]: !XIsEmpty(this.placement()),
             [`${XBubblePrefix}-cursor`]: this.showCursor() && this.typing(),
-            [`${XBubblePrefix}-typing`]: this.typing() && this.pendingContent().length > 0,
+            [`${XBubblePrefix}-typing`]: this.typing() && (this.pendingContent().length > 0 || this.reasoningPendingContent().length > 0),
             [`x-${this.sizeSignal()}`]: !XIsEmpty(this.sizeSignal())
         }), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
         this.typedContent = signal('', ...(ngDevMode ? [{ debugName: "typedContent" }] : []));
         this.typedContentObserver = toObservable(this.typedContent);
         this.pendingContent = signal('', ...(ngDevMode ? [{ debugName: "pendingContent" }] : []));
         this.pendingContentObserver = toObservable(this.pendingContent);
+        this.reasoningTypedContent = signal('', ...(ngDevMode ? [{ debugName: "reasoningTypedContent" }] : []));
+        this.reasoningTypedContentObserver = toObservable(this.reasoningTypedContent);
+        this.reasoningPendingContent = signal('', ...(ngDevMode ? [{ debugName: "reasoningPendingContent" }] : []));
+        this.reasoningRenderedContent = signal('', ...(ngDevMode ? [{ debugName: "reasoningRenderedContent" }] : []));
+        this.reasoningToggle = signal(true, ...(ngDevMode ? [{ debugName: "reasoningToggle" }] : []));
         this.typingInterval = null;
         this.renderedContent = signal('', ...(ngDevMode ? [{ debugName: "renderedContent" }] : []));
         this.sizeSignal = computed(() => {
@@ -296,11 +314,41 @@ class XBubbleComponent extends XBubbleProperty {
         this.isString = computed(() => {
             return XIsString(this.content());
         }, ...(ngDevMode ? [{ debugName: "isString" }] : []));
+        this.isReasoningTemplate = computed(() => {
+            return XIsTemplateRef(this.reasoningContent());
+        }, ...(ngDevMode ? [{ debugName: "isReasoningTemplate" }] : []));
+        this.isReasoningString = computed(() => {
+            return XIsString(this.reasoningContent()) && !XIsEmpty(this.reasoningContent());
+        }, ...(ngDevMode ? [{ debugName: "isReasoningString" }] : []));
         effect(() => {
             if (this.isString() && !this.typing()) {
                 this.stopTyping();
-                this.typedContent.set(this.typedContent() + this.pendingContent());
-                this.pendingContent.set('');
+                if (this.reasoningPendingContent().length === 0) {
+                    this.typedContent.set(this.typedContent() + this.pendingContent());
+                    this.pendingContent.set('');
+                }
+            }
+        });
+        this.reasoningTypedContentObserver.subscribe(() => {
+            const finalReasoningContent = this.typing()
+                ? this.reasoningTypedContent()
+                : this.reasoningContent() || '';
+            const setValue = (value) => {
+                this.reasoningRenderedContent.set(this.sanitizer.bypassSecurityTrustHtml(value));
+            };
+            if (this.renderer() && XIsString(finalReasoningContent)) {
+                const rendered = this.renderer()(finalReasoningContent);
+                if (isObservable(rendered)) {
+                    rendered.subscribe((value) => {
+                        setValue(value);
+                    });
+                }
+                else {
+                    setValue(rendered);
+                }
+            }
+            else {
+                setValue(finalReasoningContent);
             }
         });
         this.typedContentObserver.subscribe(() => {
@@ -308,7 +356,7 @@ class XBubbleComponent extends XBubbleProperty {
             const setValue = (value) => {
                 this.renderedContent.set(this.sanitizer.bypassSecurityTrustHtml(value));
             };
-            if (this.renderer()) {
+            if (this.renderer() && XIsString(finalContent)) {
                 const rendered = this.renderer()(finalContent);
                 if (isObservable(rendered)) {
                     rendered.subscribe((value) => {
@@ -325,23 +373,49 @@ class XBubbleComponent extends XBubbleProperty {
         });
     }
     ngOnChanges(changes) {
-        const { content } = changes;
+        const { content, reasoningContent } = changes;
+        if (reasoningContent && this.isReasoningString()) {
+            const newReasoningContent = reasoningContent.currentValue || '';
+            const currentTypedReasoningContent = this.reasoningTypedContent();
+            if (!this.typing()) {
+                this.reasoningTypedContent.set(newReasoningContent);
+                return;
+            }
+            if (newReasoningContent.startsWith(currentTypedReasoningContent)) {
+                this.reasoningPendingContent.set(newReasoningContent.substring(currentTypedReasoningContent.length));
+                if (this.reasoningPendingContent().length > 0 && !this.typingInterval) {
+                    this.startTyping();
+                }
+            }
+            else {
+                this.stopTyping();
+                this.reasoningTypedContent.set('');
+                this.reasoningPendingContent.set(newReasoningContent);
+                this.startTyping();
+            }
+        }
         if (content && this.isString()) {
-            const newFullContent = changes['content'].currentValue || '';
+            const newFullContent = content.currentValue || '';
             const currentTypedContent = this.typedContent();
             if (!this.typing()) {
-                this.typedContent.set(newFullContent);
+                if (this.reasoningPendingContent().length === 0) {
+                    this.typedContent.set(newFullContent);
+                }
                 return;
             }
             if (newFullContent.startsWith(currentTypedContent)) {
                 this.pendingContent.set(newFullContent.substring(currentTypedContent.length));
-                this.startTyping();
+                if (this.reasoningPendingContent().length === 0 && this.pendingContent().length > 0 && !this.typingInterval) {
+                    this.startTyping();
+                }
             }
             else {
                 this.stopTyping();
                 this.typedContent.set('');
                 this.pendingContent.set(newFullContent);
-                this.startTyping();
+                if (this.reasoningPendingContent().length === 0 && this.pendingContent().length > 0) {
+                    this.startTyping();
+                }
             }
         }
     }
@@ -349,12 +423,18 @@ class XBubbleComponent extends XBubbleProperty {
         if (this.typingInterval) {
             return;
         }
-        if (this.pendingContent().length === 0) {
+        if (this.reasoningPendingContent().length === 0 && this.pendingContent().length === 0) {
             return;
         }
         this.typingStart.emit();
         this.typingInterval = setInterval(() => {
-            if (this.pendingContent().length > 0) {
+            if (this.reasoningPendingContent().length > 0) {
+                const nextChar = this.reasoningPendingContent().charAt(0);
+                this.reasoningTypedContent.update((current) => current + nextChar);
+                this.reasoningPendingContent.update((current) => current.substring(1));
+                this.typingOuput.emit(nextChar);
+            }
+            else if (this.pendingContent().length > 0) {
                 const nextChar = this.pendingContent().charAt(0);
                 this.typedContent.update((current) => current + nextChar);
                 this.pendingContent.update((current) => current.substring(1));
@@ -372,16 +452,19 @@ class XBubbleComponent extends XBubbleProperty {
             this.typingInterval = null;
         }
     }
+    onReasoningToggle() {
+        this.reasoningToggle.update((x) => !x);
+    }
     ngOnDestroy() {
         this.stopTyping();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XBubbleComponent, isStandalone: true, selector: "x-bubble", viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-bubble\" [ngClass]=\"classMap()\">\r\n  @if (!!avatar()) {\r\n    <div class=\"x-bubble-avatar\" [class.x-bubble-avatar-hidden]=\"avatar()?.hidden\">\r\n      <x-avatar\r\n        [icon]=\"avatar()?.icon!\"\r\n        [label]=\"avatar()?.label!\"\r\n        [src]=\"avatar()?.src!\"\r\n        [size]=\"avatar()?.size ?? size()\"\r\n        [gap]=\"avatar()?.gap ?? '0.25rem'\"\r\n        [fit]=\"avatar()?.fit ?? 'cover'\"\r\n        [backgroundColor]=\"avatar()?.backgroundColor ?? '#999999'\"\r\n        [color]=\"avatar()?.color ?? '#FFFFFF'\"\r\n        [shape]=\"avatar()?.shape ?? 'circle'\"\r\n      ></x-avatar>\r\n    </div>\r\n  }\r\n  <div class=\"x-bubble-wrapper\">\r\n    @if (loading()) {\r\n      <div class=\"x-bubble-content\" [x-loading]=\"true\" [size]=\"'small'\" inline></div>\r\n    } @else {\r\n      @if (header()) {\r\n        <div class=\"x-bubble-header\">\r\n          <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n        </div>\r\n      }\r\n      @if (isString()) {\r\n        <div class=\"x-bubble-content\" #contentRef [innerHTML]=\"renderedContent()\"></div>\r\n      } @else if (isTemplate()) {\r\n        <div class=\"x-bubble-content\" #contentRef>\r\n          <ng-container *xOutlet=\"content()\"></ng-container>\r\n        </div>\r\n      }\r\n      @if (footer()) {\r\n        <div class=\"x-bubble-footer\">\r\n          <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-bubble{margin:0;padding:0}.x-bubble{display:flex}.x-bubble-wrapper{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.x-bubble-content{position:relative;box-sizing:border-box;min-width:0;max-width:100%;color:var(--x-text);font-size:var(--x-font-size);border-radius:var(--x-border-radius);word-break:break-word}.x-bubble-outlined .x-bubble-content{border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-filled .x-bubble-content{background-color:var(--x-background-a200)}.x-bubble-shadow .x-bubble-content{box-shadow:var(--x-box-shadow)}.x-bubble-end{flex-direction:row-reverse}.x-bubble-end .x-bubble-wrapper{align-items:flex-end}.x-bubble-header{margin-bottom:.25rem}.x-bubble-footer{margin-top:.5rem}.x-bubble-cursor.x-bubble-typing .x-bubble-content:after{content:\"\";display:inline-block;width:.0625rem;height:1.1em;margin-left:.0625rem;background-color:currentColor;vertical-align:middle;animation:x-bubble-blink 1s infinite}.x-bubble-cursor:not(.x-bubble-typing) .x-bubble-content:after{display:none}.x-bubble-avatar-hidden{visibility:hidden}@keyframes x-bubble-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.x-bubble.x-big{column-gap:var(--x-padding-big)}.x-bubble.x-big .x-bubble-content{padding:calc(var(--x-padding-big) - .25rem) var(--x-padding-big);line-height:calc(var(--x-height-big) - 1rem);min-height:calc(var(--x-padding-big) * 2 + var(--x-height-big) - 1.5rem)}.x-bubble.x-large{column-gap:var(--x-padding-large)}.x-bubble.x-large .x-bubble-content{padding:calc(var(--x-padding-large) - .25rem) var(--x-padding-large);line-height:calc(var(--x-height-large) - 1rem);min-height:calc(var(--x-padding-large) * 2 + var(--x-height-large) - 1.5rem)}.x-bubble.x-medium{column-gap:var(--x-padding-medium)}.x-bubble.x-medium .x-bubble-content{padding:calc(var(--x-padding-medium) - .25rem) var(--x-padding-medium);line-height:calc(var(--x-height-medium) - 1rem);min-height:calc(var(--x-padding-medium) * 2 + var(--x-height-medium) - 1.5rem)}.x-bubble.x-small{column-gap:var(--x-padding-small)}.x-bubble.x-small .x-bubble-content{padding:calc(var(--x-padding-small) - .25rem) var(--x-padding-small);line-height:calc(var(--x-height-small) - 1rem);min-height:calc(var(--x-padding-small) * 2 + var(--x-height-small) - 1.5rem)}.x-bubble.x-mini{column-gap:var(--x-padding-mini)}.x-bubble.x-mini .x-bubble-content{padding:calc(var(--x-padding-mini) - .25rem) var(--x-padding-mini);line-height:calc(var(--x-height-mini) - 1rem);min-height:calc(var(--x-padding-mini) * 2 + var(--x-height-mini) - 1.5rem)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XAvatarComponent, selector: "x-avatar" }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XBubbleComponent, isStandalone: true, selector: "x-bubble", viewQueries: [{ propertyName: "wrapperRef", first: true, predicate: ["wrapperRef"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-bubble\" [ngClass]=\"classMap()\">\r\n  @if (!!avatar()) {\r\n    <div class=\"x-bubble-avatar\" [class.x-bubble-avatar-hidden]=\"avatar()?.hidden\">\r\n      <x-avatar\r\n        [icon]=\"avatar()?.icon!\"\r\n        [label]=\"avatar()?.label!\"\r\n        [src]=\"avatar()?.src!\"\r\n        [size]=\"avatar()?.size ?? size()\"\r\n        [gap]=\"avatar()?.gap ?? '0.25rem'\"\r\n        [fit]=\"avatar()?.fit ?? 'cover'\"\r\n        [backgroundColor]=\"avatar()?.backgroundColor ?? '#999999'\"\r\n        [color]=\"avatar()?.color ?? '#FFFFFF'\"\r\n        [shape]=\"avatar()?.shape ?? 'circle'\"\r\n      ></x-avatar>\r\n    </div>\r\n  }\r\n  <div #wrapperRef class=\"x-bubble-wrapper\">\r\n    @if (loading()) {\r\n      <div class=\"x-bubble-content\" [x-loading]=\"true\" [size]=\"'small'\" inline></div>\r\n    } @else {\r\n      @if (header()) {\r\n        <div class=\"x-bubble-header\">\r\n          <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n        </div>\r\n      }\r\n\r\n      @if (isReasoningString()) {\r\n        <div class=\"x-bubble-reasoning\">\r\n          <ng-container *xOutlet=\"reasoningHeaderTpl\"></ng-container>\r\n          @if (reasoningToggle()) {\r\n            <div class=\"x-bubble-reasoning-content\" #reasoningContentRef [innerHTML]=\"reasoningRenderedContent()\"></div>\r\n          }\r\n        </div>\r\n      } @else if (isReasoningTemplate()) {\r\n        <div class=\"x-bubble-reasoning\">\r\n          <ng-container *xOutlet=\"reasoningHeaderTpl\"></ng-container>\r\n          @if (reasoningToggle()) {\r\n            <div class=\"x-bubble-reasoning-content\" #reasoningContentRef>\r\n              <ng-container *xOutlet=\"reasoningContent()\"></ng-container>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      <ng-template #reasoningHeaderTpl>\r\n        <div class=\"x-bubble-reasoning-header\" (click)=\"onReasoningToggle()\">\r\n          <x-icon\r\n            class=\"x-bubble-reasoning-toggle\"\r\n            [type]=\"reasoningToggle() ? 'fto-chevron-down' : 'fto-chevron-right'\"\r\n          ></x-icon>\r\n          <span>{{ reasoningTitle() }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      @if (isString()) {\r\n        <div class=\"x-bubble-content\" #contentRef [innerHTML]=\"renderedContent()\"></div>\r\n      } @else if (isTemplate()) {\r\n        <div class=\"x-bubble-content\" #contentRef>\r\n          <ng-container *xOutlet=\"content()\"></ng-container>\r\n        </div>\r\n      }\r\n\r\n      @if (footer()) {\r\n        <div class=\"x-bubble-footer\">\r\n          <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-bubble{margin:0;padding:0}.x-bubble{display:flex}.x-bubble-wrapper{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.x-bubble-reasoning{background-color:var(--x-background-a100);color:var(--x-text-400);position:relative;box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);word-break:break-word;margin-bottom:1rem}.x-bubble-reasoning-header{padding:.5rem 1rem .5rem .45rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.x-bubble-reasoning-toggle{font-size:var(--x-font-size-large)}.x-bubble-reasoning-content{position:relative;padding:0rem 1rem 0rem 2rem;margin-bottom:1rem}.x-bubble-reasoning-content:before{position:absolute;top:0;left:1rem;content:\" \";height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-content{position:relative;box-sizing:border-box;min-width:0;max-width:100%;color:var(--x-text);font-size:var(--x-font-size);border-radius:var(--x-border-radius);word-break:break-word}.x-bubble-outlined .x-bubble-content{border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-filled .x-bubble-content{background-color:var(--x-background-a200)}.x-bubble-shadow .x-bubble-content{box-shadow:var(--x-box-shadow)}.x-bubble-end{flex-direction:row-reverse}.x-bubble-end .x-bubble-wrapper{align-items:flex-end}.x-bubble-header{margin-bottom:.25rem}.x-bubble-footer{margin-top:.5rem}.x-bubble-cursor.x-bubble-typing .x-bubble-content:after{content:\"\";display:inline-block;width:.0625rem;height:1.1em;margin-left:.0625rem;background-color:currentColor;vertical-align:middle;animation:x-bubble-blink 1s infinite}.x-bubble-cursor:not(.x-bubble-typing) .x-bubble-content:after{display:none}.x-bubble-avatar-hidden{visibility:hidden}@keyframes x-bubble-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.x-bubble.x-big{column-gap:var(--x-padding-big)}.x-bubble.x-big .x-bubble-content{padding:calc(var(--x-padding-big) - .25rem) var(--x-padding-big);line-height:calc(var(--x-height-big) - 1rem);min-height:calc(var(--x-padding-big) * 2 + var(--x-height-big) - 1.5rem)}.x-bubble.x-large{column-gap:var(--x-padding-large)}.x-bubble.x-large .x-bubble-content{padding:calc(var(--x-padding-large) - .25rem) var(--x-padding-large);line-height:calc(var(--x-height-large) - 1rem);min-height:calc(var(--x-padding-large) * 2 + var(--x-height-large) - 1.5rem)}.x-bubble.x-medium{column-gap:var(--x-padding-medium)}.x-bubble.x-medium .x-bubble-content{padding:calc(var(--x-padding-medium) - .25rem) var(--x-padding-medium);line-height:calc(var(--x-height-medium) - 1rem);min-height:calc(var(--x-padding-medium) * 2 + var(--x-height-medium) - 1.5rem)}.x-bubble.x-small{column-gap:var(--x-padding-small)}.x-bubble.x-small .x-bubble-content{padding:calc(var(--x-padding-small) - .25rem) var(--x-padding-small);line-height:calc(var(--x-height-small) - 1rem);min-height:calc(var(--x-padding-small) * 2 + var(--x-height-small) - 1.5rem)}.x-bubble.x-mini{column-gap:var(--x-padding-mini)}.x-bubble.x-mini .x-bubble-content{padding:calc(var(--x-padding-mini) - .25rem) var(--x-padding-mini);line-height:calc(var(--x-height-mini) - 1rem);min-height:calc(var(--x-padding-mini) * 2 + var(--x-height-mini) - 1.5rem)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XAvatarComponent, selector: "x-avatar" }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XBubbleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'x-bubble', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, XOutletDirective, XAvatarComponent, XLoadingComponent], template: "<div class=\"x-bubble\" [ngClass]=\"classMap()\">\r\n  @if (!!avatar()) {\r\n    <div class=\"x-bubble-avatar\" [class.x-bubble-avatar-hidden]=\"avatar()?.hidden\">\r\n      <x-avatar\r\n        [icon]=\"avatar()?.icon!\"\r\n        [label]=\"avatar()?.label!\"\r\n        [src]=\"avatar()?.src!\"\r\n        [size]=\"avatar()?.size ?? size()\"\r\n        [gap]=\"avatar()?.gap ?? '0.25rem'\"\r\n        [fit]=\"avatar()?.fit ?? 'cover'\"\r\n        [backgroundColor]=\"avatar()?.backgroundColor ?? '#999999'\"\r\n        [color]=\"avatar()?.color ?? '#FFFFFF'\"\r\n        [shape]=\"avatar()?.shape ?? 'circle'\"\r\n      ></x-avatar>\r\n    </div>\r\n  }\r\n  <div class=\"x-bubble-wrapper\">\r\n    @if (loading()) {\r\n      <div class=\"x-bubble-content\" [x-loading]=\"true\" [size]=\"'small'\" inline></div>\r\n    } @else {\r\n      @if (header()) {\r\n        <div class=\"x-bubble-header\">\r\n          <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n        </div>\r\n      }\r\n      @if (isString()) {\r\n        <div class=\"x-bubble-content\" #contentRef [innerHTML]=\"renderedContent()\"></div>\r\n      } @else if (isTemplate()) {\r\n        <div class=\"x-bubble-content\" #contentRef>\r\n          <ng-container *xOutlet=\"content()\"></ng-container>\r\n        </div>\r\n      }\r\n      @if (footer()) {\r\n        <div class=\"x-bubble-footer\">\r\n          <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-bubble{margin:0;padding:0}.x-bubble{display:flex}.x-bubble-wrapper{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.x-bubble-content{position:relative;box-sizing:border-box;min-width:0;max-width:100%;color:var(--x-text);font-size:var(--x-font-size);border-radius:var(--x-border-radius);word-break:break-word}.x-bubble-outlined .x-bubble-content{border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-filled .x-bubble-content{background-color:var(--x-background-a200)}.x-bubble-shadow .x-bubble-content{box-shadow:var(--x-box-shadow)}.x-bubble-end{flex-direction:row-reverse}.x-bubble-end .x-bubble-wrapper{align-items:flex-end}.x-bubble-header{margin-bottom:.25rem}.x-bubble-footer{margin-top:.5rem}.x-bubble-cursor.x-bubble-typing .x-bubble-content:after{content:\"\";display:inline-block;width:.0625rem;height:1.1em;margin-left:.0625rem;background-color:currentColor;vertical-align:middle;animation:x-bubble-blink 1s infinite}.x-bubble-cursor:not(.x-bubble-typing) .x-bubble-content:after{display:none}.x-bubble-avatar-hidden{visibility:hidden}@keyframes x-bubble-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.x-bubble.x-big{column-gap:var(--x-padding-big)}.x-bubble.x-big .x-bubble-content{padding:calc(var(--x-padding-big) - .25rem) var(--x-padding-big);line-height:calc(var(--x-height-big) - 1rem);min-height:calc(var(--x-padding-big) * 2 + var(--x-height-big) - 1.5rem)}.x-bubble.x-large{column-gap:var(--x-padding-large)}.x-bubble.x-large .x-bubble-content{padding:calc(var(--x-padding-large) - .25rem) var(--x-padding-large);line-height:calc(var(--x-height-large) - 1rem);min-height:calc(var(--x-padding-large) * 2 + var(--x-height-large) - 1.5rem)}.x-bubble.x-medium{column-gap:var(--x-padding-medium)}.x-bubble.x-medium .x-bubble-content{padding:calc(var(--x-padding-medium) - .25rem) var(--x-padding-medium);line-height:calc(var(--x-height-medium) - 1rem);min-height:calc(var(--x-padding-medium) * 2 + var(--x-height-medium) - 1.5rem)}.x-bubble.x-small{column-gap:var(--x-padding-small)}.x-bubble.x-small .x-bubble-content{padding:calc(var(--x-padding-small) - .25rem) var(--x-padding-small);line-height:calc(var(--x-height-small) - 1rem);min-height:calc(var(--x-padding-small) * 2 + var(--x-height-small) - 1.5rem)}.x-bubble.x-mini{column-gap:var(--x-padding-mini)}.x-bubble.x-mini .x-bubble-content{padding:calc(var(--x-padding-mini) - .25rem) var(--x-padding-mini);line-height:calc(var(--x-height-mini) - 1rem);min-height:calc(var(--x-padding-mini) * 2 + var(--x-height-mini) - 1.5rem)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { contentRef: [{ type: i0.ViewChild, args: ['contentRef', { isSignal: true }] }] } });
+            args: [{ selector: 'x-bubble', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, XOutletDirective, XAvatarComponent, XIconComponent, XLoadingComponent], template: "<div class=\"x-bubble\" [ngClass]=\"classMap()\">\r\n  @if (!!avatar()) {\r\n    <div class=\"x-bubble-avatar\" [class.x-bubble-avatar-hidden]=\"avatar()?.hidden\">\r\n      <x-avatar\r\n        [icon]=\"avatar()?.icon!\"\r\n        [label]=\"avatar()?.label!\"\r\n        [src]=\"avatar()?.src!\"\r\n        [size]=\"avatar()?.size ?? size()\"\r\n        [gap]=\"avatar()?.gap ?? '0.25rem'\"\r\n        [fit]=\"avatar()?.fit ?? 'cover'\"\r\n        [backgroundColor]=\"avatar()?.backgroundColor ?? '#999999'\"\r\n        [color]=\"avatar()?.color ?? '#FFFFFF'\"\r\n        [shape]=\"avatar()?.shape ?? 'circle'\"\r\n      ></x-avatar>\r\n    </div>\r\n  }\r\n  <div #wrapperRef class=\"x-bubble-wrapper\">\r\n    @if (loading()) {\r\n      <div class=\"x-bubble-content\" [x-loading]=\"true\" [size]=\"'small'\" inline></div>\r\n    } @else {\r\n      @if (header()) {\r\n        <div class=\"x-bubble-header\">\r\n          <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n        </div>\r\n      }\r\n\r\n      @if (isReasoningString()) {\r\n        <div class=\"x-bubble-reasoning\">\r\n          <ng-container *xOutlet=\"reasoningHeaderTpl\"></ng-container>\r\n          @if (reasoningToggle()) {\r\n            <div class=\"x-bubble-reasoning-content\" #reasoningContentRef [innerHTML]=\"reasoningRenderedContent()\"></div>\r\n          }\r\n        </div>\r\n      } @else if (isReasoningTemplate()) {\r\n        <div class=\"x-bubble-reasoning\">\r\n          <ng-container *xOutlet=\"reasoningHeaderTpl\"></ng-container>\r\n          @if (reasoningToggle()) {\r\n            <div class=\"x-bubble-reasoning-content\" #reasoningContentRef>\r\n              <ng-container *xOutlet=\"reasoningContent()\"></ng-container>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      <ng-template #reasoningHeaderTpl>\r\n        <div class=\"x-bubble-reasoning-header\" (click)=\"onReasoningToggle()\">\r\n          <x-icon\r\n            class=\"x-bubble-reasoning-toggle\"\r\n            [type]=\"reasoningToggle() ? 'fto-chevron-down' : 'fto-chevron-right'\"\r\n          ></x-icon>\r\n          <span>{{ reasoningTitle() }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      @if (isString()) {\r\n        <div class=\"x-bubble-content\" #contentRef [innerHTML]=\"renderedContent()\"></div>\r\n      } @else if (isTemplate()) {\r\n        <div class=\"x-bubble-content\" #contentRef>\r\n          <ng-container *xOutlet=\"content()\"></ng-container>\r\n        </div>\r\n      }\r\n\r\n      @if (footer()) {\r\n        <div class=\"x-bubble-footer\">\r\n          <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-bubble{margin:0;padding:0}.x-bubble{display:flex}.x-bubble-wrapper{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.x-bubble-reasoning{background-color:var(--x-background-a100);color:var(--x-text-400);position:relative;box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);word-break:break-word;margin-bottom:1rem}.x-bubble-reasoning-header{padding:.5rem 1rem .5rem .45rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.x-bubble-reasoning-toggle{font-size:var(--x-font-size-large)}.x-bubble-reasoning-content{position:relative;padding:0rem 1rem 0rem 2rem;margin-bottom:1rem}.x-bubble-reasoning-content:before{position:absolute;top:0;left:1rem;content:\" \";height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-content{position:relative;box-sizing:border-box;min-width:0;max-width:100%;color:var(--x-text);font-size:var(--x-font-size);border-radius:var(--x-border-radius);word-break:break-word}.x-bubble-outlined .x-bubble-content{border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-bubble-filled .x-bubble-content{background-color:var(--x-background-a200)}.x-bubble-shadow .x-bubble-content{box-shadow:var(--x-box-shadow)}.x-bubble-end{flex-direction:row-reverse}.x-bubble-end .x-bubble-wrapper{align-items:flex-end}.x-bubble-header{margin-bottom:.25rem}.x-bubble-footer{margin-top:.5rem}.x-bubble-cursor.x-bubble-typing .x-bubble-content:after{content:\"\";display:inline-block;width:.0625rem;height:1.1em;margin-left:.0625rem;background-color:currentColor;vertical-align:middle;animation:x-bubble-blink 1s infinite}.x-bubble-cursor:not(.x-bubble-typing) .x-bubble-content:after{display:none}.x-bubble-avatar-hidden{visibility:hidden}@keyframes x-bubble-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.x-bubble.x-big{column-gap:var(--x-padding-big)}.x-bubble.x-big .x-bubble-content{padding:calc(var(--x-padding-big) - .25rem) var(--x-padding-big);line-height:calc(var(--x-height-big) - 1rem);min-height:calc(var(--x-padding-big) * 2 + var(--x-height-big) - 1.5rem)}.x-bubble.x-large{column-gap:var(--x-padding-large)}.x-bubble.x-large .x-bubble-content{padding:calc(var(--x-padding-large) - .25rem) var(--x-padding-large);line-height:calc(var(--x-height-large) - 1rem);min-height:calc(var(--x-padding-large) * 2 + var(--x-height-large) - 1.5rem)}.x-bubble.x-medium{column-gap:var(--x-padding-medium)}.x-bubble.x-medium .x-bubble-content{padding:calc(var(--x-padding-medium) - .25rem) var(--x-padding-medium);line-height:calc(var(--x-height-medium) - 1rem);min-height:calc(var(--x-padding-medium) * 2 + var(--x-height-medium) - 1.5rem)}.x-bubble.x-small{column-gap:var(--x-padding-small)}.x-bubble.x-small .x-bubble-content{padding:calc(var(--x-padding-small) - .25rem) var(--x-padding-small);line-height:calc(var(--x-height-small) - 1rem);min-height:calc(var(--x-padding-small) * 2 + var(--x-height-small) - 1.5rem)}.x-bubble.x-mini{column-gap:var(--x-padding-mini)}.x-bubble.x-mini .x-bubble-content{padding:calc(var(--x-padding-mini) - .25rem) var(--x-padding-mini);line-height:calc(var(--x-height-mini) - 1rem);min-height:calc(var(--x-padding-mini) * 2 + var(--x-height-mini) - 1.5rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { wrapperRef: [{ type: i0.ViewChild, args: ['wrapperRef', { isSignal: true }] }] } });
 
 class XBubbleModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }