UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 8.81 kB
var lt=Object.create;var H=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var ut=(o,t)=>{for(var n in t)H(o,n,{get:t[n],enumerable:!0})},X=(o,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of mt(t))!pt.call(o,a)&&a!==n&&H(o,a,{get:()=>t[a],enumerable:!(i=ct(t,a))||i.enumerable});return o};var ft=(o,t,n)=>(n=o!=null?lt(dt(o)):{},X(t||!o||!o.__esModule?H(n,"default",{value:o,enumerable:!0}):n,o)),gt=o=>X(H({},"__esModule",{value:!0}),o);var Ht={};ut(Ht,{PromptStopFloatingActionButton:()=>F,default:()=>Rt});module.exports=gt(Ht);var l=(...o)=>o.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((n,i)=>t[i]||t[n]&&n||null).filter(n=>n!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(o,t)=>l({[`${o}-xs`]:t.size==="xsmall",[`${o}-sm`]:t.size==="small",[`${o}-md`]:t.size==="medium",[`${o}-lg`]:t.size==="large",[`${o}-xl`]:t.size==="xlarge",[`${o}-xxl`]:t.size==="xxlarge",[`${o}-xxxl`]:t.size==="xxxlarge"},{[`${o}-${t.fillMode}`]:t.fillMode},{[`${o}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${o}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),O=(o,t)=>{let{valid:n,invalid:i,hover:a,focus:c,checked:r,active:g,selected:d,disabled:A,indeterminate:T,loading:I,empty:K,readonly:M,highlighted:B,...L}=t;return l({"k-valid":n,"k-invalid":i,"k-hover":a,"k-focus":c,"k-checked":r,"k-active":g,"k-selected":d,"k-disabled":A,"k-indeterminate":T&&!r,"k-loading":I,"k-empty":K,"k-readonly":M,"k-highlighted":B},Object.keys(L).reduce((E,k)=>(k.startsWith("k-")?E[k]=L[k]:E[`k-${k}`]=L[k],E),{}))};function Y(o,t){if(!t)return{};let n=Array.isArray(t)?t:[t];return Object.fromEntries(n.map(i=>[`k-${i}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},p={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},e={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},m={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 z=require("react/jsx-runtime"),V="k-font-icon",xt=[],ht={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},bt={},_=o=>{let{size:t,themeColor:n,icon:i,rotate:a,flip:c,...r}=o;return i?(0,z.jsx)("span",{...r,className:l(o.className,V,y(V,{size:t}),{[`k-i-${i}`]:i,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,z.jsx)(z.Fragment,{})};_.states=xt;_.options=ht;_.className=V;_.defaultOptions=bt;var Z=_;var v=require("react/jsx-runtime"),G="k-svg-icon",Nt=[],At={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},j={viewBox:"0 0 24 24"},w=o=>{let{size:t,themeColor:n,rotate:i,flip:a,viewBox:c=j.viewBox,icon:r,...g}=o;if(!r)return(0,v.jsx)(v.Fragment,{});r==="none"&&{...g,className:l(o.className,G,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return(0,v.jsx)("span",{...g,className:l(o.className,G,y("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:(0,v.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:c,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:o.children})})};w.states=Nt;w.options=At;w.className=G;w.defaultOptions=j;var q=w;var W=ft(require("@progress/kendo-svg-icons"));var tt="icon",ot="icons";var N=require("react/jsx-runtime"),U="k-icon",Bt=o=>o.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],Mt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},J={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:t,themeColor:n,icon:i,type:a=J.type,rotate:c,flip:r,viewBox:g=J.viewBox,...d}=o;if(!i)return(0,N.jsx)(N.Fragment,{});if(a==="svg"){if(i==="none")return(0,N.jsx)(q,{...d,className:l(o.className,U),icon:i,size:t});let A=W[i]?i:Bt(`${i}-icon`);return W[A]?(0,N.jsx)(q,{...d,className:l(o.className,U),icon:W[A],size:t,themeColor:n,rotate:c,flip:r,viewBox:g}):(0,N.jsx)(N.Fragment,{})}return(0,N.jsx)(Z,{...d,className:l(o.className,U),icon:i,size:t,themeColor:n,rotate:c,flip:r})};u.states=yt;u.options=Mt;u.defaultOptions=J;u.className=U;u.moduleName=tt;u.folderName=ot;var Q="button",et=Q;var h=require("react/jsx-runtime"),P="k-button",kt=["icon-button"],vt=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],Ct={size:[s.small,s.medium,s.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark,e.inverse]},C={size:s.medium,rounded:x.medium,fillMode:p.solid,themeColor:e.base,showArrow:!1,arrowIconName:"caret-alt-down"},f=o=>{let{size:t=C.size,rounded:n=C.rounded,fillMode:i=C.fillMode,themeColor:a=C.themeColor,showArrow:c=C.showArrow,arrowIconName:r=C.arrowIconName,variant:g,hover:d,focus:A,active:T,selected:I,disabled:K,icon:M,text:B,iconClassName:L,...E}=o,k=M!==void 0,at=o.children!==void 0;return(0,h.jsxs)("button",{...E,className:l(o.className,P,Y(P,g),y(P,{size:t,rounded:n,fillMode:i,themeColor:a}),O(P,{hover:d,focus:A,active:T,disabled:K,selected:I}),{"k-icon-button":!B&&!at&&k}),children:[M&&(0,h.jsx)(u,{className:l(L,"k-button-icon"),icon:M}),B?(0,h.jsxs)(h.Fragment,{children:[B&&(0,h.jsx)("span",{className:"k-button-text",children:B}),o.children]}):o.children&&(0,h.jsx)("span",{className:"k-button-text",children:o.children}),c&&(0,h.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,h.jsx)(u,{icon:r})})]})};f.states=vt;f.options=Ct;f.variants=kt;f.className=P;f.defaultOptions=C;f.moduleName=Q;f.folderName=et;var Ot=require("react/jsx-runtime");var St=require("react/jsx-runtime");var Ft=require("react/jsx-runtime");var $=require("react/jsx-runtime"),D="k-fab",Kt=[m.hover,m.focus,m.active,m.selected,m.disabled],Lt={size:[s.small,s.medium,s.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark,e.inverse]},S={size:s.medium,rounded:x.full,fillMode:p.solid,themeColor:e.primary,type:"button"},b=o=>{let{size:t=S.size,rounded:n=S.rounded,fillMode:i=S.fillMode,themeColor:a=S.themeColor,text:c,icon:r,type:g=S.type,position:d,hover:A,focus:T,active:I,selected:K,disabled:M,...B}=o;return(0,$.jsxs)("button",{...B,type:g,className:l(o.className,D,y(D,{size:t,rounded:n,fillMode:i,themeColor:a}),O(D,{hover:A,focus:T,active:I,disabled:M,selected:K}),{[`!k-pos-absolute k-${d}`]:d}),children:[r&&(0,$.jsx)(u,{className:"k-fab-icon",icon:r}),c&&(0,$.jsx)("span",{className:"k-fab-text",children:c})]})};b.states=Kt;b.options=Lt;b.className=D;b.defaultOptions=S;b.moduleName="fab";b.folderName="fab";var Et=require("react/jsx-runtime");var R=require("react/jsx-runtime"),nt="k-fab-item",zt=[m.hover,m.focus,m.active,m.disabled],_t=o=>{let{text:t,icon:n,align:i,hover:a,focus:c,active:r,disabled:g,...d}=o;return(0,R.jsxs)("li",{...d,className:l(o.className,nt,{[`k-text-${i}`]:i},O(nt,{hover:a,focus:c,active:r,disabled:g})),children:[(0,R.jsx)("span",{className:"k-fab-item-text",children:t}),(0,R.jsx)(u,{className:"k-fab-item-icon",icon:n})]})};_t.states=zt;var wt=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var $t=require("react/jsx-runtime");var rt=require("react/jsx-runtime"),st="k-prompt-stop-fab",it={generating:!0},F=o=>{let{generating:t=it.generating,icon:n,...i}=o;return(0,rt.jsx)(b,{...i,className:l(o.className,st,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":n,active:t})};F.states=f.states;F.options=f.options;F.className=st;F.defaultOptions=it;var Rt=F;