@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.82 kB
JavaScript
var w=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var ee=Object.prototype.hasOwnProperty;var te=(t,e)=>{for(var o in e)w(t,o,{get:e[o],enumerable:!0})},oe=(t,e,o,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of j(e))!ee.call(t,c)&&c!==o&&w(t,c,{get:()=>e[c],enumerable:!(m=Z(e,c))||m.enumerable});return t};var ae=t=>oe(w({},"__esModule",{value:!0}),t);var Ke={};te(Ke,{ListSelectAll:()=>g,default:()=>Me});module.exports=ae(Ke);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,m)=>e[m]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var X=(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"}),M=(t,e)=>{let{valid:o,invalid:m,hover:c,focus:N,checked:u,active:f,selected:A,disabled:S,indeterminate:H,loading:_,empty:z,readonly:T,highlighted:Y,...R}=e;return i({"k-valid":o,"k-invalid":m,"k-hover":c,"k-focus":N,"k-checked":u,"k-active":f,"k-selected":A,"k-disabled":S,"k-indeterminate":H&&!u,"k-loading":_,"k-empty":z,"k-readonly":T,"k-highlighted":Y},Object.keys(R).reduce(($,O)=>(O.startsWith("k-")?$[O]=R[O]:$[`k-${O}`]=R[O],$),{}))};var E={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 l={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 B={};function b(t){return B[t]=(B[t]||0)+1,`k-${t}-${B[t]}`}var k="checkbox",C=k;var G=require("react/jsx-runtime"),K="k-checkbox",re=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],ne={size:[E.undefined,E.small,E.medium,E.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},ie={},s=t=>{let{id:e,checked:o,indeterminate:m,hover:c,focus:N,disabled:u,invalid:f,valid:A,required:S,size:H,rounded:_,wrapperRole:z,...T}=t;return(0,G.jsx)("span",{className:"k-checkbox-wrap",role:z,children:(0,G.jsx)("input",{...T,id:e,type:"checkbox",defaultChecked:o,required:S,disabled:u||void 0,"aria-invalid":f?"true":void 0,className:i(t.className,K,X(K,{size:H,rounded:_}),M(K,{hover:c,focus:N,disabled:u,invalid:f,valid:A,indeterminate:m,checked:o}))})})};s.states=re;s.options=ne;s.className=K;s.defaultOptions=ie;s.moduleName=k;s.folderName=C;s.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 d=s;var q=require("react/jsx-runtime"),F="k-checkbox-list",le=[],se={},U={layout:"vertical"},r=t=>{let{layout:e=U.layout,...o}=t;return(0,q.jsx)("ul",{...o,className:i(t.className,F,{[`k-list-${e}`]:e}),children:t.children})};r.states=le;r.options=se;r.className=F;r.defaultOptions=U;r.moduleName=k;r.folderName=C;var J=require("react/jsx-runtime"),V="k-checkbox-list-item",ce=[],de={},me={},n=t=>{let{...e}=t;return(0,J.jsx)("li",{...e,className:i(t.className,V),children:t.children})};n.states=ce;n.options=de;n.className=V;n.defaultOptions=me;n.moduleName=k;n.folderName=C;var p=require("react/jsx-runtime"),h=({children:t="Label",id:e="cb-label-after",...o})=>(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{id:e,...o}),(0,p.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var P=require("react/jsx-runtime");var W=require("react/jsx-runtime");var D=require("react/jsx-runtime");var be=require("react/jsx-runtime");var he=require("react/jsx-runtime");var ue=require("react/jsx-runtime");var a=require("react/jsx-runtime"),xe=r.options,ke=r.states,pe={...r.defaultOptions,variant:"vertical"},fe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ce=[],L=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)(h,{id:b("cb"),defaultChecked:!0,children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(h,{id:b("cb"),children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(h,{id:b("cb"),children:"Label"})})]}):(0,a.jsxs)(r,{...o,children:[(0,a.jsx)(n,{children:(0,a.jsx)(h,{id:b("cb"),defaultChecked:!0,children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(h,{id:b("cb"),children:"Label"})}),(0,a.jsx)(n,{children:(0,a.jsx)(h,{id:b("cb"),children:"Label"})})]})};L.options=xe;L.states=ke;L.variants=fe;L.defaultOptions=pe;L.modifiers=Ce;L.className=r.className;var Q=require("react/jsx-runtime"),Le=d.options,ve=d.states,ye=d.defaultOptions,ge=[],Ne=[],v=t=>(0,Q.jsx)(h,{id:b("checkbox"),...t,defaultChecked:!0,children:"Label"});v.options=Le;v.states=ve;v.variants=ge;v.defaultOptions=ye;v.modifiers=Ne;v.className=d.className;var y=require("react/jsx-runtime"),I="k-list-sticky-header",Ae=[l.hover,l.focus,l.selected],Oe={},Ee={},g=t=>{let{label:e="Select all",showCheckbox:o=!0,checked:m,indeterminate:c,hover:N,focus:u,selected:f,...A}=t;return(0,y.jsx)("div",{...A,className:i(I,t.className),children:(0,y.jsxs)("div",{className:i(`${I}-item`,M(`${I}-item`,{hover:N,focus:u,selected:f})),children:[o&&(0,y.jsx)(s,{checked:m,indeterminate:c,"aria-label":e}),(0,y.jsx)("span",{className:"k-list-item-text",children:e})]})})};g.states=Ae;g.options=Oe;g.className=I;g.defaultOptions=Ee;var Me=g;