UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 8.04 kB
var se=Object.create;var L=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ce=(t,e)=>{for(var r in e)L(t,r,{get:e[r],enumerable:!0})},V=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ae(e))!de.call(t,s)&&s!==r&&L(t,s,{get:()=>e[s],enumerable:!(i=ie(e,s))||i.enumerable});return t};var me=(t,e,r)=>(r=t!=null?se(le(t)):{},V(e||!t||!t.__esModule?L(r,"default",{value:t,enumerable:!0}):r,t)),ue=t=>V(L({},"__esModule",{value:!0}),t);var Te={};ce(Te,{SegmentedControlDisabled:()=>ke});module.exports=ue(Te);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,i)=>e[i]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(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"}),j=(t,e)=>{let{valid:r,invalid:i,hover:s,focus:d,checked:c,active:a,selected:f,disabled:h,indeterminate:g,loading:y,empty:N,readonly:ne,highlighted:re,...R}=e;return l({"k-valid":r,"k-invalid":i,"k-hover":s,"k-focus":d,"k-checked":c,"k-active":a,"k-selected":f,"k-disabled":h,"k-indeterminate":g&&!c,"k-loading":y,"k-empty":N,"k-readonly":ne,"k-highlighted":re},Object.keys(R).reduce((w,O)=>(O.startsWith("k-")?w[O]=R[O]:w[`k-${O}`]=R[O],w),{}))};var o={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},E={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 k=require("react/jsx-runtime"),D="k-font-icon",pe=[],fe={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},ge={},T=t=>{let{size:e,themeColor:r,icon:i,rotate:s,flip:d,...c}=t;return i?(0,k.jsx)("span",{...c,className:l(t.className,D,b(D,{size:e}),{[`k-i-${i}`]:i,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,k.jsx)(k.Fragment,{})};T.states=pe;T.options=fe;T.className=D;T.defaultOptions=ge;var q=T;var C=require("react/jsx-runtime"),K="k-svg-icon",xe=[],he={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[m.outline,m.solid,m.duotone]},$={viewBox:"0 0 24 24",variant:m.outline},M=t=>{var y,N;let{size:e,themeColor:r,rotate:i,flip:s,viewBox:d=$.viewBox,variant:c=$.variant,icon:a,...f}=t;if(!a)return(0,C.jsx)(C.Fragment,{});if(a==="none")return(0,C.jsx)("span",{...f,className:l(t.className,K,b("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof a=="object"&&a.name&&a.name,g=typeof a=="object"?c&&((y=a.variants)==null?void 0:y[c])||((N=a.variants)==null?void 0:N.outline)||a.content:void 0;return(0,C.jsx)("span",{...f,className:l(t.className,K,b("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,C.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:d,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:a?void 0:t.children})})};M.states=xe;M.options=he;M.className=K;M.defaultOptions=$;var H=M;var G=me(require("@progress/kendo-svg-icons"));var W="icon",J="icons";var Y=require("react");var Q=require("react"),X=(0,Q.createContext)({iconsType:"svg"});var u=require("react/jsx-runtime"),A="k-icon",Ne=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),be=[],Ce={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[m.outline,m.solid,m.duotone]},I={viewBox:"0 0 24 24",type:"svg",variant:m.outline},p=t=>{let{iconsType:e}=(0,Y.useContext)(X),{size:r,themeColor:i,icon:s,type:d=e||I.type,rotate:c,flip:a,viewBox:f=I.viewBox,variant:h=I.variant,...g}=t;if(!s)return(0,u.jsx)(u.Fragment,{});if((e||d)==="svg"){if(s==="none")return(0,u.jsx)(H,{...g,className:l(t.className,A),icon:s,size:r,variant:h});let N=G[s]?s:Ne(`${s}-icon`);return G[N]?(0,u.jsx)(H,{...g,className:l(t.className,A),icon:G[N],size:r,themeColor:i,rotate:c,flip:a,viewBox:f,variant:h}):(0,u.jsx)(u.Fragment,{})}return(0,u.jsx)(q,{...g,className:l(t.className,A),icon:s,size:r,themeColor:i,rotate:c,flip:a})};p.states=be;p.options=Ce;p.defaultOptions=I;p.className=A;p.moduleName=W;p.folderName=J;p.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 F="segmented-control",Z=F,ee="segmented-control-button",te="segmented-control";var _=require("react/jsx-runtime"),P="k-segmented-control-button",ve=[E.selected,E.hover,E.focus,E.disabled],Se={},ye={},v=t=>{let{hover:e,focus:r,selected:i,disabled:s,icon:d,text:c,iconClassName:a,...f}=t;return(0,_.jsxs)("button",{...f,className:l(t.className,P,j(P,{hover:e,focus:r,disabled:s,selected:i})),"aria-pressed":i?"true":"false","aria-disabled":s?"true":void 0,children:[d&&(0,_.jsx)(p,{className:l(a,"k-segmented-control-button-icon"),icon:d}),(c||t.children)&&(0,_.jsx)("span",{className:"k-segmented-control-button-text",children:c||t.children})]})};v.states=ve;v.options=Se;v.className=P;v.defaultOptions=ye;v.moduleName=ee;v.folderName=te;var U=v;var B=require("react/jsx-runtime"),z="k-segmented-control",Oe=[],Ee={size:[o.undefined,o.small,o.medium,o.large]},S=t=>{let{size:e,stretched:r,children:i,thumbStyles:s,...d}=t;return(0,B.jsxs)("div",{...d,className:l(t.className,z,b(z,{size:e}),{[`${z}-stretched`]:r}),role:"group",children:[(0,B.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),i]})};S.states=Oe;S.options=Ee;S.className=z;S.moduleName=F;S.folderName=Z;S.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var oe=S;var x=require("react/jsx-runtime"),ke=t=>(0,x.jsx)(oe,{...t,children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(U,{icon:"search",selected:!0,children:"Search"}),(0,x.jsx)(U,{icon:"sparkles",disabled:!0,children:" AI Assistant"})]})});