@progress/kendo-themes-html/dist/esm/chat/chat.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>l({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),F=(e,t)=>{let{valid:o,invalid:a,hover:s,focus:p,checked:r,active:c,selected:x,disabled:f,indeterminate:b,loading:v,empty:h,readonly:M,highlighted:_,...C}=t;return l({"k-valid":o,"k-invalid":a,"k-hover":s,"k-focus":p,"k-checked":r,"k-active":c,"k-selected":x,"k-disabled":f,"k-indeterminate":b&&!r,"k-loading":v,"k-empty":h,"k-readonly":M,"k-highlighted":_},Object.keys(C).reduce((N,L)=>(L.startsWith("k-")?N[L]=C[L]:N[`k-${L}`]=C[L],N),{}))};function Te(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},A={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},E={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},u={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as nt,jsx as ke}from"react/jsx-runtime";var ae="k-font-icon",et=[],tt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},ot={},X=e=>{let{size:t,themeColor:o,icon:a,rotate:s,flip:p,...r}=e;return a?ke("span",{...r,className:l(e.className,ae,y(ae,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):ke(nt,{})};X.states=et;X.options=tt;X.className=ae;X.defaultOptions=ot;var Be=X;import{Fragment as it,jsx as Z}from"react/jsx-runtime";var se="k-svg-icon",at=[],st={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[E.outline,E.solid,E.duotone]},ie={viewBox:"0 0 24 24",variant:E.outline},J=e=>{let{size:t,themeColor:o,rotate:a,flip:s,viewBox:p=ie.viewBox,variant:r=ie.variant,icon:c,...x}=e;if(!c)return Z(it,{});if(c==="none")return Z("span",{...x,className:l(e.className,se,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?r&&c.variants?.[r]||c.variants?.outline||c.content:void 0;return Z("span",{...x,className:l(e.className,se,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:Z("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:p,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};J.states=at;J.options=st;J.className=se;J.defaultOptions=ie;var re=J;import*as le from"@progress/kendo-svg-icons";var ye="icon",Ae="icons";import{useContext as lt}from"react";import{createContext as rt}from"react";var Me=rt({iconsType:"svg"});import{Fragment as Ee,jsx as V}from"react/jsx-runtime";var j="k-icon",pt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ct=[],dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[E.outline,E.solid,E.duotone]},ee={viewBox:"0 0 24 24",type:"svg",variant:E.outline},k=e=>{let{iconsType:t}=lt(Me),{size:o,themeColor:a,icon:s,type:p=t||ee.type,rotate:r,flip:c,viewBox:x=ee.viewBox,variant:f=ee.variant,...b}=e;if(!s)return V(Ee,{});if((t||p)==="svg"){if(s==="none")return V(re,{...b,className:l(e.className,j),icon:s,size:o,variant:f});let h=le[s]?s:pt(`${s}-icon`);return le[h]?V(re,{...b,className:l(e.className,j),icon:le[h],size:o,themeColor:a,rotate:r,flip:c,viewBox:x,variant:f}):V(Ee,{})}return V(Be,{...b,className:l(e.className,j),icon:s,size:o,themeColor:a,rotate:r,flip:c})};k.states=ct;k.options=dt;k.defaultOptions=ee;k.className=j;k.moduleName=ye;k.folderName=Ae;k.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var pe="button",Se=pe;import{Fragment as Oe,jsx as R,jsxs as Ce}from"react/jsx-runtime";var G="k-button",ut=["icon-button"],mt=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],ft={size:[i.undefined,i.xsmall,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ce={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:s,themeColor:p,showArrow:r=ce.showArrow,arrowIconName:c=ce.arrowIconName,variant:x,hover:f,focus:b,active:v,selected:h,disabled:M,togglable:_,ariaDisabled:C,icon:N,iconSize:L,text:Y,iconClassName:We,className:Qe,...Ye}=e,Ze=N!=null,je=e.children!==void 0;return Ce(t,{className:l(Qe,G,Te(G,x),y(G,{size:o,rounded:a,fillMode:s,themeColor:p}),F(G,{hover:f,focus:b,active:v,disabled:M||C,selected:h}),{"k-icon-button":!Y&&!je&&Ze}),"aria-pressed":_?h?"true":"false":void 0,...Ye,"aria-disabled":C?"true":void 0,disabled:M||void 0,children:[typeof N=="string"&&N&&R(k,{className:l(We,"k-button-icon"),icon:N,size:L}),N&&typeof N!="string"&&R(Oe,{children:N}),Y?Ce(Oe,{children:[Y&&R("span",{className:"k-button-text",children:Y}),e.children]}):e.children&&R("span",{className:"k-button-text",children:e.children}),r&&R("span",{className:"k-menu-button-arrow k-button-arrow",children:R(k,{icon:c})})]})};d.states=mt;d.options=ft;d.variants=ut;d.className=G;d.defaultOptions=ce;d.moduleName=pe;d.folderName=Se;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as bt}from"react/jsx-runtime";var S=e=>bt(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as xt}from"react/jsx-runtime";var Ie=e=>xt(d,{icon:"folder",children:"Button",...e});import{jsx as gt}from"react/jsx-runtime";var Pe=e=>gt(d,{children:"Button",...e});import{jsx as de}from"react/jsx-runtime";var ht=d.options,vt=d.states,Nt={...d.defaultOptions,variant:"text"},Tt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kt=[],w=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return de(S,{...o,icon:"star"});case"icon-and-text":return de(Ie,{...o,icon:"star",children:"Button"});default:return de(Pe,{...o,children:"Button"})}};w.options=ht;w.states=vt;w.variants=Tt;w.defaultOptions=Nt;w.modifiers=kt;w.className=d.className;import{jsx as _e,jsxs as Et}from"react/jsx-runtime";var te="k-fab",At=[u.hover,u.focus,u.active,u.selected,u.disabled],Mt={size:[i.undefined,i.small,i.medium,i.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},Le={type:"button"},m=e=>{let{size:t,rounded:o,themeColor:a,text:s,icon:p,type:r=Le.type,position:c,hover:x,focus:f,active:b,selected:v,disabled:h,...M}=e;return Et("button",{...M,type:r,className:l(e.className,te,y(te,{size:t,rounded:o,themeColor:a}),F(te,{hover:x,focus:f,active:b,disabled:h,selected:v}),{[`!k-pos-absolute k-${c}`]:c}),...!s&&p&&!e["aria-label"]&&{"aria-label":"Action"},...h&&{"aria-disabled":"true"},disabled:h||void 0,children:[p&&_e(k,{className:"k-fab-icon",icon:p}),s&&_e("span",{className:"k-fab-text",children:s})]})};m.states=At;m.options=Mt;m.className=te;m.defaultOptions=Le;m.moduleName="fab";m.folderName="fab";m.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};import{jsx as Ot}from"react/jsx-runtime";var St="k-fab-items",Ke=e=>{let{position:t,...o}=e;return Ot("ul",{...o,className:l(e.className,St,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Re,jsxs as It}from"react/jsx-runtime";var Fe="k-fab-item",Ct=[u.hover,u.focus,u.active,u.disabled],ue=e=>{let{text:t,icon:o,align:a,hover:s,focus:p,active:r,disabled:c,...x}=e;return It("li",{...x,className:l(e.className,Fe,{[`k-text-${a}`]:a},F(Fe,{hover:s,focus:p,active:r,disabled:c})),children:[Re("span",{className:"k-fab-item-text",children:t}),Re(k,{className:"k-fab-item-icon",icon:o})]})};ue.states=Ct;import{jsx as Cn}from"react/jsx-runtime";import{jsx as Pt}from"react/jsx-runtime";var we=e=>Pt(m,{icon:"plus",...e});import{jsx as Rn}from"react/jsx-runtime";import{jsx as Dn}from"react/jsx-runtime";import{jsx as z,jsxs as wt}from"react/jsx-runtime";var _t=m.options,Lt=m.states,Kt={...m.defaultOptions,variant:"text"},Ft=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rt=[{name:"opened",title:"Opened"}],H=e=>{let{variant:t,modifiers:o,...a}=e,{opened:s}=o||{},p=s?z("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:z(Ke,{position:"bottom",children:z(ue,{text:"Item",icon:"pencil",align:"right"})})}):null,r;switch(t){case"icon-only":r=z(m,{...a,icon:"star"});break;case"icon-and-text":r=z(m,{...a,icon:"star",text:"Action"});break;default:r=z(m,{...a,text:"Action"});break}return wt("span",{style:{position:"relative"},children:[r,p]})};H.options=_t;H.states=Lt;H.variants=Ft;H.defaultOptions=Kt;H.modifiers=Rt;H.className=m.className;import{jsx as Dt}from"react/jsx-runtime";var me="k-input-inner",zt=[],Ht={},oe={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=oe.value,type:o=oe.type,placeholder:a=oe.placeholder,autocomplete:s=oe.autocomplete,disabled:p,readOnly:r,...c}=e;return Dt("input",{...c,type:o,className:l(e.className,me,y(me,e)),placeholder:a,autoComplete:s,defaultValue:t,disabled:p||void 0,readOnly:r||void 0})};q.states=zt;q.options=Ht;q.className=me;import{jsx as Xt}from"react/jsx-runtime";var fe="k-input-inner",$t=[],Ut={},ze={value:"",placeholder:""},W=e=>{let{value:t=ze.value,placeholder:o=ze.placeholder,rows:a,disabled:s,...p}=e;return Xt("textarea",{...p,className:l(e.className,fe,y(fe,e)),placeholder:o,rows:a,defaultValue:t,disabled:s||void 0})};W.states=$t;W.options=Ut;W.className=fe;var be="prompt-box",He=be;var xe="speech-to-text-button",De=xe;import{jsx as Jt}from"react/jsx-runtime";var $e="k-speech-to-text-button",Ue={icon:"microphone"},B=e=>{let{listening:t=!1,icon:o=Ue.icon,...a}=e;return Jt(d,{...a,icon:t?"stop":o,className:l(e.className,$e,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};B.states=d.states;B.options=d.options;B.className=$e;B.defaultOptions=Ue;B.moduleName=xe;B.folderName=De;B.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as ka}from"react/jsx-runtime";import{jsx as Ma}from"react/jsx-runtime";import{jsx as Qt}from"react/jsx-runtime";var Vt=d.states,Xe={...d.defaultOptions,variant:"normal"},Gt={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},qt=[],Wt=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],D=e=>{let{variant:t,...o}={...Xe,...e},a={};return t==="listening"&&(a.listening=!0),Qt(B,{...o,...a})};D.options=Gt;D.states=Vt;D.variants=Wt;D.defaultOptions=Xe;D.modifiers=qt;D.className=B.className;import{jsx as $,jsxs as ge}from"react/jsx-runtime";var O="k-prompt-box",Yt=[u.hover,u.focus,u.disabled],Zt={fillMode:[A.undefined,A.solid,A.flat,A.outline]},he={lineMode:"auto",isExpanded:!1},g=e=>{let{fillMode:t,lineMode:o=he.lineMode,startAffix:a,endAffix:s,header:p,isExpanded:r=he.isExpanded,className:c,children:x,value:f,placeholder:b,generating:v,hover:h,focus:M,disabled:_,...C}=e,N=o==="multi"||o==="auto"&&r;return ge("div",{...C,className:l(c,"k-input",O,{[`${O}-singleline`]:o==="single",[`${O}-multiline`]:N,[`k-input-${t}`]:t,"k-hover":h,"k-focus":M,"k-disabled":_}),children:[p&&$("div",{className:`${O}-header`,children:p}),ge("div",{className:`${O}-content`,children:[a&&$("div",{className:`${O}-affix`,children:a}),o==="single"?$(q,{value:f,placeholder:b,className:`${O}-input`,type:"text","aria-label":"Prompt input"}):$(W,{value:f,placeholder:b,className:`${O}-textarea`,rows:o==="multi"||r?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),ge("div",{className:`${O}-affix`,children:[s,$(B,{size:"small",fillMode:"flat",rounded:"full"}),$(S,{icon:v?"stop":"arrow-up",size:"small",rounded:"full",active:v,disabled:!f&&!v,className:l({"k-generating":v}),"aria-label":v?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),x]})};g.states=Yt;g.options=Zt;g.className=O;g.defaultOptions=he;g.moduleName=be;g.folderName=He;g.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};import{jsx as qa}from"react/jsx-runtime";import{jsx as Za}from"react/jsx-runtime";import{jsx as os}from"react/jsx-runtime";import{jsx as is}from"react/jsx-runtime";import{jsx as cs}from"react/jsx-runtime";import{Fragment as ve,jsx as I,jsxs as ao}from"react/jsx-runtime";var jt=g.options,eo=g.states,to={...g.defaultOptions,variant:"Single"},oo=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],no=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],U=e=>{let{variant:t,modifiers:o,...a}=e,s={},p=I(ve,{children:I(S,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(r=>{switch(r){case"header":s.header=o?.[r]?I(d,{children:"Button in header"}):void 0;break;case"endAffix":o?.[r]&&(s.endAffix=ao(ve,{children:[p,I(S,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":s.startAffix=o?.[r]?I(ve,{children:I(S,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?I(g,{style:{width:300},lineMode:"multi",endAffix:p,placeholder:"Enter your prompt...",...a,...s}):I(g,{style:{width:300},lineMode:"single",endAffix:p,placeholder:"Enter your prompt...",...a,...s})};U.options=jt;U.states=eo;U.variants=oo;U.defaultOptions=to;U.modifiers=no;U.className=g.className;var Ne="chat",Je=Ne;import{Fragment as qe,jsx as K,jsxs as Q}from"react/jsx-runtime";var Ve="k-chat",so=[],io={},ro=Q(qe,{children:[K(S,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),K("div",{className:"k-spacer"})]}),Ge={tools:ro},P=e=>{let{header:t,dir:o,suggestedActions:a,files:s,pinned:p,replied:r,generating:c,tools:x=Ge.tools,value:f,empty:b,scrollToBottom:v,scrollbar:h,promptBoxProps:M,..._}=e;return Q("div",{..._,className:l(Ve,e.className),dir:o,children:[t,Q("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[p,K("div",{className:l("k-message-list-content",b&&"k-message-list-content-empty"),children:e.children}),v&&K("div",{className:"k-chat-scroll-to-bottom-container",children:K(we,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),h&&K("div",{className:"k-separator"}),Q("div",{className:"k-message-box-wrapper",children:[a,K(g,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:s||r?Q(qe,{children:[r,s]}):void 0,endAffix:x,...M})]})]})};P.states=so;P.options=io;P.className=Ve;P.defaultOptions=Ge;P.moduleName=Ne;P.folderName=Je;P.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var _s=P;export{P as Chat,_s as default};