@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 14.2 kB
JavaScript
var Ye=Object.create;var Y=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var je=Object.getOwnPropertyNames;var et=Object.getPrototypeOf,tt=Object.prototype.hasOwnProperty;var ot=(t,e)=>{for(var o in e)Y(t,o,{get:e[o],enumerable:!0})},ye=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of je(e))!tt.call(t,n)&&n!==o&&Y(t,n,{get:()=>e[n],enumerable:!(i=Ze(e,n))||i.enumerable});return t};var nt=(t,e,o)=>(o=t!=null?Ye(et(t)):{},ye(e||!t||!t.__esModule?Y(o,"default",{value:t,enumerable:!0}):o,t)),at=t=>ye(Y({},"__esModule",{value:!0}),t);var Qt={};ot(Qt,{SEARCHBAR_CLASSNAME:()=>ve,SearchBar:()=>O,default:()=>Jt});module.exports=at(Qt);var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,i)=>e[i]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),w=(t,e)=>{let{valid:o,invalid:i,hover:n,focus:c,checked:p,active:d,selected:g,disabled:h,indeterminate:b,loading:I,empty:v,readonly:Q,highlighted:se,...R}=e;return s({"k-valid":o,"k-invalid":i,"k-hover":n,"k-focus":c,"k-checked":p,"k-active":d,"k-selected":g,"k-disabled":h,"k-indeterminate":b&&!p,"k-loading":I,"k-empty":v,"k-readonly":Q,"k-highlighted":se},Object.keys(R).reduce((S,A)=>(A.startsWith("k-")?S[A]=R[A]:S[`k-${A}`]=R[A],S),{}))};function Se(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var a={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"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={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 _="input",Z=_;var Me=require("react/jsx-runtime"),j="k-input",st=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],rt={size:[a.undefined,a.small,a.medium,a.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},it={},M=t=>{let{hover:e,focus:o,disabled:i,invalid:n,valid:c,loading:p,readonly:d,size:g,rounded:h,fillMode:b,...I}=t;return(0,Me.jsx)("span",{...I,className:s(t.className,j,x(j,{size:g,rounded:h,fillMode:b}),w(j,{hover:e,focus:o,disabled:i,invalid:n,valid:c,loading:p,readonly:d}))})};M.states=st;M.options=rt;M.className=j;M.defaultOptions=it;M.moduleName=_;M.folderName=Z;var ke=require("react/jsx-runtime"),ee="k-picker",lt=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],ct={size:[a.undefined,a.small,a.medium,a.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dt={},z=t=>{let{hover:e,focus:o,disabled:i,invalid:n,valid:c,loading:p,readonly:d,size:g,rounded:h,fillMode:b,...I}=t;return(0,ke.jsx)("span",{...I,className:s(t.className,ee,x(ee,{size:g,rounded:h,fillMode:b}),w(ee,{hover:e,focus:o,disabled:i,invalid:n,valid:c,loading:p,readonly:d})),children:t.children})};z.states=lt;z.options=ct;z.className=ee;z.defaultOptions=dt;z.moduleName=_;z.folderName=Z;var B=require("react/jsx-runtime"),re="k-font-icon",pt=[],ut={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},mt={},K=t=>{let{size:e,themeColor:o,icon:i,rotate:n,flip:c,...p}=t;return i?(0,B.jsx)("span",{...p,className:s(t.className,re,x(re,{size:e}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,B.jsx)(B.Fragment,{})};K.states=pt;K.options=ut;K.className=re;K.defaultOptions=mt;var Te=K;var L=require("react/jsx-runtime"),ie="k-svg-icon",ft=[],xt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[k.outline,k.solid,k.duotone]},le={viewBox:"0 0 24 24",variant:k.outline},V=t=>{var I,v;let{size:e,themeColor:o,rotate:i,flip:n,viewBox:c=le.viewBox,variant:p=le.variant,icon:d,...g}=t;if(!d)return(0,L.jsx)(L.Fragment,{});if(d==="none")return(0,L.jsx)("span",{...g,className:s(t.className,ie,x("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,b=typeof d=="object"?p&&((I=d.variants)==null?void 0:I[p])||((v=d.variants)==null?void 0:v.outline)||d.content:void 0;return(0,L.jsx)("span",{...g,className:s(t.className,ie,x("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,L.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:d?void 0:t.children})})};V.states=ft;V.options=xt;V.className=ie;V.defaultOptions=le;var ce=V;var de=nt(require("@progress/kendo-svg-icons"));var Ce="icon",Oe="icons";var Ee=require("react");var Ae=require("react"),Le=(0,Ae.createContext)({iconsType:"svg"});var C=require("react/jsx-runtime"),te="k-icon",Nt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),bt=[],ht={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[k.outline,k.solid,k.duotone]},oe={viewBox:"0 0 24 24",type:"svg",variant:k.outline},m=t=>{let{iconsType:e}=(0,Ee.useContext)(Le),{size:o,themeColor:i,icon:n,type:c=e||oe.type,rotate:p,flip:d,viewBox:g=oe.viewBox,variant:h=oe.variant,...b}=t;if(!n)return(0,C.jsx)(C.Fragment,{});if((e||c)==="svg"){if(n==="none")return(0,C.jsx)(ce,{...b,className:s(t.className,te),icon:n,size:o,variant:h});let v=de[n]?n:Nt(`${n}-icon`);return de[v]?(0,C.jsx)(ce,{...b,className:s(t.className,te),icon:de[v],size:o,themeColor:i,rotate:p,flip:d,viewBox:g,variant:h}):(0,C.jsx)(C.Fragment,{})}return(0,C.jsx)(Te,{...b,className:s(t.className,te),icon:n,size:o,themeColor:i,rotate:p,flip:d})};m.states=bt;m.options=ht;m.defaultOptions=oe;m.className=te;m.moduleName=Ce;m.folderName=Oe;m.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 H=require("react/jsx-runtime"),Re="k-clear-value",gt=[l.disabled,l.loading,l.readonly],It={},$=t=>{let{disabled:e,loading:o,readonly:i,value:n}=t;return e||i||o||!n?(0,H.jsx)(H.Fragment,{}):(0,H.jsx)("span",{className:s(t.className,Re),children:(0,H.jsx)(m,{icon:"x"})})};$.states=gt;$.options=It;$.className=Re;var we=require("react/jsx-runtime"),pe="k-input-inner",vt=[],yt={},ne={type:"text",autocomplete:"off",value:"",placeholder:""},E=t=>{let{value:e=ne.value,type:o=ne.type,placeholder:i=ne.placeholder,autocomplete:n=ne.autocomplete,disabled:c,readOnly:p,...d}=t;return(0,we.jsx)("input",{...d,type:o,className:s(t.className,pe,x(pe,t)),placeholder:i,autoComplete:n,defaultValue:e,disabled:c||void 0,readOnly:p||void 0})};E.states=vt;E.options=yt;E.className=pe;var U=require("react/jsx-runtime"),ue="k-input-inner",St=[],Mt={},me=t=>{let{value:e,placeholder:o,showValue:i,valueIcon:n,valueIconName:c,...p}=t;return(0,U.jsxs)("span",{...p,className:s(t.className,ue,x(ue,t)),children:[n,!n&&c&&(0,U.jsx)(m,{className:"k-input-value-icon",icon:c}),i&&!e&&o,i&&e&&(0,U.jsx)("span",{className:"k-input-value-text",children:e})]})};me.states=St;me.options=Mt;me.className=ue;var He=require("react/jsx-runtime"),fe="k-input-inner",kt=[],Tt={},ze={value:"",placeholder:""},xe=t=>{let{value:e=ze.value,placeholder:o=ze.placeholder,rows:i,disabled:n,...c}=t;return(0,He.jsx)("textarea",{...c,className:s(t.className,fe,x(fe,t)),placeholder:o,rows:i,defaultValue:e,disabled:n||void 0})};xe.states=kt;xe.options=Tt;xe.className=fe;var D=require("react/jsx-runtime"),Pe="k-input-loading-icon",Ct=[l.disabled,l.loading],ae=t=>{let{disabled:e,loading:o}=t;return e||!o?(0,D.jsx)(D.Fragment,{}):(0,D.jsx)("span",{className:s(t.className,Pe,"k-icon k-i-loading")})};ae.states=Ct;ae.className=Pe;var F=require("react/jsx-runtime"),_e="k-input-validation-icon",Ot=[l.valid,l.invalid,l.disabled,l.loading],At={},G=t=>{let{valid:e,invalid:o,disabled:i,loading:n}=t,c=o?"warning-circle":"check-circle";return i||n||!!!(e||o)?(0,F.jsx)(F.Fragment,{}):(0,F.jsx)(m,{className:s(_e),icon:c})};G.states=Ot;G.options=At;G.className=_e;var q=require("react/jsx-runtime"),Lt="k-input-prefix",Et={direction:"horizontal"},Be=t=>{let{direction:e=Et.direction,...o}=t;return t.children?(0,q.jsx)("span",{...o,className:s(Lt,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):(0,q.jsx)(q.Fragment,{})};var W=require("react/jsx-runtime"),Rt="k-input-suffix",wt={direction:"horizontal"},Ke=t=>{let{direction:e=wt.direction,...o}=t;return t.children?(0,W.jsx)("span",{...o,className:s(Rt,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):(0,W.jsx)(W.Fragment,{})};var zt=require("react/jsx-runtime");var Ht=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),Ve="k-input-separator",Pt={direction:"vertical"},Ne=t=>{let{direction:e=Pt.direction,...o}=t;return(0,$e.jsx)("span",{...o,className:s(Ve,t.className,{[`${Ve}-${e}`]:e})})};var be="button",Ue=be;var y=require("react/jsx-runtime"),J="k-button",_t=["icon-button"],Bt=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Kt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},he={showArrow:!1,arrowIconName:"chevron-down"},T=t=>{let{as:e="button",size:o,rounded:i,fillMode:n,themeColor:c,showArrow:p=he.showArrow,arrowIconName:d=he.arrowIconName,variant:g,hover:h,focus:b,active:I,selected:v,disabled:Q,togglable:se,ariaDisabled:R,icon:S,iconSize:A,text:X,iconClassName:qe,className:We,...Je}=t,Qe=S!=null,Xe=t.children!==void 0;return(0,y.jsxs)(e,{className:s(We,J,Se(J,g),x(J,{size:o,rounded:i,fillMode:n,themeColor:c}),w(J,{hover:h,focus:b,active:I,disabled:Q||R,selected:v}),{"k-icon-button":!X&&!Xe&&Qe}),"aria-pressed":se?v?"true":"false":void 0,...Je,"aria-disabled":R?"true":void 0,disabled:Q||void 0,children:[typeof S=="string"&&S&&(0,y.jsx)(m,{className:s(qe,"k-button-icon"),icon:S,size:A}),S&&typeof S!="string"&&(0,y.jsx)(y.Fragment,{children:S}),X?(0,y.jsxs)(y.Fragment,{children:[X&&(0,y.jsx)("span",{className:"k-button-text",children:X}),t.children]}):t.children&&(0,y.jsx)("span",{className:"k-button-text",children:t.children}),p&&(0,y.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,y.jsx)(m,{icon:d})})]})};T.states=Bt;T.options=Kt;T.variants=_t;T.className=J;T.defaultOptions=he;T.moduleName=be;T.folderName=Ue;T.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 Fe=require("react/jsx-runtime"),De=t=>(0,Fe.jsx)(T,{children:"Button",...t});var f=require("react/jsx-runtime"),Vt=M.states,$t=M.defaultOptions,Ut=M.options,Dt=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ft=[],P=t=>{let{modifiers:e,valid:o,invalid:i,loading:n,disabled:c,readonly:p,...d}=t,g=e==null?void 0:e.prefix,h=e==null?void 0:e.suffix,b=e==null?void 0:e["clear-button"],I=e==null?void 0:e["validation-icon"],v=e==null?void 0:e.separators;return(0,f.jsxs)(M,{...d,valid:o,invalid:i,loading:n,disabled:c,readonly:p,style:{width:300},children:[g&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Be,{children:(0,f.jsx)(m,{icon:"lock"})}),v&&(0,f.jsx)(Ne,{})]}),(0,f.jsx)(E,{placeholder:"Placeholder",value:"Value"}),I&&(0,f.jsx)(G,{valid:o,invalid:i,loading:n,disabled:c}),(0,f.jsx)(ae,{loading:n,disabled:c}),b&&(0,f.jsx)($,{loading:n,disabled:c,readonly:p,value:"Value"}),h&&(0,f.jsxs)(f.Fragment,{children:[v&&(0,f.jsx)(Ne,{}),(0,f.jsx)(Ke,{children:(0,f.jsx)(De,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};P.options=Ut;P.states=Vt;P.variants=Ft;P.defaultOptions=$t;P.modifiers=Dt;P.className=M.className;var ge="searchbar",Ge=ge;var Ie=require("react/jsx-runtime"),ve="k-searchbar",Gt=[],qt={},Wt={},O=t=>{let{placeholder:e,...o}=t;return(0,Ie.jsx)("span",{...o,className:s(t.className,ve),children:(0,Ie.jsx)(E,{placeholder:e})})};O.states=Gt;O.options=qt;O.className=ve;O.defaultOptions=Wt;O.moduleName=ge;O.folderName=Ge;var Jt=O;