@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 15.2 kB
JavaScript
var Ye=Object.create;var j=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var je=Object.getOwnPropertyNames;var et=Object.getPrototypeOf,tt=Object.prototype.hasOwnProperty;var ot=(e,t)=>{for(var o in t)j(e,o,{get:t[o],enumerable:!0})},ge=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of je(t))!tt.call(e,i)&&i!==o&&j(e,i,{get:()=>t[i],enumerable:!(r=Ze(t,i))||r.enumerable});return e};var ee=(e,t,o)=>(o=e!=null?Ye(et(e)):{},ge(t||!e||!e.__esModule?j(o,"default",{value:e,enumerable:!0}):o,e)),rt=e=>ge(j({},"__esModule",{value:!0}),e);var Zt={};ot(Zt,{FILEMANAGERTREEVIEW_CLASSNAME:()=>ye,FileManagerTreeview:()=>S,default:()=>Yt});module.exports=rt(Zt);var re=ee(require("react"));var te=ee(require("react"));var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),_=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:d,checked:c,active:l,selected:y,disabled:v,indeterminate:b,loading:E,empty:w,readonly:X,highlighted:F,...D}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":d,"k-checked":c,"k-active":l,"k-selected":y,"k-disabled":v,"k-indeterminate":b&&!c,"k-loading":E,"k-empty":w,"k-readonly":X,"k-highlighted":F},Object.keys(D).reduce((B,K)=>(K.startsWith("k-")?B[K]=D[K]:B[`k-${K}`]=D[K],B),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},H={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var g={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},h={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 me={};function L(e){return me[e]=(me[e]||0)+1,`k-${e}-${me[e]}`}var Ee=require("react/jsx-runtime"),it="k-treeview-group",M=e=>{let{children:t,dir:o,level:r=1,role:i="group",...d}=e;return(0,Ee.jsx)("ul",{...d,className:a(e.className,it),role:i,children:te.default.Children.map(t,(c,l)=>te.default.isValidElement(c)?te.default.cloneElement(c,{dir:o,level:r,key:l}):c)})};var q="treeview",oe=q;var he=require("react/jsx-runtime"),pe="k-treeview",nt=[],at={size:[n.undefined,n.small,n.medium,n.large]},st={},m=e=>{let{size:t,children:o,dir:r,...i}=e;return(0,he.jsx)("div",{...i,dir:r,className:a(e.className,pe,I(pe,{size:t})),children:(0,he.jsx)(M,{className:"k-treeview-lines",role:"tree",dir:r,children:re.default.Children.map(o,(d,c)=>re.default.isValidElement(d)?re.default.cloneElement(d,{dir:r,key:c}):d)})})};m.states=nt;m.options=at;m.className=pe;m.defaultOptions=st;m.moduleName=q;m.folderName=oe;m.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};var le=ee(require("react"));var G="checkbox",V=G;var xe=require("react/jsx-runtime"),ie="k-checkbox",lt=[h.hover,h.focus,h.valid,h.invalid,h.required,h.disabled,h.checked,h.indeterminate],ct={size:[n.undefined,n.small,n.medium,n.large],rounded:[H.undefined,H.none,H.small,H.medium,H.large,H.full]},dt={},k=e=>{let{id:t,checked:o,indeterminate:r,hover:i,focus:d,disabled:c,invalid:l,valid:y,required:v,size:b,rounded:E,wrapperRole:w,...X}=e;return(0,xe.jsx)("span",{className:"k-checkbox-wrap",role:w,children:(0,xe.jsx)("input",{...X,id:t,type:"checkbox",defaultChecked:o,required:v,disabled:c||void 0,"aria-invalid":l?"true":void 0,className:a(e.className,ie,I(ie,{size:b,rounded:E}),_(ie,{hover:i,focus:d,disabled:c,invalid:l,valid:y,indeterminate:r,checked:o}))})})};k.states=lt;k.options=ct;k.className=ie;k.defaultOptions=dt;k.moduleName=G;k.folderName=V;k.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 T=k;var Me=require("react/jsx-runtime"),Ie="k-checkbox-list",mt=[],pt={},Le={layout:"vertical"},u=e=>{let{layout:t=Le.layout,...o}=e;return(0,Me.jsx)("ul",{...o,className:a(e.className,Ie,{[`k-list-${t}`]:t}),children:e.children})};u.states=mt;u.options=pt;u.className=Ie;u.defaultOptions=Le;u.moduleName=G;u.folderName=V;var Oe=require("react/jsx-runtime"),Ae="k-checkbox-list-item",ht=[],xt={},ut={},f=e=>{let{...t}=e;return(0,Oe.jsx)("li",{...t,className:a(e.className,Ae),children:e.children})};f.states=ht;f.options=xt;f.className=Ae;f.defaultOptions=ut;f.moduleName=G;f.folderName=V;var z=require("react/jsx-runtime"),A=({children:e="Label",id:t="cb-label-after",...o})=>(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(T,{id:t,...o}),(0,z.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var ue=require("react/jsx-runtime");var fe=require("react/jsx-runtime");var be=require("react/jsx-runtime");var ft=require("react/jsx-runtime");var bt=require("react/jsx-runtime");var vt=require("react/jsx-runtime");var x=require("react/jsx-runtime"),kt=u.options,Ct=u.states,wt={...u.defaultOptions,variant:"vertical"},Tt=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Nt=[],$=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,x.jsxs)(u,{layout:"horizontal",...o,children:[(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),defaultChecked:!0,children:"Label"})}),(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),children:"Label"})}),(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),children:"Label"})})]}):(0,x.jsxs)(u,{...o,children:[(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),defaultChecked:!0,children:"Label"})}),(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),children:"Label"})}),(0,x.jsx)(f,{children:(0,x.jsx)(A,{id:L("cb"),children:"Label"})})]})};$.options=kt;$.states=Ct;$.variants=Tt;$.defaultOptions=wt;$.modifiers=Nt;$.className=u.className;var Re=require("react/jsx-runtime"),yt=T.options,gt=T.states,Et=T.defaultOptions,It=[],Lt=[],W=e=>(0,Re.jsx)(A,{id:L("checkbox"),...e,defaultChecked:!0,children:"Label"});W.options=yt;W.states=gt;W.variants=It;W.defaultOptions=Et;W.modifiers=Lt;W.className=T.className;var J=require("react/jsx-runtime"),ve="k-font-icon",Mt=[],At={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},Ot={},Q=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:d,...c}=e;return r?(0,J.jsx)("span",{...c,className:a(e.className,ve,I(ve,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,J.jsx)(J.Fragment,{})};Q.states=Mt;Q.options=At;Q.className=ve;Q.defaultOptions=Ot;var Se=Q;var P=require("react/jsx-runtime"),ke="k-svg-icon",Rt=[],St={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[g.outline,g.solid,g.duotone]},Ce={viewBox:"0 0 24 24",variant:g.outline},Y=e=>{var E,w;let{size:t,themeColor:o,rotate:r,flip:i,viewBox:d=Ce.viewBox,variant:c=Ce.variant,icon:l,...y}=e;if(!l)return(0,P.jsx)(P.Fragment,{});if(l==="none")return(0,P.jsx)("span",{...y,className:a(e.className,ke,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof l=="object"&&l.name&&l.name,b=typeof l=="object"?c&&((E=l.variants)==null?void 0:E[c])||((w=l.variants)==null?void 0:w.outline)||l.content:void 0;return(0,P.jsx)("span",{...y,className:a(e.className,ke,I("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,P.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:d,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:l?void 0:e.children})})};Y.states=Rt;Y.options=St;Y.className=ke;Y.defaultOptions=Ce;var we=Y;var Te=ee(require("@progress/kendo-svg-icons"));var Ke="icon",_e="icons";var ze=require("react");var He=require("react"),Ge=(0,He.createContext)({iconsType:"svg"});var O=require("react/jsx-runtime"),ne="k-icon",Kt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_t=[],Ht={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[g.outline,g.solid,g.duotone]},ae={viewBox:"0 0 24 24",type:"svg",variant:g.outline},N=e=>{let{iconsType:t}=(0,ze.useContext)(Ge),{size:o,themeColor:r,icon:i,type:d=t||ae.type,rotate:c,flip:l,viewBox:y=ae.viewBox,variant:v=ae.variant,...b}=e;if(!i)return(0,O.jsx)(O.Fragment,{});if((t||d)==="svg"){if(i==="none")return(0,O.jsx)(we,{...b,className:a(e.className,ne),icon:i,size:o,variant:v});let w=Te[i]?i:Kt(`${i}-icon`);return Te[w]?(0,O.jsx)(we,{...b,className:a(e.className,ne),icon:Te[w],size:o,themeColor:r,rotate:c,flip:l,viewBox:y,variant:v}):(0,O.jsx)(O.Fragment,{})}return(0,O.jsx)(Se,{...b,className:a(e.className,ne),icon:i,size:o,themeColor:r,rotate:c,flip:l})};N.states=_t;N.options=Ht;N.defaultOptions=ae;N.className=ne;N.moduleName=Ke;N.folderName=_e;N.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 Z=require("react/jsx-runtime"),Ne="k-treeview-leaf",Gt=[h.hover,h.focus,h.selected],zt={},se=e=>{let{text:t,showIcon:o,icon:r,hover:i,focus:d,selected:c,...l}=e;return(0,Z.jsxs)("span",{...l,className:a(e.className,Ne,_(Ne,{hover:i,focus:d,selected:c})),children:[o&&(0,Z.jsx)(N,{icon:r}),(0,Z.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};se.states=Gt;se.options=zt;se.className=Ne;var Pe=se;var R=require("react/jsx-runtime"),Fe="k-treeview-item",Pt=[h.hover,h.focus,h.selected,h.disabled],Ft={},Dt={},p=e=>{let{leafClassName:t,children:o,hasChildren:r,expanded:i,loading:d,text:c,showIcon:l,icon:y,showCheckbox:v,checked:b,hover:E,focus:w,selected:X,disabled:F,dir:D,level:B=1,ariaSelected:K,...Je}=e,ce=r||o||d;return(0,R.jsxs)("li",{...Je,className:a(e.className,Fe),style:{"--kendo-treeview-level":B},role:"treeitem","aria-expanded":ce?i?"true":"false":void 0,"aria-checked":v?b?"true":"false":void 0,"aria-selected":K?"true":void 0,"aria-disabled":F?"true":void 0,children:[(0,R.jsxs)("span",{className:a("k-treeview-item-content",_("k-treeview-item-content",{hover:E,focus:w,selected:X,disabled:F})),children:[ce&&(0,R.jsx)("span",{className:a("k-treeview-toggle",_("k-treeview-toggle",{disabled:F})),children:d?(0,R.jsx)("span",{className:"k-icon k-i-loading"}):(0,R.jsx)(N,{icon:i?"chevron-down":D==="rtl"?"chevron-left":"chevron-right"})}),v&&(0,R.jsx)(k,{checked:b,disabled:F,"aria-label":c,tabIndex:-1}),(0,R.jsx)(Pe,{className:t,text:c,showIcon:l,icon:y})]}),i&&ce&&le.default.Children.map(o,(de,Qe)=>le.default.isValidElement(de)?le.default.cloneElement(de,{dir:D,level:B+1,key:Qe}):de)]})};p.states=Pt;p.options=Ft;p.className=Fe;p.defaultOptions=Dt;p.moduleName=q;p.folderName=oe;var Bt=require("react/jsx-runtime");var De=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var We=require("react/jsx-runtime");var C=require("react/jsx-runtime"),Vt=m.options,$t=m.states,Wt=m.defaultOptions,Ut=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Xt=[],U=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(i=>{i==="checkboxes"&&(r.showCheckbox=t==null?void 0:t[i])}),(0,C.jsxs)(m,{...o,children:[(0,C.jsx)(p,{text:"Furniture",expanded:!0,...r,children:(0,C.jsxs)(M,{children:[(0,C.jsx)(p,{text:"Tables & Chairs",...r}),(0,C.jsx)(p,{text:"Sofas",...r}),(0,C.jsx)(p,{text:"Occasional Furniture",...r})]})}),(0,C.jsxs)(p,{text:"Decor",expanded:!1,...r,children:[(0,C.jsx)(p,{text:"Bed Linen",...r}),(0,C.jsx)(p,{text:"Curtains & Blinds",...r}),(0,C.jsx)(p,{text:"Carpets",...r})]})]})};U.options=Vt;U.states=$t;U.variants=Xt;U.defaultOptions=Wt;U.modifiers=Ut;U.className=m.className;var Ue="file-manager",Xe="filemanager";var qe=require("react/jsx-runtime"),ye="k-filemanager-treeview",qt=[],Jt={},Qt={},S=e=>{let{children:t,...o}=e;return(0,qe.jsx)(m,{className:a(e.className,ye),...o,children:t})};S.states=qt;S.options=Jt;S.className=ye;S.defaultOptions=Qt;S.moduleName=Ue;S.folderName=Xe;var Yt=S;