ant-design-x-vue/lib/bubble/style/index.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../_util/cssinjs/StyleContext.js");require("vue");const u=require("../../_util/cssinjs/util.js"),l=require("../../_util/cssinjs/Keyframes.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const m=require("../../_util/cssinjs-utils/util/statistic.js"),d=require("../../theme/genStyleUtils.js"),o=require("./content.js"),g=require("./list.js"),f=new l.default("loadingMove",{"0%":{transform:"translateY(0)"},"10%":{transform:"translateY(4px)"},"20%":{transform:"translateY(0)"},"30%":{transform:"translateY(-4px)"},"40%":{transform:"translateY(0)"}}),p=new l.default("cursorBlink",{"0%":{opacity:1},"50%":{opacity:0},"100%":{opacity:1}}),h=t=>{const{componentCls:e,fontSize:i,lineHeight:a,paddingSM:n,colorText:c,calc:r}=t;return{[e]:{display:"flex",columnGap:n,[`&${e}-end`]:{justifyContent:"end",flexDirection:"row-reverse",[`& ${e}-content-wrapper`]:{alignItems:"flex-end"}},[`&${e}-rtl`]:{direction:"rtl"},[`&${e}-typing ${e}-content:last-child::after`]:{content:'"|"',fontWeight:900,userSelect:"none",opacity:1,marginInlineStart:"0.1em",animationName:p,animationDuration:"0.8s",animationIterationCount:"infinite",animationTimingFunction:"linear"},[`& ${e}-avatar`]:{display:"inline-flex",justifyContent:"center",alignSelf:"flex-start"},[`& ${e}-header, & ${e}-footer`]:{fontSize:i,lineHeight:a,color:t.colorText},[`& ${e}-header`]:{marginBottom:t.paddingXXS},[`& ${e}-footer`]:{marginTop:n},[`& ${e}-content-wrapper`]:{flex:"auto",display:"flex",flexDirection:"column",alignItems:"flex-start",minWidth:0,maxWidth:"100%"},[`& ${e}-content`]:{position:"relative",boxSizing:"border-box",minWidth:0,maxWidth:"100%",color:c,fontSize:t.fontSize,lineHeight:t.lineHeight,minHeight:r(n).mul(2).add(r(a).mul(i)).equal(),wordBreak:"break-word",[`& ${e}-dot`]:{position:"relative",height:"100%",display:"flex",alignItems:"center",columnGap:t.marginXS,padding:`0 ${u.unit(t.paddingXXS)}`,"&-item":{backgroundColor:t.colorPrimary,borderRadius:"100%",width:4,height:4,animationName:f,animationDuration:"2s",animationIterationCount:"infinite",animationTimingFunction:"linear","&:nth-child(1)":{animationDelay:"0s"},"&:nth-child(2)":{animationDelay:"0.2s"},"&:nth-child(3)":{animationDelay:"0.4s"}}}}}}},s=()=>({}),y=d.genStyleHooks("Bubble",t=>{const e=m.merge(t,{});return[h(e),g.default(e),o.genVariantStyle(e),o.genShapeStyle(e)]},s);exports.default=y;exports.prepareComponentToken=s;