@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.62 kB
JavaScript
var S=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var j=Object.prototype.hasOwnProperty;var ee=(t,e)=>{for(var o in e)S(t,o,{get:e[o],enumerable:!0})},te=(t,e,o,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of Z(e))!j.call(t,m)&&m!==o&&S(t,m,{get:()=>e[m],enumerable:!(c=Y(e,m))||c.enumerable});return t};var oe=t=>te(S({},"__esModule",{value:!0}),t);var Ae={};ee(Ae,{ColumnMenuMulticheckItem:()=>O,default:()=>Ee});module.exports=oe(Ae);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,c)=>e[c]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var W=(t,e)=>i({[`${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"}),X=(t,e)=>{let{valid:o,invalid:c,hover:m,focus:E,checked:v,active:M,selected:A,disabled:I,indeterminate:K,loading:H,empty:z,readonly:_,highlighted:Q,...R}=e;return i({"k-valid":o,"k-invalid":c,"k-hover":m,"k-focus":E,"k-checked":v,"k-active":M,"k-selected":A,"k-disabled":I,"k-indeterminate":K&&!v,"k-loading":H,"k-empty":z,"k-readonly":_,"k-highlighted":Q},Object.keys(R).reduce((T,L)=>(L.startsWith("k-")?T[L]=R[L]:T[`k-${L}`]=R[L],T),{}))};var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var b={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 $={};function h(t){return $[t]=($[t]||0)+1,`k-${t}-${$[t]}`}var k="checkbox",f=k;var w=require("react/jsx-runtime"),N="k-checkbox",ae=[b.hover,b.focus,b.valid,b.invalid,b.required,b.disabled,b.checked,b.indeterminate],re={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},ne={},l=t=>{let{id:e,checked:o,indeterminate:c,hover:m,focus:E,disabled:v,invalid:M,valid:A,required:I,size:K,rounded:H,wrapperRole:z,..._}=t;return(0,w.jsx)("span",{className:"k-checkbox-wrap",role:z,children:(0,w.jsx)("input",{..._,id:e,type:"checkbox",defaultChecked:o,required:I,disabled:v||void 0,"aria-invalid":M?"true":void 0,className:i(t.className,N,W(N,{size:K,rounded:H}),X(N,{hover:m,focus:E,disabled:v,invalid:M,valid:A,indeterminate:c,checked:o}))})})};l.states=ae;l.options=re;l.className=N;l.defaultOptions=ne;l.moduleName=k;l.folderName=f;l.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var s=l;var U=require("react/jsx-runtime"),D="k-checkbox-list",ie=[],le={},F={layout:"vertical"},r=t=>{let{layout:e=F.layout,...o}=t;return(0,U.jsx)("ul",{...o,className:i(t.className,D,{[`k-list-${e}`]:e}),children:t.children})};r.states=ie;r.options=le;r.className=D;r.defaultOptions=F;r.moduleName=k;r.folderName=f;var V=require("react/jsx-runtime"),q="k-checkbox-list-item",se=[],ce={},de={},n=t=>{let{...e}=t;return(0,V.jsx)("li",{...e,className:i(t.className,q),children:t.children})};n.states=se;n.options=ce;n.className=q;n.defaultOptions=de;n.moduleName=k;n.folderName=f;var p=require("react/jsx-runtime"),u=({children:t="Label",id:e="cb-label-after",...o})=>(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s,{id:e,...o}),(0,p.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var B=require("react/jsx-runtime");var G=require("react/jsx-runtime");var P=require("react/jsx-runtime");var me=require("react/jsx-runtime");var be=require("react/jsx-runtime");var he=require("react/jsx-runtime");var a=require("react/jsx-runtime"),ue=r.options,xe=r.states,ke={...r.defaultOptions,variant:"vertical"},pe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],fe=[],C=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,a.jsxs)(r,{layout:"horizontal",...o,children:[(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),defaultChecked:!0,children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),children:"Label"})})]}):(0,a.jsxs)(r,{...o,children:[(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),defaultChecked:!0,children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(u,{id:h("cb"),children:"Label"})})]})};C.options=ue;C.states=xe;C.variants=pe;C.defaultOptions=ke;C.modifiers=fe;C.className=r.className;var J=require("react/jsx-runtime"),Ce=s.options,ge=s.states,ye=s.defaultOptions,ve=[],Le=[],g=t=>(0,J.jsx)(u,{id:h("checkbox"),...t,defaultChecked:!0,children:"Label"});g.options=Ce;g.states=ge;g.variants=ve;g.defaultOptions=ye;g.modifiers=Le;g.className=s.className;var y=require("react/jsx-runtime"),Me="k-item",Ne={size:[d.undefined,d.small,d.medium,d.large]},Oe=[],O=t=>{let{text:e,size:o,...c}=t;return(0,y.jsx)("li",{...c,className:i(t.className,Me),children:(0,y.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,y.jsx)(l,{size:o}),(0,y.jsx)("span",{children:e})]})})};O.states=Oe;O.options=Ne;var Ee=O;