UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 11.8 kB
var fe=Object.create;var O=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var ve=(t,e)=>{for(var n in e)O(t,n,{get:e[n],enumerable:!0})},Y=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of he(e))!ge.call(t,s)&&s!==n&&O(t,s,{get:()=>e[s],enumerable:!(o=Be(e,s))||o.enumerable});return t};var Ie=(t,e,n)=>(n=t!=null?fe(ke(t)):{},Y(e||!t||!t.__esModule?O(n,"default",{value:t,enumerable:!0}):n,t)),Ne=t=>Y(O({},"__esModule",{value:!0}),t);var Ye={};ve(Ye,{FILEMANAGERBREADCRUMB_CLASSNAME:()=>Q,FileManagerBreadcrumb:()=>v,default:()=>Qe});module.exports=Ne(Ye);var m=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?m(...e):typeof e=="object"?Object.keys(e).map((n,o)=>e[o]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(t,e)=>m({[`${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"}),D=(t,e)=>{let{valid:n,invalid:o,hover:s,focus:p,checked:x,active:l,selected:k,disabled:I,indeterminate:g,loading:A,empty:N,readonly:pe,highlighted:xe,...$}=e;return m({"k-valid":n,"k-invalid":o,"k-hover":s,"k-focus":p,"k-checked":x,"k-active":l,"k-selected":k,"k-disabled":I,"k-indeterminate":g&&!x,"k-loading":A,"k-empty":N,"k-readonly":pe,"k-highlighted":xe},Object.keys($).reduce((K,E)=>(E.startsWith("k-")?K[E]=$[E]:K[`k-${E}`]=$[E],K),{}))};var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var B={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},i={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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 P="breadcrumb",Z=P;var ee=require("react/jsx-runtime"),_="k-breadcrumb",Ce=[M.focus],Le={size:[a.undefined,a.small,a.medium,a.large]},j={collapsing:"auto"},d=t=>{let{size:e,collapsing:n=j.collapsing,focus:o,...s}=t;return(0,ee.jsx)("nav",{...s,className:m(t.className,_,D(_,{focus:o}),C(_,{size:e}),{"k-breadcrumb-wrap":n==="wrap"}),"aria-label":"Breadcrumb",children:t.children})};d.states=Ce;d.options=Le;d.className=_;d.defaultOptions=j;d.moduleName=P;d.folderName=Z;d.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var Te=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var te=require("react/jsx-runtime"),ye="k-breadcrumb-container",Ae={collapsing:"auto"},L=t=>{let{collapsing:e=Ae.collapsing,...n}=t;return(0,te.jsx)("ol",{...n,className:m(t.className,ye,{"!k-flex-wrap":e==="wrap","k-flex-none":e==="none"}),children:t.children})};var re=require("react/jsx-runtime"),Ee="k-breadcrumb-item",b=t=>{let{root:e,last:n,...o}=t;return(0,re.jsx)("li",{...o,className:m(t.className,Ee,{"k-breadcrumb-root-item":e,"k-breadcrumb-last-item":n}),children:t.children})};var oe=require("react/jsx-runtime"),Re="",Se=[M.hover,M.focus,M.disabled],u=t=>{let{root:e,icon:n,icontext:o,hover:s,focus:p,disabled:x,last:l,...k}=t;return(0,oe.jsx)("a",{href:"#",...k,className:m(t.className,D(Re,{hover:s,focus:p,disabled:x}),{"k-breadcrumb-link":!e,"k-breadcrumb-root-link":e,"k-breadcrumb-icon-link":n,"k-breadcrumb-icontext-link":o}),...l&&{"aria-current":"page"},...l&&{"aria-disabled":"true"},children:t.children})};u.states=Se;var ne=require("react/jsx-runtime"),ze="k-breadcrumb-item-text",f=t=>{let{text:e,...n}=t,o=e||t.children;return(0,ne.jsx)("span",{...n,className:m(t.className,ze),children:o})};var R=require("react/jsx-runtime"),F="k-font-icon",Oe=[],De={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info]},_e={},S=t=>{let{size:e,themeColor:n,icon:o,rotate:s,flip:p,...x}=t;return o?(0,R.jsx)("span",{...x,className:m(t.className,F,C(F,{size:e}),{[`k-i-${o}`]:o,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):(0,R.jsx)(R.Fragment,{})};S.states=Oe;S.options=De;S.className=F;S.defaultOptions=_e;var ae=S;var T=require("react/jsx-runtime"),U="k-svg-icon",we=[],He={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[B.outline,B.solid,B.duotone]},G={viewBox:"0 0 24 24",variant:B.outline},z=t=>{var A,N;let{size:e,themeColor:n,rotate:o,flip:s,viewBox:p=G.viewBox,variant:x=G.variant,icon:l,...k}=t;if(!l)return(0,T.jsx)(T.Fragment,{});if(l==="none")return(0,T.jsx)("span",{...k,className:m(t.className,U,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let I=typeof l=="object"&&l.name&&l.name,g=typeof l=="object"?x&&((A=l.variants)==null?void 0:A[x])||((N=l.variants)==null?void 0:N.outline)||l.content:void 0;return(0,T.jsx)("span",{...k,className:m(t.className,U,C("k-icon",{size:e}),{[`k-svg-i-${I}`]:I,[`k-color-${n}`]:n,[`k-rotate-${o}`]:o,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,T.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:p,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:l?void 0:t.children})})};z.states=we;z.options=He;z.className=U;z.defaultOptions=G;var V=z;var q=Ie(require("@progress/kendo-svg-icons"));var ie="icon",ce="icons";var le=require("react");var se=require("react"),me=(0,se.createContext)({iconsType:"svg"});var h=require("react/jsx-runtime"),w="k-icon",$e=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ke=[],Pe={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[B.outline,B.solid,B.duotone]},H={viewBox:"0 0 24 24",type:"svg",variant:B.outline},c=t=>{let{iconsType:e}=(0,le.useContext)(me),{size:n,themeColor:o,icon:s,type:p=e||H.type,rotate:x,flip:l,viewBox:k=H.viewBox,variant:I=H.variant,...g}=t;if(!s)return(0,h.jsx)(h.Fragment,{});if((e||p)==="svg"){if(s==="none")return(0,h.jsx)(V,{...g,className:m(t.className,w),icon:s,size:n,variant:I});let N=q[s]?s:$e(`${s}-icon`);return q[N]?(0,h.jsx)(V,{...g,className:m(t.className,w),icon:q[N],size:n,themeColor:o,rotate:x,flip:l,viewBox:k,variant:I}):(0,h.jsx)(h.Fragment,{})}return(0,h.jsx)(ae,{...g,className:m(t.className,w),icon:s,size:n,themeColor:o,rotate:x,flip:l})};c.states=Ke;c.options=Pe;c.defaultOptions=H;c.className=w;c.moduleName=ie;c.folderName=ce;c.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 W=require("react/jsx-runtime");var X=require("react/jsx-runtime");var J=require("react/jsx-runtime");var r=require("react/jsx-runtime"),Fe=d.options,Ue=d.states,Ge={...d.defaultOptions,variant:"text"},Ve=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],qe=[],y=t=>{let{variant:e,...n}=t;switch(e){case"icon":return(0,r.jsx)(d,{...n,children:(0,r.jsxs)(L,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsx)(u,{root:!0,icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(c,{icon:"cart"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(u,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(c,{icon:"js"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(u,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(c,{icon:"truck"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsx)(u,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(c,{icon:"wallet"})})})]})});case"icon-and-text":return(0,r.jsx)(d,{...n,children:(0,r.jsxs)(L,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsxs)(u,{root:!0,icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(c,{icon:"cart"}),(0,r.jsx)(f,{text:"Cart"})]}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsxs)(u,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(c,{icon:"js"}),(0,r.jsx)(f,{text:"Billing"})]}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsxs)(u,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(c,{icon:"truck"}),(0,r.jsx)(f,{text:"Shipping"})]}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsxs)(u,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(c,{icon:"wallet"}),(0,r.jsx)(f,{text:"Payment"})]})})]})});default:return(0,r.jsx)(d,{...n,children:(0,r.jsxs)(L,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsx)(u,{root:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(f,{text:"Cart"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(u,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(f,{text:"Billing"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(u,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(f,{text:"Shipping"})}),(0,r.jsx)(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsx)(u,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(f,{text:"Payment"})})})]})})}};y.options=Fe;y.states=Ue;y.variants=Ve;y.defaultOptions=Ge;y.modifiers=qe;y.className=d.className;var de="file-manager",ue="filemanager";var be=require("react/jsx-runtime"),Q="k-filemanager-breadcrumb",We=[],Xe={},Je={},v=t=>{let{children:e,...n}=t;return(0,be.jsx)(d,{className:m(t.className,Q),...n,children:e})};v.states=We;v.options=Xe;v.className=Q;v.defaultOptions=Je;v.moduleName=de;v.folderName=ue;var Qe=v;