@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 14.6 kB
JavaScript
var $e=Object.create;var X=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Fe=Object.getPrototypeOf,Xe=Object.prototype.hasOwnProperty;var Ve=(e,t)=>{for(var o in t)X(e,o,{get:t[o],enumerable:!0})},le=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Ue(t))!Xe.call(e,s)&&s!==o&&X(e,s,{get:()=>t[s],enumerable:!(r=De(t,s))||r.enumerable});return e};var Ge=(e,t,o)=>(o=e!=null?$e(Fe(e)):{},le(t||!e||!e.__esModule?X(o,"default",{value:e,enumerable:!0}):o,e)),Je=e=>le(X({},"__esModule",{value:!0}),e);var yt={};Ve(yt,{PromptBoxLineModeMulti:()=>kt});module.exports=Je(yt);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(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"}),pe=(e,t)=>{let{valid:o,invalid:r,hover:s,focus:u,checked:d,active:p,selected:y,disabled:f,indeterminate:x,loading:b,empty:g,readonly:P,highlighted:K,...E}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":s,"k-focus":u,"k-checked":d,"k-active":p,"k-selected":y,"k-disabled":f,"k-indeterminate":x&&!d,"k-loading":b,"k-empty":g,"k-readonly":P,"k-highlighted":K},Object.keys(E).reduce((c,I)=>(I.startsWith("k-")?c[I]=E[I]:c[`k-${I}`]=E[I],c),{}))};function ue(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},_={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},B={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"},N={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"};var de=require("react/jsx-runtime"),Q="k-input-inner",qe=[],We={},V={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=V.value,type:o=V.type,placeholder:r=V.placeholder,autocomplete:s=V.autocomplete,disabled:u,readOnly:d,...p}=e;return(0,de.jsx)("input",{...p,type:o,className:l(e.className,Q,T(Q,e)),placeholder:r,autoComplete:s,defaultValue:t,disabled:u||void 0,readOnly:d||void 0})};R.states=qe;R.options=We;R.className=Q;var me=require("react/jsx-runtime"),Y="k-input-inner",Qe=[],Ye={},ce={value:"",placeholder:""},z=e=>{let{value:t=ce.value,placeholder:o=ce.placeholder,rows:r,disabled:s,...u}=e;return(0,me.jsx)("textarea",{...u,className:l(e.className,Y,T(Y,e)),placeholder:o,rows:r,defaultValue:t,disabled:s||void 0})};z.states=Qe;z.options=Ye;z.className=Y;var Z="prompt-box",fe=Z;var H=require("react/jsx-runtime"),j="k-font-icon",Ze=[],je={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},et={},$=e=>{let{size:t,themeColor:o,icon:r,rotate:s,flip:u,...d}=e;return r?(0,H.jsx)("span",{...d,className:l(e.className,j,T(j,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):(0,H.jsx)(H.Fragment,{})};$.states=Ze;$.options=je;$.className=j;$.defaultOptions=et;var xe=$;var A=require("react/jsx-runtime"),ee="k-svg-icon",tt=[],ot={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[B.outline,B.solid,B.duotone]},te={viewBox:"0 0 24 24",variant:B.outline},D=e=>{var b,g;let{size:t,themeColor:o,rotate:r,flip:s,viewBox:u=te.viewBox,variant:d=te.variant,icon:p,...y}=e;if(!p)return(0,A.jsx)(A.Fragment,{});if(p==="none")return(0,A.jsx)("span",{...y,className:l(e.className,ee,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?d&&((b=p.variants)==null?void 0:b[d])||((g=p.variants)==null?void 0:g.outline)||p.content:void 0;return(0,A.jsx)("span",{...y,className:l(e.className,ee,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,A.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:u,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};D.states=tt;D.options=ot;D.className=ee;D.defaultOptions=te;var oe=D;var ne=Ge(require("@progress/kendo-svg-icons"));var be="icon",he="icons";var Te=require("react");var ge=require("react"),ve=(0,ge.createContext)({iconsType:"svg"});var M=require("react/jsx-runtime"),G="k-icon",nt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),at=[],rt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[B.outline,B.solid,B.duotone]},J={viewBox:"0 0 24 24",type:"svg",variant:B.outline},O=e=>{let{iconsType:t}=(0,Te.useContext)(ve),{size:o,themeColor:r,icon:s,type:u=t||J.type,rotate:d,flip:p,viewBox:y=J.viewBox,variant:f=J.variant,...x}=e;if(!s)return(0,M.jsx)(M.Fragment,{});if((t||u)==="svg"){if(s==="none")return(0,M.jsx)(oe,{...x,className:l(e.className,G),icon:s,size:o,variant:f});let g=ne[s]?s:nt(`${s}-icon`);return ne[g]?(0,M.jsx)(oe,{...x,className:l(e.className,G),icon:ne[g],size:o,themeColor:r,rotate:d,flip:p,viewBox:y,variant:f}):(0,M.jsx)(M.Fragment,{})}return(0,M.jsx)(xe,{...x,className:l(e.className,G),icon:s,size:o,themeColor:r,rotate:d,flip:p})};O.states=at;O.options=rt;O.defaultOptions=J;O.className=G;O.moduleName=be;O.folderName=he;O.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 ae="button",Ne=ae;var h=require("react/jsx-runtime"),U="k-button",st=["icon-button"],it=[N.hover,N.focus,N.active,N.selected,N.disabled,N.generating],lt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[_.undefined,_.none,_.small,_.medium,_.large,_.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},re={showArrow:!1,arrowIconName:"chevron-down"},i=e=>{let{as:t="button",size:o,rounded:r,fillMode:s,themeColor:u,showArrow:d=re.showArrow,arrowIconName:p=re.arrowIconName,variant:y,hover:f,focus:x,active:b,selected:g,disabled:P,togglable:K,ariaDisabled:E,icon:c,iconSize:I,text:F,iconClassName:we,className:Ke,...Re}=e,ze=c!=null,He=e.children!==void 0;return(0,h.jsxs)(t,{className:l(Ke,U,ue(U,y),T(U,{size:o,rounded:r,fillMode:s,themeColor:u}),pe(U,{hover:f,focus:x,active:b,disabled:P||E,selected:g}),{"k-icon-button":!F&&!He&&ze}),"aria-pressed":K?g?"true":"false":void 0,...Re,"aria-disabled":E?"true":void 0,disabled:P||void 0,children:[typeof c=="string"&&c&&(0,h.jsx)(O,{className:l(we,"k-button-icon"),icon:c,size:I}),c&&typeof c!="string"&&(0,h.jsx)(h.Fragment,{children:c}),F?(0,h.jsxs)(h.Fragment,{children:[F&&(0,h.jsx)("span",{className:"k-button-text",children:F}),e.children]}):e.children&&(0,h.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,h.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,h.jsx)(O,{icon:p})})]})};i.states=it;i.options=lt;i.variants=st;i.className=U;i.defaultOptions=re;i.moduleName=ae;i.folderName=Ne;i.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 ke=require("react/jsx-runtime"),q=e=>(0,ke.jsx)(i,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Be=require("react/jsx-runtime"),ye=e=>(0,Be.jsx)(i,{icon:"folder",children:"Button",...e});var Se=require("react/jsx-runtime"),Oe=e=>(0,Se.jsx)(i,{children:"Button",...e});var W=require("react/jsx-runtime"),pt=i.options,ut=i.states,dt={...i.defaultOptions,variant:"text"},ct=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mt=[],L=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,W.jsx)(q,{...o,icon:"star"});case"icon-and-text":return(0,W.jsx)(ye,{...o,icon:"star",children:"Button"});default:return(0,W.jsx)(Oe,{...o,children:"Button"})}};L.options=pt;L.states=ut;L.variants=ct;L.defaultOptions=dt;L.modifiers=mt;L.className=i.className;var se="speech-to-text-button",Me=se;var Ie=require("react/jsx-runtime"),Ee="k-speech-to-text-button",Ce={icon:"microphone"},m=e=>{let{listening:t=!1,icon:o=Ce.icon,...r}=e;return(0,Ie.jsx)(i,{...r,icon:t?"stop":o,className:l(e.className,Ee,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};m.states=i.states;m.options=i.options;m.className=Ee;m.defaultOptions=Ce;m.moduleName=se;m.folderName=Me;m.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 ft=require("react/jsx-runtime");var xt=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),bt=i.states,_e={...i.defaultOptions,variant:"normal"},ht={...i.options,fillMode:i.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},gt=[],vt=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],w=e=>{let{variant:t,...o}={..._e,...e},r={};return t==="listening"&&(r.listening=!0),(0,Ae.jsx)(m,{...o,...r})};w.options=ht;w.states=bt;w.variants=vt;w.defaultOptions=_e;w.modifiers=gt;w.className=m.className;var k=require("react/jsx-runtime"),S="k-prompt-box",Tt=[N.hover,N.focus,N.disabled],Nt={fillMode:[v.undefined,v.solid,v.flat,v.outline]},ie={lineMode:"auto",isExpanded:!1},C=e=>{let{fillMode:t,lineMode:o=ie.lineMode,startAffix:r,endAffix:s,header:u,isExpanded:d=ie.isExpanded,className:p,children:y,value:f,placeholder:x,generating:b,hover:g,focus:P,disabled:K,...E}=e,c=o==="multi"||o==="auto"&&d;return(0,k.jsxs)("div",{...E,className:l(p,"k-input",S,{[`${S}-singleline`]:o==="single",[`${S}-multiline`]:c,[`k-input-${t}`]:t,"k-hover":g,"k-focus":P,"k-disabled":K}),children:[u&&(0,k.jsx)("div",{className:`${S}-header`,children:u}),(0,k.jsxs)("div",{className:`${S}-content`,children:[r&&(0,k.jsx)("div",{className:`${S}-affix`,children:r}),o==="single"?(0,k.jsx)(R,{value:f,placeholder:x,className:`${S}-input`,type:"text","aria-label":"Prompt input"}):(0,k.jsx)(z,{value:f,placeholder:x,className:`${S}-textarea`,rows:o==="multi"||d?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,k.jsxs)("div",{className:`${S}-affix`,children:[s,(0,k.jsx)(m,{size:"small",fillMode:"flat",rounded:"full"}),(0,k.jsx)(q,{icon:b?"stop":"arrow-up",size:"small",rounded:"full",active:b,disabled:!f&&!b,className:l({"k-generating":b}),"aria-label":b?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),y]})};C.states=Tt;C.options=Nt;C.className=S;C.defaultOptions=ie;C.moduleName=Z;C.folderName=fe;C.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."}]};var Pe=C;var Le=require("react/jsx-runtime"),kt=e=>(0,Le.jsx)(Pe,{...e,lineMode:"multi"});