@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 34.7 kB
JavaScript
var $o=Object.create;var we=Object.defineProperty;var qo=Object.getOwnPropertyDescriptor;var Go=Object.getOwnPropertyNames;var Wo=Object.getPrototypeOf,Xo=Object.prototype.hasOwnProperty;var Jo=(e,t)=>{for(var o in t)we(e,o,{get:t[o],enumerable:!0})},It=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Go(t))!Xo.call(e,r)&&r!==o&&we(e,r,{get:()=>t[r],enumerable:!(a=qo(t,r))||a.enumerable});return e};var Yo=(e,t,o)=>(o=e!=null?$o(Wo(e)):{},It(t||!e||!e.__esModule?we(o,"default",{value:e,enumerable:!0}):o,e)),Qo=e=>It(we({},"__esModule",{value:!0}),e);var Xa={};Jo(Xa,{InlineAIPromptDemo:()=>Y,default:()=>Wa});module.exports=Qo(Xa);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 g=(e,t)=>n({[`${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"}),O=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:i,checked:m,active:c,selected:N,disabled:v,indeterminate:C,loading:S,empty:y,readonly:te,highlighted:he,...G}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":i,"k-checked":m,"k-active":c,"k-selected":N,"k-disabled":v,"k-indeterminate":C&&!m,"k-loading":S,"k-empty":y,"k-readonly":te,"k-highlighted":he},Object.keys(G).reduce((E,w)=>(w.startsWith("k-")?E[w]=G[w]:E[`k-${w}`]=G[w],E),{}))};function Pt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},z={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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"},Bt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var nt="prompt",_t=nt;var Ne=require("react/jsx-runtime"),Rt="k-prompt",Zo=[],jo={},en={},P=e=>{let{...t}=e;return(0,Ne.jsx)("div",{...t,className:n(e.className,Rt),children:(0,Ne.jsx)(Ne.Fragment,{children:e.children})})};P.states=Zo;P.options=jo;P.className=Rt;P.defaultOptions=en;P.moduleName=nt;P.folderName=_t;P.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};var Ce=require("react/jsx-runtime"),tn="k-prompt-content",Kt=e=>{let{...t}=e;return(0,Ce.jsx)("div",{...t,className:n(e.className,tn),children:(0,Ce.jsx)(Ce.Fragment,{children:e.children})})};var Dt=require("react/jsx-runtime"),on="k-prompt-view",Ht=e=>{let{...t}=e;return(0,Dt.jsx)("div",{...t,className:n(e.className,on),children:e.children})};var Te=require("react/jsx-runtime"),at="k-font-icon",nn=[],an={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},rn={},ve=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:i,...m}=e;return a?(0,Te.jsx)("span",{...m,className:n(e.className,at,g(at,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,Te.jsx)(Te.Fragment,{})};ve.states=nn;ve.options=an;ve.className=at;ve.defaultOptions=rn;var wt=ve;var Q=require("react/jsx-runtime"),rt="k-svg-icon",sn=[],ln={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info],variant:[z.outline,z.solid,z.duotone]},st={viewBox:"0 0 24 24",variant:z.outline},Me=e=>{var S,y;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:i=st.viewBox,variant:m=st.variant,icon:c,...N}=e;if(!c)return(0,Q.jsx)(Q.Fragment,{});if(c==="none")return(0,Q.jsx)("span",{...N,className:n(e.className,rt,g("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof c=="object"&&c.name&&c.name,C=typeof c=="object"?m&&((S=c.variants)==null?void 0:S[m])||((y=c.variants)==null?void 0:y.outline)||c.content:void 0;return(0,Q.jsx)("span",{...N,className:n(e.className,rt,g("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,Q.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:C!==void 0?{__html:C}:void 0,children:c?void 0:e.children})})};Me.states=sn;Me.options=ln;Me.className=rt;Me.defaultOptions=st;var it=Me;var lt=Yo(require("@progress/kendo-svg-icons"));var zt="icon",Ut="icons";var $t=require("react");var Ft=require("react"),Vt=(0,Ft.createContext)({iconsType:"svg"});var $=require("react/jsx-runtime"),ze="k-icon",dn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),cn=[],pn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info],variant:[z.outline,z.solid,z.duotone]},Ue={viewBox:"0 0 24 24",type:"svg",variant:z.outline},x=e=>{let{iconsType:t}=(0,$t.useContext)(Vt),{size:o,themeColor:a,icon:r,type:i=t||Ue.type,rotate:m,flip:c,viewBox:N=Ue.viewBox,variant:v=Ue.variant,...C}=e;if(!r)return(0,$.jsx)($.Fragment,{});if((t||i)==="svg"){if(r==="none")return(0,$.jsx)(it,{...C,className:n(e.className,ze),icon:r,size:o,variant:v});let y=lt[r]?r:dn(`${r}-icon`);return lt[y]?(0,$.jsx)(it,{...C,className:n(e.className,ze),icon:lt[y],size:o,themeColor:a,rotate:m,flip:c,viewBox:N,variant:v}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(wt,{...C,className:n(e.className,ze),icon:r,size:o,themeColor:a,rotate:m,flip:c})};x.states=cn;x.options=pn;x.defaultOptions=Ue;x.className=ze;x.moduleName=zt;x.folderName=Ut;x.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 dt="button",qt=dt;var B=require("react/jsx-runtime"),ge="k-button",mn=["icon-button"],un=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],fn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},ct={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:i,showArrow:m=ct.showArrow,arrowIconName:c=ct.arrowIconName,variant:N,hover:v,focus:C,active:S,selected:y,disabled:te,togglable:he,ariaDisabled:G,icon:E,iconSize:w,text:oe,iconClassName:De,className:je,...et}=e,tt=E!=null,ot=e.children!==void 0;return(0,B.jsxs)(t,{className:n(je,ge,Pt(ge,N),g(ge,{size:o,rounded:a,fillMode:r,themeColor:i}),O(ge,{hover:v,focus:C,active:S,disabled:te||G,selected:y}),{"k-icon-button":!oe&&!ot&&tt}),"aria-pressed":he?y?"true":"false":void 0,...et,"aria-disabled":G?"true":void 0,disabled:te||void 0,children:[typeof E=="string"&&E&&(0,B.jsx)(x,{className:n(De,"k-button-icon"),icon:E,size:w}),E&&typeof E!="string"&&(0,B.jsx)(B.Fragment,{children:E}),oe?(0,B.jsxs)(B.Fragment,{children:[oe&&(0,B.jsx)("span",{className:"k-button-text",children:oe}),e.children]}):e.children&&(0,B.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,B.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,B.jsx)(x,{icon:c})})]})};d.states=un;d.options=fn;d.variants=mn;d.className=ge;d.defaultOptions=ct;d.moduleName=dt;d.folderName=qt;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."}]};var Gt=require("react/jsx-runtime"),Ae=e=>(0,Gt.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Wt=require("react/jsx-runtime"),Z=e=>(0,Wt.jsx)(d,{icon:"folder",children:"Button",...e});var Xt=require("react/jsx-runtime"),Fe=e=>(0,Xt.jsx)(d,{children:"Button",...e});var Ve=require("react/jsx-runtime"),xn=d.options,bn=d.states,hn={...d.defaultOptions,variant:"text"},Nn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cn=[],ne=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ve.jsx)(Ae,{...o,icon:"star"});case"icon-and-text":return(0,Ve.jsx)(Z,{...o,icon:"star",children:"Button"});default:return(0,Ve.jsx)(Fe,{...o,children:"Button"})}};ne.options=xn;ne.states=bn;ne.variants=Nn;ne.defaultOptions=hn;ne.modifiers=Cn;ne.className=d.className;var Qt=require("react/jsx-runtime"),Jt="k-prompt-send",Yt={generating:!1},ae=e=>{let{generating:t=Yt.generating,...o}=e;return(0,Qt.jsx)(d,{...o,className:n(e.className,Jt,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};ae.states=d.states;ae.options=d.options;ae.className=Jt;ae.defaultOptions=Yt;var pt="action-buttons",Zt=pt;var jt=require("react/jsx-runtime"),$e="k-actions",Tn=[],vn={},mt={alignment:"start",orientation:"horizontal"},A=e=>{let{alignment:t=mt.alignment,orientation:o=mt.orientation,...a}=e;return(0,jt.jsx)("div",{...a,className:n($e,{[`${$e}-${t}`]:t,[`${$e}-${o}`]:o},e.className),children:e.children})};A.states=Tn;A.options=vn;A.className=$e;A.defaultOptions=mt;A.moduleName=pt;A.folderName=Zt;var to=require("react/jsx-runtime"),Mn="k-card-callout",eo=e=>{let{callout:t,...o}=e;return(0,to.jsx)("span",{...o,className:n(e.className,Mn,{[`k-callout-${Bt.calloutMap[t]||t}`]:t})})};var _="card",K=_;var j=require("react/jsx-runtime"),ut="k-card",gn=[s.hover,s.focus,s.selected,s.disabled],An={},kn={},T=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:i,disabled:m,...c}=e;return(0,j.jsxs)("div",{...c,className:n(e.className,ut,O(ut,{hover:a,focus:r,disabled:m,selected:i}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,j.jsx)(eo,{callout:o}),(0,j.jsx)(j.Fragment,{children:e.children})]})};T.states=gn;T.options=An;T.className=ut;T.defaultOptions=kn;T.moduleName=_;T.folderName=K;T.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var ke=require("react/jsx-runtime"),ft="k-card-list",Sn=[],yn={},En={},W=e=>{let{...t}=e;return(0,ke.jsx)("div",{...t,className:n(e.className,ft,O(ft,{})),role:"list",children:(0,ke.jsx)(ke.Fragment,{children:e.children})})};W.states=Sn;W.options=yn;W.className=ft;W.defaultOptions=En;W.moduleName=_;W.folderName=K;W.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var no=require("react/jsx-runtime"),oo="k-card-group",On=[],Ln={},In={},re=e=>{let{...t}=e;return(0,no.jsx)("div",{...t,className:n(e.className,oo),children:e.children})};re.states=On;re.options=Ln;re.className=oo;re.defaultOptions=In;re.moduleName=_;re.folderName=K;var ao=require("react/jsx-runtime"),xt="k-card-wrap",Pn=[s.focus,s.selected],Bn={},_n={},se=e=>{let{focus:t,selected:o,...a}=e;return(0,ao.jsx)("div",{...a,className:n(e.className,xt,O(xt,{focus:t,selected:o})),children:e.children})};se.states=Pn;se.options=Bn;se.className=xt;se.defaultOptions=_n;se.moduleName=_;se.folderName=K;var ro=require("react/jsx-runtime"),bt="k-card-title",Rn=[s.hover,s.focus],ee=e=>{let{hover:t,focus:o,...a}=e;return(0,ro.jsx)("div",{...a,className:n(e.className,bt,O(bt,{hover:t,focus:o})),children:e.children})};ee.states=Rn;ee.className=bt;var so=require("react/jsx-runtime"),Kn="k-card-subtitle",qe=e=>{let{...t}=e;return(0,so.jsx)("div",{...t,className:n(e.className,Kn),children:e.children})};var X=require("react/jsx-runtime"),io="k-card-media",ht=e=>{let{src:t,...o}=e;return(0,X.jsx)(X.Fragment,{children:t?(0,X.jsx)("img",{...o,className:n(e.className,io),src:t}):(0,X.jsx)("span",{...o,className:n(e.className,io),children:(0,X.jsx)(X.Fragment,{children:e.children})})})};var U=require("react/jsx-runtime"),Hn="k-card-header",Se=e=>{let{title:t,subtitle:o,details:a,...r}=e;return(0,U.jsxs)("div",{...r,className:n(e.className,Hn),children:[t&&(0,U.jsx)(ee,{children:t}),o&&(0,U.jsx)(qe,{children:o}),(0,U.jsx)(U.Fragment,{children:e.children}),a&&(0,U.jsx)("span",{className:"k-card-header-actions",children:(0,U.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var lo=require("react/jsx-runtime"),Dn="k-card-footer",Nt=e=>{let{...t}=e;return(0,lo.jsx)("div",{...t,className:n(e.className,Dn),children:e.children})};var F=require("react/jsx-runtime"),wn="k-card-body",V=e=>{let{title:t,subtitle:o,details:a,...r}=e;return(0,F.jsxs)("div",{...r,className:n(e.className,wn),children:[t&&(0,F.jsx)(ee,{children:t}),o&&(0,F.jsx)(qe,{children:o}),(0,F.jsx)(F.Fragment,{children:e.children}),a&&(0,F.jsx)("span",{className:"k-card-header-actions",children:(0,F.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var po=require("react/jsx-runtime"),co="k-card-deck",zn=[],Un={},Fn={},ie=e=>{let{...t}=e;return(0,po.jsx)("div",{...t,className:n(e.className,co),children:e.children})};ie.states=zn;ie.options=Un;ie.className=co;ie.defaultOptions=Fn;ie.moduleName=_;ie.folderName=K;var uo=require("react/jsx-runtime"),mo="k-card-deck-scrollwrap",Vn=[],$n={},qn={},le=e=>{let{...t}=e;return(0,uo.jsx)("div",{...t,className:n(e.className,mo),children:e.children})};le.states=Vn;le.options=$n;le.className=mo;le.defaultOptions=qn;le.moduleName=_;le.folderName=K;var H=require("react/jsx-runtime"),fo=e=>(0,H.jsx)(T,{orientation:"vertical",children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(Se,{children:"Card Header"}),(0,H.jsx)(V,{children:(0,H.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,H.jsxs)(A,{className:"k-card-actions",children:[(0,H.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,H.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var D=require("react/jsx-runtime"),xo=e=>(0,D.jsx)(T,{orientation:"horizontal",children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(V,{title:"Card Title",children:(0,D.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,D.jsxs)(A,{orientation:"vertical",className:"k-card-actions",children:[(0,D.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,D.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var bo=require("react/jsx-runtime");var b=require("react/jsx-runtime"),Gn=T.options,Wn=T.states,ho={...T.defaultOptions,variant:"vertical"},Xn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Jn=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],de=e=>{let{variant:t,modifiers:o,...a}={...ho,...e},r=!1,i=!1,m=!1;return Object.keys(o||{}).forEach(c=>{switch(c){case"media":{r=!!(o!=null&&o[c]);break}case"header":{i=!!(o!=null&&o[c]);break}case"footer":{m=!!(o!=null&&o[c]);break}}}),t==="horizontal"?(0,b.jsxs)(xo,{style:{maxWidth:"420px"},...a,children:[r&&(0,b.jsx)(ht,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,b.jsxs)("div",{children:[i&&(0,b.jsx)(Se,{title:"Header Title",subtitle:"Header Subtitle"}),(0,b.jsx)(V,{title:"Title",subtitle:"Subtitle",children:(0,b.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),m&&(0,b.jsx)(Nt,{children:"Card Footer"})]}),(i||m)&&(0,b.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,b.jsxs)(A,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,b.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,b.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,b.jsxs)(fo,{style:{maxHeight:"450px",width:"300px"},...a,children:[i&&(0,b.jsx)(Se,{title:"Header Title",subtitle:"Header Subtitle"}),r&&(0,b.jsx)(ht,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,b.jsx)(V,{title:"Title",subtitle:"Subtitle",children:(0,b.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),m&&(0,b.jsx)(Nt,{children:"Card Footer"}),(0,b.jsxs)(A,{className:"k-card-actions",children:[(0,b.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,b.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};de.options=Gn;de.states=Wn;de.variants=Xn;de.defaultOptions=ho;de.modifiers=Jn;de.className=T.className;var Ct="speech-to-text-button",No=Ct;var vo=require("react/jsx-runtime"),Co="k-speech-to-text-button",To={icon:"microphone"},L=e=>{let{listening:t=!1,icon:o=To.icon,...a}=e;return(0,vo.jsx)(d,{...a,icon:t?"stop":o,className:n(e.className,Co,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};L.states=d.states;L.options=d.options;L.className=Co;L.defaultOptions=To;L.moduleName=Ct;L.folderName=No;L.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."}]};var Yn=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var go=require("react/jsx-runtime"),Zn=d.states,Mo={...d.defaultOptions,variant:"normal"},jn={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},ea=[],ta=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ce=e=>{let{variant:t,...o}={...Mo,...e},a={};return t==="listening"&&(a.listening=!0),(0,go.jsx)(L,{...o,...a})};ce.options=jn;ce.states=Zn;ce.variants=ta;ce.defaultOptions=Mo;ce.modifiers=ea;ce.className=L.className;var Tt="textarea",Ao=Tt;var ye="input",Ge=ye;var ko=require("react/jsx-runtime"),We="k-input",oa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],na={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},aa={},I=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:i,loading:m,readonly:c,size:N,rounded:v,fillMode:C,...S}=e;return(0,ko.jsx)("span",{...S,className:n(e.className,We,g(We,{size:N,rounded:v,fillMode:C}),O(We,{hover:t,focus:o,disabled:a,invalid:r,valid:i,loading:m,readonly:c}))})};I.states=oa;I.options=na;I.className=We;I.defaultOptions=aa;I.moduleName=ye;I.folderName=Ge;var So=require("react/jsx-runtime"),Xe="k-picker",ra=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sa={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ia={},pe=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:i,loading:m,readonly:c,size:N,rounded:v,fillMode:C,...S}=e;return(0,So.jsx)("span",{...S,className:n(e.className,Xe,g(Xe,{size:N,rounded:v,fillMode:C}),O(Xe,{hover:t,focus:o,disabled:a,invalid:r,valid:i,loading:m,readonly:c})),children:e.children})};pe.states=ra;pe.options=sa;pe.className=Xe;pe.defaultOptions=ia;pe.moduleName=ye;pe.folderName=Ge;var me=require("react/jsx-runtime"),yo="k-clear-value",la=[s.disabled,s.loading,s.readonly],da={},Ee=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,me.jsx)(me.Fragment,{}):(0,me.jsx)("span",{className:n(e.className,yo),children:(0,me.jsx)(x,{icon:"x"})})};Ee.states=la;Ee.options=da;Ee.className=yo;var Eo=require("react/jsx-runtime"),vt="k-input-inner",ca=[],pa={},Je={type:"text",autocomplete:"off",value:"",placeholder:""},Oe=e=>{let{value:t=Je.value,type:o=Je.type,placeholder:a=Je.placeholder,autocomplete:r=Je.autocomplete,disabled:i,readOnly:m,...c}=e;return(0,Eo.jsx)("input",{...c,type:o,className:n(e.className,vt,g(vt,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};Oe.states=ca;Oe.options=pa;Oe.className=vt;var Le=require("react/jsx-runtime"),Mt="k-input-inner",ma=[],ua={},gt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:i,...m}=e;return(0,Le.jsxs)("span",{...m,className:n(e.className,Mt,g(Mt,e)),children:[r,!r&&i&&(0,Le.jsx)(x,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Le.jsx)("span",{className:"k-input-value-text",children:t})]})};gt.states=ma;gt.options=ua;gt.className=Mt;var Lo=require("react/jsx-runtime"),At="k-input-inner",fa=[],xa={},Oo={value:"",placeholder:""},Ie=e=>{let{value:t=Oo.value,placeholder:o=Oo.placeholder,rows:a,disabled:r,...i}=e;return(0,Lo.jsx)("textarea",{...i,className:n(e.className,At,g(At,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Ie.states=fa;Ie.options=xa;Ie.className=At;var Pe=require("react/jsx-runtime"),Io="k-input-loading-icon",ba=[s.disabled,s.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Pe.jsx)(Pe.Fragment,{}):(0,Pe.jsx)("span",{className:n(e.className,Io,"k-icon k-i-loading")})};Ye.states=ba;Ye.className=Io;var Be=require("react/jsx-runtime"),Po="k-input-validation-icon",ha=[s.valid,s.invalid,s.disabled,s.loading],Na={},_e=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,i=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,Be.jsx)(Be.Fragment,{}):(0,Be.jsx)(x,{className:n(Po),icon:i})};_e.states=ha;_e.options=Na;_e.className=Po;var Re=require("react/jsx-runtime"),Ca="k-input-prefix",Ta={direction:"horizontal"},Qe=e=>{let{direction:t=Ta.direction,...o}=e;return e.children?(0,Re.jsx)("span",{...o,className:n(Ca,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Re.jsx)(Re.Fragment,{})};var Ke=require("react/jsx-runtime"),va="k-input-suffix",Ma={direction:"horizontal"},Ze=e=>{let{direction:t=Ma.direction,...o}=e;return e.children?(0,Ke.jsx)("span",{...o,className:n(va,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ke.jsx)(Ke.Fragment,{})};var ga=require("react/jsx-runtime");var Aa=require("react/jsx-runtime");var _o=require("react/jsx-runtime"),Bo="k-input-separator",ka={direction:"vertical"},ue=e=>{let{direction:t=ka.direction,...o}=e;return(0,_o.jsx)("span",{...o,className:n(Bo,e.className,{[`${Bo}-${t}`]:t})})};var M=require("react/jsx-runtime"),Sa=I.states,ya=I.defaultOptions,Ea=I.options,Oa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],La=[],fe=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:i,readonly:m,...c}=e,N=t==null?void 0:t.prefix,v=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],S=t==null?void 0:t["validation-icon"],y=t==null?void 0:t.separators;return(0,M.jsxs)(I,{...c,valid:o,invalid:a,loading:r,disabled:i,readonly:m,style:{width:300},children:[N&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Qe,{children:(0,M.jsx)(x,{icon:"lock"})}),y&&(0,M.jsx)(ue,{})]}),(0,M.jsx)(Oe,{placeholder:"Placeholder",value:"Value"}),S&&(0,M.jsx)(_e,{valid:o,invalid:a,loading:r,disabled:i}),(0,M.jsx)(Ye,{loading:r,disabled:i}),C&&(0,M.jsx)(Ee,{loading:r,disabled:i,readonly:m,value:"Value"}),v&&(0,M.jsxs)(M.Fragment,{children:[y&&(0,M.jsx)(ue,{}),(0,M.jsx)(Ze,{children:(0,M.jsx)(Fe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};fe.options=Ea;fe.states=Sa;fe.variants=La;fe.defaultOptions=ya;fe.modifiers=Oa;fe.className=I.className;var R=require("react/jsx-runtime"),Ro="k-textarea",Ia=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Pa={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},xe={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},k=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=xe.prefixSeparator,suffixSeparator:i=xe.prefixSeparator,affixesOrientation:m=xe.affixesOrientation,flow:c=xe.flow,resize:N=xe.resize,prefix:v,suffix:C,rows:S,value:y,placeholder:te,hover:he,focus:G,valid:E,invalid:w,required:oe,disabled:De,id:je,"aria-label":et,"aria-describedby":tt,...ot}=e;return(0,R.jsxs)(I,{...ot,size:t,rounded:o,fillMode:a,hover:he,focus:G,valid:E,invalid:w,required:oe,disabled:De,className:n(e.className,Ro,{"!k-flex-col":c==="vertical","!k-flex-row":c==="horizontal"}),children:[v&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Qe,{className:n({"!k-align-items-start":c===m}),direction:m,children:v}),r&&(0,R.jsx)(ue,{direction:c==="horizontal"?"vertical":"horizontal"})]}),(0,R.jsx)(Ie,{className:n("!k-overflow-auto",{"!k-flex-none":c==="vertical","k-resize-x":N==="x","k-resize-y":N==="y","k-resize":N==="both","k-resize-none":N==="none"}),value:y,placeholder:te,rows:S,disabled:De,id:je,"aria-label":et,"aria-describedby":tt,"aria-invalid":w?"true":void 0}),C&&(0,R.jsxs)(R.Fragment,{children:[i&&(0,R.jsx)(ue,{direction:c==="horizontal"?"vertical":"horizontal"}),(0,R.jsx)(Ze,{className:n({"!k-align-items-start":c===m}),direction:m,children:C})]})]})};k.states=Ia;k.options=Pa;k.className=Ro;k.defaultOptions=xe;k.moduleName=Tt;k.folderName=Ao;k.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};var Ba=require("react/jsx-runtime");var Ko=require("react/jsx-runtime");var Ho=require("react/jsx-runtime");var _a=require("react/jsx-runtime");var He=require("react/jsx-runtime"),Ra=k.options,Ka=k.states,Do={...k.defaultOptions,variant:"vertical"},Ha=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Da=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],be=e=>{let{variant:t,modifiers:o,...a}={...Do,...e},r={resize:"y"};return Object.keys(o||{}).forEach(i=>{switch(i){case"prefix":r.prefix=o!=null&&o[i]?(0,He.jsx)(x,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o!=null&&o[i]?(0,He.jsx)(x,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,He.jsx)(k,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):(0,He.jsx)(k,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};be.options=Ra;be.states=Ka;be.variants=Ha;be.defaultOptions=Do;be.modifiers=Da;be.className=k.className;var St="popup",wo=St;var Et=require("react/jsx-runtime"),zo="k-animation-container",wa=[],za={},yt={positionMode:"absolute",shown:!0},J=e=>{let{positionMode:t=yt.positionMode,shown:o=yt.shown,animationStyle:a,offset:r,...i}=e;return(0,Et.jsx)("div",{...i,style:{...r,...e.style},className:n(e.className,zo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Et.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};J.states=wa;J.options=za;J.className=zo;J.defaultOptions=yt;J.moduleName=St;J.folderName=wo;var Ot="popup",Uo=Ot;var Lt=require("react/jsx-runtime"),Fo="k-popup",Ua=[],Fa={},Vo={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Vo.positionMode,animationStyle:a,containerClassName:r,containerRole:i,containerAriaLabel:m,...c}=e;return(0,Lt.jsx)(J,{positionMode:o,offset:t,animationStyle:a,className:r,role:i,"aria-label":m,children:(0,Lt.jsx)("div",{...c,className:n(e.className,Fo),children:e.children})})};q.states=Ua;q.options=Fa;q.className=Fo;q.defaultOptions=Vo;q.moduleName=Ot;q.folderName=Uo;q.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var h=require("react/jsx-runtime"),Va=P.options,$a=P.states,qa={...P.defaultOptions},Ga=[{name:"commands",title:"Commands Menu",default:!0},{name:"stt",title:"SpeechToText",default:!0},{name:"response",title:"Response Card"},{name:"generating",title:"Generating"}],Y=e=>{let{modifiers:t,...o}={...e},a={commands:!0,stt:!0};Object.keys(t||{}).forEach(i=>{switch(i){case"commands":a.commands=t!=null&&t[i]?!0:void 0;break;case"stt":a.stt=t!=null&&t[i]?!0:void 0;break;case"response":a.response=t!=null&&t[i]?!0:void 0;break;case"generating":a.generating=t!=null&&t[i]?!0:void 0;break;default:return}});let r=(0,h.jsxs)(T,{children:[(0,h.jsx)(V,{style:{maxHeight:"150px",overflowY:"auto"},children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"}),(0,h.jsxs)(A,{className:"k-card-actions",alignment:"start",children:[(0,h.jsx)(Z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),(0,h.jsx)(Z,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),(0,h.jsx)(Z,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),(0,h.jsx)(Z,{fillMode:"flat",themeColor:"base",icon:"cancel",children:"Discard"})]})]});return(0,h.jsx)(q,{className:"k-prompt-popup",children:(0,h.jsx)(P,{style:{width:"450px",height:"auto"},...o,children:(0,h.jsx)(Kt,{children:(0,h.jsxs)(Ht,{children:[a.response?r:null,(0,h.jsx)(k,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:(0,h.jsxs)(h.Fragment,{children:[a.commands?(0,h.jsx)(Ae,{fillMode:"flat",icon:"menu"}):null,a.stt?(0,h.jsx)(L,{fillMode:"flat"}):null]}),suffix:(0,h.jsx)(ae,{generating:!!a.generating})})]})})})})};Y.options=Va;Y.states=$a;Y.variants=[];Y.defaultOptions=qa;Y.modifiers=Ga;Y.className=P.className;var Wa=Y;