@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 12.3 kB
JavaScript
var $e=Object.create;var U=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,Ve=Object.prototype.hasOwnProperty;var Ge=(e,t)=>{for(var o in t)U(e,o,{get:t[o],enumerable:!0})},de=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Fe(t))!Ve.call(e,a)&&a!==o&&U(e,a,{get:()=>t[a],enumerable:!(r=Ue(t,a))||r.enumerable});return e};var Ye=(e,t,o)=>(o=e!=null?$e(We(e)):{},de(t||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),qe=e=>de(U({},"__esModule",{value:!0}),e);var Ot={};Ge(Ot,{DialogNonModal:()=>yt});module.exports=qe(Ot);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 B=(e,t)=>s({[`${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"}),ce=(e,t)=>{let{valid:o,invalid:r,hover:a,focus:c,checked:m,active:d,selected:x,disabled:p,indeterminate:N,loading:T,empty:h,readonly:P,highlighted:Y,...S}=t;return s({"k-valid":o,"k-invalid":r,"k-hover":a,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":x,"k-disabled":p,"k-indeterminate":N&&!m,"k-loading":T,"k-empty":h,"k-readonly":P,"k-highlighted":Y},Object.keys(S).reduce((g,E)=>(E.startsWith("k-")?g[E]=S[E]:g[`k-${E}`]=S[E],g),{}))};function me(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={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"},_={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 q={};function J(e){return q[e]=(q[e]||0)+1,`k-${e}-${q[e]}`}var K=require("react/jsx-runtime"),X="k-font-icon",Je=[],Xe={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Qe={},R=e=>{let{size:t,themeColor:o,icon:r,rotate:a,flip:c,...m}=e;return r?(0,K.jsx)("span",{...m,className:s(e.className,X,B(X,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,K.jsx)(K.Fragment,{})};R.states=Je;R.options=Xe;R.className=X;R.defaultOptions=Qe;var ue=R;var I=require("react/jsx-runtime"),Q="k-svg-icon",Ze=[],je={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[b.outline,b.solid,b.duotone]},Z={viewBox:"0 0 24 24",variant:b.outline},z=e=>{var T,h;let{size:t,themeColor:o,rotate:r,flip:a,viewBox:c=Z.viewBox,variant:m=Z.variant,icon:d,...x}=e;if(!d)return(0,I.jsx)(I.Fragment,{});if(d==="none")return(0,I.jsx)("span",{...x,className:s(e.className,Q,B("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let p=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?m&&((T=d.variants)==null?void 0:T[m])||((h=d.variants)==null?void 0:h.outline)||d.content:void 0;return(0,I.jsx)("span",{...x,className:s(e.className,Q,B("k-icon",{size:t}),{[`k-svg-i-${p}`]:p,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,I.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:e.children})})};z.states=Ze;z.options=je;z.className=Q;z.defaultOptions=Z;var j=z;var ee=Ye(require("@progress/kendo-svg-icons"));var pe="icon",fe="icons";var Ne=require("react");var ge=require("react"),xe=(0,ge.createContext)({iconsType:"svg"});var O=require("react/jsx-runtime"),F="k-icon",et=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tt=[],ot={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[b.outline,b.solid,b.duotone]},W={viewBox:"0 0 24 24",type:"svg",variant:b.outline},v=e=>{let{iconsType:t}=(0,Ne.useContext)(xe),{size:o,themeColor:r,icon:a,type:c=t||W.type,rotate:m,flip:d,viewBox:x=W.viewBox,variant:p=W.variant,...N}=e;if(!a)return(0,O.jsx)(O.Fragment,{});if((t||c)==="svg"){if(a==="none")return(0,O.jsx)(j,{...N,className:s(e.className,F),icon:a,size:o,variant:p});let h=ee[a]?a:et(`${a}-icon`);return ee[h]?(0,O.jsx)(j,{...N,className:s(e.className,F),icon:ee[h],size:o,themeColor:r,rotate:m,flip:d,viewBox:x,variant:p}):(0,O.jsx)(O.Fragment,{})}return(0,O.jsx)(ue,{...N,className:s(e.className,F),icon:a,size:o,themeColor:r,rotate:m,flip:d})};v.states=tt;v.options=ot;v.defaultOptions=W;v.className=F;v.moduleName=pe;v.folderName=fe;v.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 te="button",he=te;var f=require("react/jsx-runtime"),H="k-button",nt=["icon-button"],it=[_.hover,_.focus,_.active,_.selected,_.disabled,_.generating],at={size:[i.undefined,i.xsmall,i.small,i.medium,i.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},oe={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:r,fillMode:a,themeColor:c,showArrow:m=oe.showArrow,arrowIconName:d=oe.arrowIconName,variant:x,hover:p,focus:N,active:T,selected:h,disabled:P,togglable:Y,ariaDisabled:S,icon:g,iconSize:E,text:$,iconClassName:Ke,className:Re,...ze}=e,He=g!=null,Pe=e.children!==void 0;return(0,f.jsxs)(t,{className:s(Re,H,me(H,x),B(H,{size:o,rounded:r,fillMode:a,themeColor:c}),ce(H,{hover:p,focus:N,active:T,disabled:P||S,selected:h}),{"k-icon-button":!$&&!Pe&&He}),"aria-pressed":Y?h?"true":"false":void 0,...ze,"aria-disabled":S?"true":void 0,disabled:P||void 0,children:[typeof g=="string"&&g&&(0,f.jsx)(v,{className:s(Ke,"k-button-icon"),icon:g,size:E}),g&&typeof g!="string"&&(0,f.jsx)(f.Fragment,{children:g}),$?(0,f.jsxs)(f.Fragment,{children:[$&&(0,f.jsx)("span",{className:"k-button-text",children:$}),e.children]}):e.children&&(0,f.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,f.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,f.jsx)(v,{icon:d})})]})};l.states=it;l.options=at;l.variants=nt;l.className=H;l.defaultOptions=oe;l.moduleName=te;l.folderName=he;l.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ve=require("react/jsx-runtime"),be=e=>(0,ve.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Oe=require("react/jsx-runtime"),ye=e=>(0,Oe.jsx)(l,{icon:"folder",children:"Button",...e});var Ce=require("react/jsx-runtime"),Ae=e=>(0,Ce.jsx)(l,{children:"Button",...e});var V=require("react/jsx-runtime"),rt=l.options,st=l.states,lt={...l.defaultOptions,variant:"text"},dt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ct=[],D=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,V.jsx)(be,{...o,icon:"star"});case"icon-and-text":return(0,V.jsx)(ye,{...o,icon:"star",children:"Button"});default:return(0,V.jsx)(Ae,{...o,children:"Button"})}};D.options=rt;D.states=st;D.variants=dt;D.defaultOptions=lt;D.modifiers=ct;D.className=l.className;var ne="action-buttons",ke=ne;var Me=require("react/jsx-runtime"),G="k-actions",mt=[],ut={},ie={alignment:"start",orientation:"horizontal"},A=e=>{let{alignment:t=ie.alignment,orientation:o=ie.orientation,...r}=e;return(0,Me.jsx)("div",{...r,className:s(G,{[`${G}-${t}`]:t,[`${G}-${o}`]:o},e.className),children:e.children})};A.states=mt;A.options=ut;A.className=G;A.defaultOptions=ie;A.moduleName=ne;A.folderName=ke;var ae="window",Te=ae;var Be=require("react/jsx-runtime"),Ee="k-window-content",pt=[],ft={},gt={},C=e=>{let{children:t,...o}=e;return(0,Be.jsx)("div",{...o,className:s(Ee,e.className),children:t})};C.states=pt;C.options=ft;C.className=Ee;C.defaultOptions=gt;C.moduleName=ae;C.folderName=Te;var re="dialog",we=re;var se="overlay",Le=se;var Ie=require("react/jsx-runtime"),_e="k-overlay",xt=[],Nt={},ht={},k=e=>{let{...t}=e;return(0,Ie.jsx)("div",{...t,className:s(e.className,_e),children:e.children})};k.states=xt;k.options=Nt;k.className=_e;k.defaultOptions=ht;k.moduleName=se;k.folderName=Le;var u=require("react/jsx-runtime"),Se="k-dialog",bt=[],vt={},le={actionButtonsAlign:"stretched",modal:!0},M=e=>{let{title:t,actions:o,actionButtons:r,actionButtonsAlign:a=le.actionButtonsAlign,modal:c=le.modal,...m}=e,d=t!==void 0?J("dialog-titlebar"):void 0,x=J("dialog-content");return(0,u.jsxs)("div",{className:"k-dialog-wrapper",children:[c&&(0,u.jsx)(k,{}),(0,u.jsxs)("div",{...m,className:s(e.className,Se,"k-window"),role:"dialog","aria-labelledby":d,"aria-describedby":x,...c&&{"aria-modal":"true"},children:[(t!==void 0||o)&&(0,u.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:d,children:[t!==void 0&&(0,u.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(p=>(0,u.jsx)(l,{icon:p,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":p},p))})})]}),(0,u.jsx)(C,{className:"k-dialog-content",id:x,children:e.children}),r&&(0,u.jsx)(A,{alignment:a,className:"k-window-actions k-dialog-actions",children:r})]})]})};M.states=bt;M.options=vt;M.className=Se;M.defaultOptions=le;M.moduleName=re;M.folderName=we;M.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var De=M;var y=require("react/jsx-runtime"),yt=e=>(0,y.jsx)(De,{title:"Title",children:(0,y.jsx)(y.Fragment,{children:"Dialog content"}),actionButtons:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(l,{children:"Action"}),(0,y.jsx)(l,{themeColor:"primary",children:"Primary"})]}),actions:["x"],modal:!1,...e});