@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 10.5 kB
JavaScript
var Ne=Object.create;var K=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Be=Object.prototype.hasOwnProperty;var Ie=(e,t)=>{for(var a in t)K(e,a,{get:t[a],enumerable:!0})},Y=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Te(t))!Be.call(e,r)&&r!==a&&K(e,r,{get:()=>t[r],enumerable:!(s=ke(t,r))||s.enumerable});return e};var we=(e,t,a)=>(a=e!=null?Ne(Ce(e)):{},Y(t||!e||!e.__esModule?K(a,"default",{value:e,enumerable:!0}):a,e)),ze=e=>Y(K({},"__esModule",{value:!0}),e);var We={};Ie(We,{CalendarHeader:()=>R,default:()=>qe});module.exports=ze(We);var d=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?d(...t):typeof t=="object"?Object.keys(t).map((a,s)=>t[s]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>d({[`${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"}),Z=(e,t)=>{let{valid:a,invalid:s,hover:r,focus:c,checked:u,active:l,selected:g,disabled:h,indeterminate:p,loading:y,empty:f,readonly:$,highlighted:V,...O}=t;return d({"k-valid":a,"k-invalid":s,"k-hover":r,"k-focus":c,"k-checked":u,"k-active":l,"k-selected":g,"k-disabled":h,"k-indeterminate":p&&!u,"k-loading":y,"k-empty":f,"k-readonly":$,"k-highlighted":V},Object.keys(O).reduce((x,T)=>(T.startsWith("k-")?x[T]=O[T]:x[`k-${T}`]=O[T],x),{}))};function ee(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(s=>[`k-${s}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},B={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},I={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},w={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 U={};function te(e){return U[e]=(U[e]||0)+1,`k-${e}-${U[e]}`}var S=require("react/jsx-runtime"),G="k-font-icon",Oe=[],Me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Se={},A=e=>{let{size:t,themeColor:a,icon:s,rotate:r,flip:c,...u}=e;return s?(0,S.jsx)("span",{...u,className:d(e.className,G,C(G,{size:t}),{[`k-i-${s}`]:s,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,S.jsx)(S.Fragment,{})};A.states=Oe;A.options=Me;A.className=G;A.defaultOptions=Se;var oe=A;var z=require("react/jsx-runtime"),q="k-svg-icon",Ae=[],Ee={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},W={viewBox:"0 0 24 24",variant:v.outline},E=e=>{var y,f;let{size:t,themeColor:a,rotate:s,flip:r,viewBox:c=W.viewBox,variant:u=W.variant,icon:l,...g}=e;if(!l)return(0,z.jsx)(z.Fragment,{});if(l==="none")return(0,z.jsx)("span",{...g,className:d(e.className,q,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof l=="object"&&l.name&&l.name,p=typeof l=="object"?u&&((y=l.variants)==null?void 0:y[u])||((f=l.variants)==null?void 0:f.outline)||l.content:void 0;return(0,z.jsx)("span",{...g,className:d(e.className,q,C("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:l?void 0:e.children})})};E.states=Ae;E.options=Ee;E.className=q;E.defaultOptions=W;var j=E;var J=we(require("@progress/kendo-svg-icons"));var ne="icon",ae="icons";var se=require("react");var re=require("react"),ie=(0,re.createContext)({iconsType:"svg"});var N=require("react/jsx-runtime"),P="k-icon",Le=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_e=[],Re={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:v.outline},b=e=>{let{iconsType:t}=(0,se.useContext)(ie),{size:a,themeColor:s,icon:r,type:c=t||D.type,rotate:u,flip:l,viewBox:g=D.viewBox,variant:h=D.variant,...p}=e;if(!r)return(0,N.jsx)(N.Fragment,{});if((t||c)==="svg"){if(r==="none")return(0,N.jsx)(j,{...p,className:d(e.className,P),icon:r,size:a,variant:h});let f=J[r]?r:Le(`${r}-icon`);return J[f]?(0,N.jsx)(j,{...p,className:d(e.className,P),icon:J[f],size:a,themeColor:s,rotate:u,flip:l,viewBox:g,variant:h}):(0,N.jsx)(N.Fragment,{})}return(0,N.jsx)(oe,{...p,className:d(e.className,P),icon:r,size:a,themeColor:s,rotate:u,flip:l})};b.states=_e;b.options=Re;b.defaultOptions=D;b.className=P;b.moduleName=ne;b.folderName=ae;b.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 Q="button",le=Q;var m=require("react/jsx-runtime"),L="k-button",$e=["icon-button"],He=[w.hover,w.focus,w.active,w.selected,w.disabled,w.generating],Ke={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[B.undefined,B.none,B.small,B.medium,B.large,B.full],fillMode:[I.undefined,I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},X={showArrow:!1,arrowIconName:"chevron-down"},i=e=>{let{as:t="button",size:a,rounded:s,fillMode:r,themeColor:c,showArrow:u=X.showArrow,arrowIconName:l=X.arrowIconName,variant:g,hover:h,focus:p,active:y,selected:f,disabled:$,togglable:V,ariaDisabled:O,icon:x,iconSize:T,text:H,iconClassName:he,className:ge,...ve}=e,be=x!=null,ye=e.children!==void 0;return(0,m.jsxs)(t,{className:d(ge,L,ee(L,g),C(L,{size:a,rounded:s,fillMode:r,themeColor:c}),Z(L,{hover:h,focus:p,active:y,disabled:$||O,selected:f}),{"k-icon-button":!H&&!ye&&be}),"aria-pressed":V?f?"true":"false":void 0,...ve,"aria-disabled":O?"true":void 0,disabled:$||void 0,children:[typeof x=="string"&&x&&(0,m.jsx)(b,{className:d(he,"k-button-icon"),icon:x,size:T}),x&&typeof x!="string"&&(0,m.jsx)(m.Fragment,{children:x}),H?(0,m.jsxs)(m.Fragment,{children:[H&&(0,m.jsx)("span",{className:"k-button-text",children:H}),e.children]}):e.children&&(0,m.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,m.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,m.jsx)(b,{icon:l})})]})};i.states=He;i.options=Ke;i.variants=$e;i.className=L;i.defaultOptions=X;i.moduleName=Q;i.folderName=le;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 ce=require("react/jsx-runtime"),de=e=>(0,ce.jsx)(i,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var me=require("react/jsx-runtime"),ue=e=>(0,me.jsx)(i,{icon:"folder",children:"Button",...e});var fe=require("react/jsx-runtime"),pe=e=>(0,fe.jsx)(i,{children:"Button",...e});var F=require("react/jsx-runtime"),Pe=i.options,De=i.states,Fe={...i.defaultOptions,variant:"text"},Ve=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ue=[],M=e=>{let{variant:t,...a}=e;switch(t){case"icon-only":return(0,F.jsx)(de,{...a,icon:"star"});case"icon-and-text":return(0,F.jsx)(ue,{...a,icon:"star",children:"Button"});default:return(0,F.jsx)(pe,{...a,children:"Button"})}};M.options=Pe;M.states=De;M.variants=Ve;M.defaultOptions=Fe;M.modifiers=Ue;M.className=i.className;var k=require("react/jsx-runtime"),xe="k-calendar-header",Ge={size:[n.undefined,n.small,n.medium,n.large]},_={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},R=e=>{let{calendarTitleText:t=_.calendarTitleText,showToday:a=_.showToday,showNavigationButtons:s=_.showNavigationButtons,orientation:r=_.orientation,size:c,calendarView:u,dir:l,titleId:g,...h}=e,p=l==="rtl"?"chevron-right":"chevron-left",y=l==="rtl"?"chevron-left":"chevron-right",f=g||te("calendar-title");return(0,k.jsxs)("div",{...h,className:d(e.className,xe,{"k-vstack":r==="vertical"}),children:[(0,k.jsx)(i,{disabled:u==="century",className:"k-calendar-title",text:t,size:c,fillMode:"flat",themeColor:"primary",id:f,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),(0,k.jsx)("span",{className:"k-spacer"}),(0,k.jsxs)("span",{className:"k-calendar-nav",children:[s&&(0,k.jsx)(i,{className:"k-calendar-nav-prev",icon:p,size:c,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),a&&(0,k.jsx)(i,{size:c,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),s&&(0,k.jsx)(i,{className:"k-calendar-nav-next",icon:y,size:c,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};R.options=Ge;R.className=xe;R.defaultOptions=_;var qe=R;