UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 9.33 kB
var ie=Object.create;var z=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var de=(t,e)=>{for(var n in e)z(t,n,{get:e[n],enumerable:!0})},q=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of se(e))!ce.call(t,a)&&a!==n&&z(t,a,{get:()=>e[a],enumerable:!(s=re(e,a))||s.enumerable});return t};var me=(t,e,n)=>(n=t!=null?ie(le(t)):{},q(e||!t||!t.__esModule?z(n,"default",{value:t,enumerable:!0}):n,t)),ue=t=>q(z({},"__esModule",{value:!0}),t);var Re={};de(Re,{RATING_CLASSNAME:()=>$,Rating:()=>y,default:()=>Se});module.exports=ue(Re);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var T=(t,e)=>l({[`${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"}),L=(t,e)=>{let{valid:n,invalid:s,hover:a,focus:d,checked:c,active:r,selected:m,disabled:p,indeterminate:f,loading:N,empty:h,readonly:I,highlighted:ae,...B}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":a,"k-focus":d,"k-checked":c,"k-active":r,"k-selected":m,"k-disabled":p,"k-indeterminate":f&&!c,"k-loading":N,"k-empty":h,"k-readonly":I,"k-highlighted":ae},Object.keys(B).reduce((H,R)=>(R.startsWith("k-")?H[R]=B[R]:H[`k-${R}`]=B[R],H),{}))};var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var g={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"},k={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 M=require("react/jsx-runtime"),P="k-font-icon",pe=[],fe={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},ge={},A=t=>{let{size:e,themeColor:n,icon:s,rotate:a,flip:d,...c}=t;return s?(0,M.jsx)("span",{...c,className:l(t.className,P,T(P,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,M.jsx)(M.Fragment,{})};A.states=pe;A.options=fe;A.className=P;A.defaultOptions=ge;var J=A;var C=require("react/jsx-runtime"),F="k-svg-icon",xe=[],he={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[g.outline,g.solid,g.duotone]},G={viewBox:"0 0 24 24",variant:g.outline},x=t=>{var N,h;let{size:e,themeColor:n,rotate:s,flip:a,viewBox:d=G.viewBox,variant:c=G.variant,icon:r,...m}=t;if(!r)return(0,C.jsx)(C.Fragment,{});if(r==="none")return(0,C.jsx)("span",{...m,className:l(t.className,F,T("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let p=typeof r=="object"&&r.name&&r.name,f=typeof r=="object"?c&&((N=r.variants)==null?void 0:N[c])||((h=r.variants)==null?void 0:h.outline)||r.content:void 0;return(0,C.jsx)("span",{...m,className:l(t.className,F,T("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,C.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:d,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:r?void 0:t.children})})};x.states=xe;x.options=he;x.className=F;x.defaultOptions=G;var D=x;var V=me(require("@progress/kendo-svg-icons"));var W="icon",X="icons";var Z=require("react");var Q=require("react"),Y=(0,Q.createContext)({iconsType:"svg"});var v=require("react/jsx-runtime"),w="k-icon",ve=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),be=[],ye={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[g.outline,g.solid,g.duotone]},E={viewBox:"0 0 24 24",type:"svg",variant:g.outline},S=t=>{let{iconsType:e}=(0,Z.useContext)(Y),{size:n,themeColor:s,icon:a,type:d=e||E.type,rotate:c,flip:r,viewBox:m=E.viewBox,variant:p=E.variant,...f}=t;if(!a)return(0,v.jsx)(v.Fragment,{});if((e||d)==="svg"){if(a==="none")return(0,v.jsx)(D,{...f,className:l(t.className,w),icon:a,size:n,variant:p});let h=V[a]?a:ve(`${a}-icon`);return V[h]?(0,v.jsx)(D,{...f,className:l(t.className,w),icon:V[h],size:n,themeColor:s,rotate:c,flip:r,viewBox:m,variant:p}):(0,v.jsx)(v.Fragment,{})}return(0,v.jsx)(J,{...f,className:l(t.className,w),icon:a,size:n,themeColor:s,rotate:c,flip:r})};S.states=be;S.options=ye;S.defaultOptions=E;S.className=w;S.moduleName=W;S.folderName=X;S.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 u=require("react/jsx-runtime"),K="k-rating-item",ke=[k.hover,k.focus,k.selected,k.disabled],Ne={},ne={iconType:"solid"},ee={name:"star",content:'<path d="M256 391.5 117.2 480 154 314.1 32 202.4 192.9 188 256 32l63.1 156L480 202.4 358 314.1 394.8 480z"></path>',viewBox:"0 0 512 512"},te={name:"star-outline",content:'<path d="M480 202.4 319.1 188 256 32l-63.1 156L32 202.4l122 111.7L117.2 480 256 391.5 394.8 480 358 314.1zM256 353.6l-90.8 57.9 24-108.5-82.1-75.2 108.1-9.7L256 117.3l40.8 100.8 108.1 9.7-82.1 75.2 24.1 108.5z"></path>',viewBox:"0 0 512 512"},O=t=>{let{iconType:e=ne.iconType,hover:n,focus:s,selected:a,disabled:d,dir:c,...r}=t,m;switch(e){case"split":m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{className:"k-rating-precision-complement",children:(0,u.jsx)(x,{className:"k-icon",icon:te,size:"xlarge"})}),(0,u.jsx)("span",{className:"k-rating-precision-part",style:{clipPath:`inset(${c==="rtl"?"0px 0px 0px 50%":"0px 50% 0px 0px"})`},children:(0,u.jsx)(x,{className:"k-icon",icon:ee,size:"xlarge"})}),(0,u.jsx)("span",{style:{width:"24px",height:"24px",display:"block"}})]});break;case"outline":m=(0,u.jsx)(x,{className:"k-icon",icon:te,size:"xlarge"});break;case"solid":m=(0,u.jsx)(x,{className:"k-icon",icon:ee,size:"xlarge"});break;default:return}return(0,u.jsx)("span",{...r,className:l(K,L(K,{hover:n,focus:s,selected:a,disabled:d})),dir:c,children:m})};O.states=ke;O.options=Ne;O.className=K;O.defaultOptions=ne;var _=O;var U="rating",oe=U;var b=require("react/jsx-runtime"),$="k-rating",Ie=[k.disabled,k.readonly],Ce={},j={max:5,min:0},y=t=>{let{value:e,max:n=j.max,min:s=j.min,disabled:a,readonly:d,label:c,dir:r,...m}=t,p=[],f=Math.floor(e),N=e%1===.5,h=n-Math.ceil(e);for(let I=0;I<f;I++)p.push((0,b.jsx)(_,{dir:r,iconType:"solid",selected:!0}));N&&p.push((0,b.jsx)(_,{dir:r,iconType:"split",selected:!0}));for(let I=0;I<h;I++)p.push((0,b.jsx)(_,{dir:r,iconType:"outline"}));return(0,b.jsxs)("span",{...m,className:l(t.className,$,L($,{disabled:a,readonly:d})),dir:r,role:"slider",tabIndex:a?void 0:0,"aria-valuenow":e,"aria-valuemin":s,"aria-valuemax":n,"aria-disabled":a?"true":void 0,"aria-readonly":d?"true":void 0,children:[(0,b.jsx)("span",{className:"k-rating-container",children:p}),c&&(0,b.jsx)("span",{className:"k-rating-label",children:(0,b.jsx)("span",{children:c})})]})};y.states=Ie;y.options=Ce;y.className=$;y.defaultOptions=j;y.moduleName=U;y.folderName=oe;y.ariaSpec={selector:".k-rating",rules:[{selector:".k-rating",attribute:"role=slider",usage:"Announces the slider role of the Rating element."},{selector:".k-rating",attribute:"aria-label or aria-labelledby or title",usage:"The Rating needs an accessible name to be assigned to it."},{selector:".k-rating",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Rating."},{selector:".k-rating",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Rating."},{selector:".k-rating",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Rating."},{selector:".k-rating:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled ratings are removed from tab order."},{selector:".k-rating.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Rating is disabled."},{selector:".k-rating.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Rating is readonly. Readonly ratings remain focusable but their value cannot be changed."}]};var Se=y;