@progress/kendo-themes-html/dist/esm/rating/rating-item.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((s,a)=>e[a]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${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"}),B=(o,e)=>{let{valid:s,invalid:a,hover:i,focus:d,checked:c,active:r,selected:m,disabled:g,indeterminate:f,loading:R,empty:I,readonly:q,highlighted:W,...O}=e;return l({"k-valid":s,"k-invalid":a,"k-hover":i,"k-focus":d,"k-checked":c,"k-active":r,"k-selected":m,"k-disabled":g,"k-indeterminate":f&&!c,"k-loading":R,"k-empty":I,"k-readonly":q,"k-highlighted":W},Object.keys(O).reduce((T,v)=>(v.startsWith("k-")?T[v]=O[v]:T[`k-${v}`]=O[v],T),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var p={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},t={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"};import{Fragment as Y,jsx as H}from"react/jsx-runtime";var w="k-font-icon",J=[],Q={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info]},X={},b=o=>{let{size:e,themeColor:s,icon:a,rotate:i,flip:d,...c}=o;return a?H("span",{...c,className:l(o.className,w,y(w,{size:e}),{[`k-i-${a}`]:a,[`k-color-${s}`]:s,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):H(Y,{})};b.states=J;b.options=Q;b.className=w;b.defaultOptions=X;var F=b;import{Fragment as te,jsx as S}from"react/jsx-runtime";var A="k-svg-icon",Z=[],ee={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[p.outline,p.solid,p.duotone]},L={viewBox:"0 0 24 24",variant:p.outline},u=o=>{let{size:e,themeColor:s,rotate:a,flip:i,viewBox:d=L.viewBox,variant:c=L.variant,icon:r,...m}=o;if(!r)return S(te,{});if(r==="none")return S("span",{...m,className:l(o.className,A,y("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let g=typeof r=="object"&&r.name&&r.name,f=typeof r=="object"?c&&r.variants?.[c]||r.variants?.outline||r.content:void 0;return S("span",{...m,className:l(o.className,A,y("k-icon",{size:e}),{[`k-svg-i-${g}`]:g,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:S("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:o.children})})};u.states=Z;u.options=ee;u.className=A;u.defaultOptions=L;var $=u;import*as E from"@progress/kendo-svg-icons";var P="icon",V="icons";import{useContext as ne}from"react";import{createContext as oe}from"react";var G=oe({iconsType:"svg"});import{Fragment as j,jsx as C}from"react/jsx-runtime";var z="k-icon",ie=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[p.outline,p.solid,p.duotone]},M={viewBox:"0 0 24 24",type:"svg",variant:p.outline},h=o=>{let{iconsType:e}=ne(G),{size:s,themeColor:a,icon:i,type:d=e||M.type,rotate:c,flip:r,viewBox:m=M.viewBox,variant:g=M.variant,...f}=o;if(!i)return C(j,{});if((e||d)==="svg"){if(i==="none")return C($,{...f,className:l(o.className,z),icon:i,size:s,variant:g});let I=E[i]?i:ie(`${i}-icon`);return E[I]?C($,{...f,className:l(o.className,z),icon:E[I],size:s,themeColor:a,rotate:c,flip:r,viewBox:m,variant:g}):C(j,{})}return C(F,{...f,className:l(o.className,z),icon:i,size:s,themeColor:a,rotate:c,flip:r})};h.states=re;h.options=se;h.defaultOptions=M;h.className=z;h.moduleName=P;h.folderName=V;h.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."}]};import{Fragment as ce,jsx as x,jsxs as de}from"react/jsx-runtime";var _="k-rating-item",ae=[k.hover,k.focus,k.selected,k.disabled],le={},U={iconType:"solid"},D={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"},K={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"},N=o=>{let{iconType:e=U.iconType,hover:s,focus:a,selected:i,disabled:d,dir:c,...r}=o,m;switch(e){case"split":m=de(ce,{children:[x("span",{className:"k-rating-precision-complement",children:x(u,{className:"k-icon",icon:K,size:"xlarge"})}),x("span",{className:"k-rating-precision-part",style:{clipPath:`inset(${c==="rtl"?"0px 0px 0px 50%":"0px 50% 0px 0px"})`},children:x(u,{className:"k-icon",icon:D,size:"xlarge"})}),x("span",{style:{width:"24px",height:"24px",display:"block"}})]});break;case"outline":m=x(u,{className:"k-icon",icon:K,size:"xlarge"});break;case"solid":m=x(u,{className:"k-icon",icon:D,size:"xlarge"});break;default:return}return x("span",{...r,className:l(_,B(_,{hover:s,focus:a,selected:i,disabled:d})),dir:c,children:m})};N.states=ae;N.options=le;N.className=_;N.defaultOptions=U;var De=N;export{_ as RATINGITEM_CLASSNAME,N as RatingItem,De as default};