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

Ant Design X for Vue — community continuation aligned with @ant-design/x

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