@progress/kendo-themes-html/dist/cjs/rating/demos/rating.js

A collection of HTML helpers used for developing Kendo UI themes

var me=Object.create;var L=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var xe=(t,e)=>{for(var n in e)L(t,n,{get:e[n],enumerable:!0})},X=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ue(e))!ge.call(t,a)&&a!==n&&L(t,a,{get:()=>e[a],enumerable:!(s=pe(e,a))||s.enumerable});return t};var he=(t,e,n)=>(n=t!=null?me(fe(t)):{},X(e||!t||!t.__esModule?L(n,"default",{value:t,enumerable:!0}):n,t)),be=t=>X(L({},"__esModule",{value:!0}),t);var Pe={};xe(Pe,{RatingDemo:()=>N,default:()=>He});module.exports=be(Pe);var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...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 M=(t,e)=>c({[`${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:n,invalid:s,hover:a,focus:m,checked:d,active:r,selected:p,disabled:f,indeterminate:g,loading:R,empty:b,readonly:I,highlighted:de,...B}=e;return c({"k-valid":n,"k-invalid":s,"k-hover":a,"k-focus":m,"k-checked":d,"k-active":r,"k-selected":p,"k-disabled":f,"k-indeterminate":g&&!d,"k-loading":R,"k-empty":b,"k-readonly":I,"k-highlighted":de},Object.keys(B).reduce((H,T)=>(T.startsWith("k-")?H[T]=B[T]:H[`k-${T}`]=B[T],H),{}))};var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var x={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 O=require("react/jsx-runtime"),P="k-font-icon",ve=[],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]},ke={},A=t=>{let{size:e,themeColor:n,icon:s,rotate:a,flip:m,...d}=t;return s?(0,O.jsx)("span",{...d,className:c(t.className,P,M(P,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):(0,O.jsx)(O.Fragment,{})};A.states=ve;A.options=ye;A.className=P;A.defaultOptions=ke;var Q=A;var C=require("react/jsx-runtime"),D="k-svg-icon",Ne=[],Re={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:[x.outline,x.solid,x.duotone]},F={viewBox:"0 0 24 24",variant:x.outline},h=t=>{var R,b;let{size:e,themeColor:n,rotate:s,flip:a,viewBox:m=F.viewBox,variant:d=F.variant,icon:r,...p}=t;if(!r)return(0,C.jsx)(C.Fragment,{});if(r==="none")return(0,C.jsx)("span",{...p,className:c(t.className,D,M("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let f=typeof r=="object"&&r.name&&r.name,g=typeof r=="object"?d&&((R=r.variants)==null?void 0:R[d])||((b=r.variants)==null?void 0:b.outline)||r.content:void 0;return(0,C.jsx)("span",{...p,className:c(t.className,D,M("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`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:m,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:r?void 0:t.children})})};h.states=Ne;h.options=Re;h.className=D;h.defaultOptions=F;var G=h;var V=he(require("@progress/kendo-svg-icons"));var Y="icon",Z="icons";var te=require("react");var j=require("react"),ee=(0,j.createContext)({iconsType:"svg"});var v=require("react/jsx-runtime"),E="k-icon",Ie=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ce=[],Se={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:[x.outline,x.solid,x.duotone]},_={viewBox:"0 0 24 24",type:"svg",variant:x.outline},S=t=>{let{iconsType:e}=(0,te.useContext)(ee),{size:n,themeColor:s,icon:a,type:m=e||_.type,rotate:d,flip:r,viewBox:p=_.viewBox,variant:f=_.variant,...g}=t;if(!a)return(0,v.jsx)(v.Fragment,{});if((e||m)==="svg"){if(a==="none")return(0,v.jsx)(G,{...g,className:c(t.className,E),icon:a,size:n,variant:f});let b=V[a]?a:Ie(`${a}-icon`);return V[b]?(0,v.jsx)(G,{...g,className:c(t.className,E),icon:V[b],size:n,themeColor:s,rotate:d,flip:r,viewBox:p,variant:f}):(0,v.jsx)(v.Fragment,{})}return(0,v.jsx)(Q,{...g,className:c(t.className,E),icon:a,size:n,themeColor:s,rotate:d,flip:r})};S.states=Ce;S.options=Se;S.defaultOptions=_;S.className=E;S.moduleName=Y;S.folderName=Z;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",Te=[k.hover,k.focus,k.selected,k.disabled],Me={},ae={iconType:"solid"},ne={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"},oe={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"},z=t=>{let{iconType:e=ae.iconType,hover:n,focus:s,selected:a,disabled:m,dir:d,...r}=t,p;switch(e){case"split":p=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{className:"k-rating-precision-complement",children:(0,u.jsx)(h,{className:"k-icon",icon:oe,size:"xlarge"})}),(0,u.jsx)("span",{className:"k-rating-precision-part",style:{clipPath:`inset(${d==="rtl"?"0px 0px 0px 50%":"0px 50% 0px 0px"})`},children:(0,u.jsx)(h,{className:"k-icon",icon:ne,size:"xlarge"})}),(0,u.jsx)("span",{style:{width:"24px",height:"24px",display:"block"}})]});break;case"outline":p=(0,u.jsx)(h,{className:"k-icon",icon:oe,size:"xlarge"});break;case"solid":p=(0,u.jsx)(h,{className:"k-icon",icon:ne,size:"xlarge"});break;default:return}return(0,u.jsx)("span",{...r,className:c(K,w(K,{hover:n,focus:s,selected:a,disabled:m})),dir:d,children:p})};z.states=Te;z.options=Me;z.className=K;z.defaultOptions=ae;var $=z;var U="rating",ie=U;var y=require("react/jsx-runtime"),W="k-rating",Oe=[k.disabled,k.readonly],Ae={},q={max:5,min:0},l=t=>{let{value:e,max:n=q.max,min:s=q.min,disabled:a,readonly:m,label:d,dir:r,...p}=t,f=[],g=Math.floor(e),R=e%1===.5,b=n-Math.ceil(e);for(let I=0;I<g;I++)f.push((0,y.jsx)($,{dir:r,iconType:"solid",selected:!0}));R&&f.push((0,y.jsx)($,{dir:r,iconType:"split",selected:!0}));for(let I=0;I<b;I++)f.push((0,y.jsx)($,{dir:r,iconType:"outline"}));return(0,y.jsxs)("span",{...p,className:c(t.className,W,w(W,{disabled:a,readonly:m})),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":m?"true":void 0,children:[(0,y.jsx)("span",{className:"k-rating-container",children:f}),d&&(0,y.jsx)("span",{className:"k-rating-label",children:(0,y.jsx)("span",{children:d})})]})};l.states=Oe;l.options=Ae;l.className=W;l.defaultOptions=q;l.moduleName=U;l.folderName=ie;l.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=require("react/jsx-runtime"),re=({value:t=2.5,max:e=5,...n})=>(0,se.jsx)(l,{label:`${t} / ${e}`,value:t,max:e,...n,"aria-label":n["aria-label"]||"Rating"});var ze=require("react/jsx-runtime");var Le=require("react/jsx-runtime");var ce=require("react/jsx-runtime"),le=({value:t=2.5,...e})=>(0,ce.jsx)(l,{value:t,...e,"aria-label":e["aria-label"]||"Rating"});var J=require("react/jsx-runtime"),we=l.options,Ee=l.states,_e={...l.defaultOptions,variant:"normal"},$e=[{name:"normal",title:"Normal"},{name:"label",title:"With label"}],Be=[],N=t=>{let{variant:e,...n}=t;return e==="label"?(0,J.jsx)(re,{...n}):(0,J.jsx)(le,{...n})};N.options=we;N.states=Ee;N.variants=$e;N.defaultOptions=_e;N.modifiers=Be;N.className=l.className;var He=N;