@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 13.7 kB
JavaScript
var Je=Object.create;var $=Object.defineProperty;var Xe=Object.getOwnPropertyDescriptor;var We=Object.getOwnPropertyNames;var Ye=Object.getPrototypeOf,Qe=Object.prototype.hasOwnProperty;var Ze=(e,t)=>{for(var o in t)$(e,o,{get:t[o],enumerable:!0})},Ne=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of We(t))!Qe.call(e,i)&&i!==o&&$(e,i,{get:()=>t[i],enumerable:!(r=Xe(t,i))||r.enumerable});return e};var je=(e,t,o)=>(o=e!=null?Je(Ye(e)):{},Ne(t||!e||!e.__esModule?$(o,"default",{value:e,enumerable:!0}):o,e)),et=e=>Ne($({},"__esModule",{value:!0}),e);var Ct={};Ze(Ct,{TimeSelector:()=>O,default:()=>X});module.exports=et(Ct);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...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 k=(e,t)=>l({[`${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"}),F=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:a,checked:d,active:m,selected:u,disabled:p,indeterminate:N,loading:g,empty:T,readonly:D,highlighted:W,...w}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":a,"k-checked":d,"k-active":m,"k-selected":u,"k-disabled":p,"k-indeterminate":N&&!d,"k-loading":g,"k-empty":T,"k-readonly":D,"k-highlighted":W},Object.keys(w).reduce((h,B)=>(B.startsWith("k-")?h[B]=w[B]:h[`k-${B}`]=w[B],h),{}))};function xe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},_={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},I={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={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"},A={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 f=require("react/jsx-runtime"),tt=[A.focus],Y=e=>{let{type:t,focus:o,separator:r,...i}=e,a,d=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":a="Day";break;case"HH":a="Hour";break;case"mm":a="Minute";break;case"ss":a="Second";break;case"SSS":a="Millisecond",d=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":a="AM/PM",d=["AM","PM"];break;default:a="Column Name";break}let m=d.map((u,p)=>(0,f.jsx)("li",{className:"k-item",role:"option","aria-selected":"false",children:(0,f.jsx)("span",{children:u})},p));return(0,f.jsxs)(f.Fragment,{children:[r&&(0,f.jsx)("div",{className:"k-time-separator",children:":"}),(0,f.jsxs)("div",{...i,className:l(e.className,"k-time-list-wrapper",F("k-time-list-wrapper",{focus:o})),children:[(0,f.jsx)("span",{className:"k-title",children:a}),(0,f.jsx)("div",{className:"k-time-list",role:"listbox","aria-label":a,children:(0,f.jsxs)("div",{className:"k-content k-scrollable k-time-container",children:[(0,f.jsx)("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:m}),(0,f.jsx)("div",{className:"k-scrollable-placeholder"})]})})]})]})};Y.states=tt;var he=require("react/jsx-runtime");var Q="action-buttons",be=Q;var ge=require("react/jsx-runtime"),V="k-actions",ot=[],nt={},Z={alignment:"start",orientation:"horizontal"},S=e=>{let{alignment:t=Z.alignment,orientation:o=Z.orientation,...r}=e;return(0,ge.jsx)("div",{...r,className:l(V,{[`${V}-${t}`]:t,[`${V}-${o}`]:o},e.className),children:e.children})};S.states=ot;S.options=nt;S.className=V;S.defaultOptions=Z;S.moduleName=Q;S.folderName=be;var H=require("react/jsx-runtime"),j="k-font-icon",st=[],it={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},rt={},R=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:a,...d}=e;return r?(0,H.jsx)("span",{...d,className:l(e.className,j,k(j,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true"}):(0,H.jsx)(H.Fragment,{})};R.states=st;R.options=it;R.className=j;R.defaultOptions=rt;var Te=R;var L=require("react/jsx-runtime"),ee="k-svg-icon",at=[],lt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[v.outline,v.solid,v.duotone]},te={viewBox:"0 0 24 24",variant:v.outline},K=e=>{var g,T;let{size:t,themeColor:o,rotate:r,flip:i,viewBox:a=te.viewBox,variant:d=te.variant,icon:m,...u}=e;if(!m)return(0,L.jsx)(L.Fragment,{});if(m==="none")return(0,L.jsx)("span",{...u,className:l(e.className,ee,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let p=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&((g=m.variants)==null?void 0:g[d])||((T=m.variants)==null?void 0:T.outline)||m.content:void 0;return(0,L.jsx)("span",{...u,className:l(e.className,ee,k("k-icon",{size:t}),{[`k-svg-i-${p}`]:p,[`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,L.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:a,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};K.states=at;K.options=lt;K.className=ee;K.defaultOptions=te;var oe=K;var ne=je(require("@progress/kendo-svg-icons"));var ve="icon",Se="icons";var ke=require("react");var ye=require("react"),Me=(0,ye.createContext)({iconsType:"svg"});var C=require("react/jsx-runtime"),G="k-icon",mt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ct=[],dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[v.outline,v.solid,v.duotone]},q={viewBox:"0 0 24 24",type:"svg",variant:v.outline},y=e=>{let{iconsType:t}=(0,ke.useContext)(Me),{size:o,themeColor:r,icon:i,type:a=t||q.type,rotate:d,flip:m,viewBox:u=q.viewBox,variant:p=q.variant,...N}=e;if(!i)return(0,C.jsx)(C.Fragment,{});if((t||a)==="svg"){if(i==="none")return(0,C.jsx)(oe,{...N,className:l(e.className,G),icon:i,size:o,variant:p});let T=ne[i]?i:mt(`${i}-icon`);return ne[T]?(0,C.jsx)(oe,{...N,className:l(e.className,G),icon:ne[T],size:o,themeColor:r,rotate:d,flip:m,viewBox:u,variant:p}):(0,C.jsx)(C.Fragment,{})}return(0,C.jsx)(Te,{...N,className:l(e.className,G),icon:i,size:o,themeColor:r,rotate:d,flip:m})};y.states=ct;y.options=dt;y.defaultOptions=q;y.className=G;y.moduleName=ve;y.folderName=Se;y.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 se="button",Ae=se;var x=require("react/jsx-runtime"),z="k-button",ut=["icon-button"],pt=[A.hover,A.focus,A.active,A.selected,A.disabled,A.generating],ft={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[_.undefined,_.none,_.small,_.medium,_.large,_.full],fillMode:[I.undefined,I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ie={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:i,themeColor:a,showArrow:d=ie.showArrow,arrowIconName:m=ie.arrowIconName,variant:u,hover:p,focus:N,active:g,selected:T,disabled:D,togglable:W,ariaDisabled:w,icon:h,iconSize:B,text:U,iconClassName:$e,className:Fe,...Ve}=e,Ge=h!=null,qe=e.children!==void 0;return(0,x.jsxs)(t,{className:l(Fe,z,xe(z,u),k(z,{size:o,rounded:r,fillMode:i,themeColor:a}),F(z,{hover:p,focus:N,active:g,disabled:D||w,selected:T}),{"k-icon-button":!U&&!qe&&Ge}),"aria-pressed":W?T?"true":"false":void 0,...Ve,"aria-disabled":w?"true":void 0,disabled:D||void 0,children:[typeof h=="string"&&h&&(0,x.jsx)(y,{className:l($e,"k-button-icon"),icon:h,size:B}),h&&typeof h!="string"&&(0,x.jsx)(x.Fragment,{children:h}),U?(0,x.jsxs)(x.Fragment,{children:[U&&(0,x.jsx)("span",{className:"k-button-text",children:U}),e.children]}):e.children&&(0,x.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,x.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,x.jsx)(y,{icon:m})})]})};c.states=pt;c.options=ft;c.variants=ut;c.className=z;c.defaultOptions=ie;c.moduleName=se;c.folderName=Ae;c.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 Oe=require("react/jsx-runtime"),Ce=e=>(0,Oe.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Be=require("react/jsx-runtime"),Ee=e=>(0,Be.jsx)(c,{icon:"folder",children:"Button",...e});var Ie=require("react/jsx-runtime"),_e=e=>(0,Ie.jsx)(c,{children:"Button",...e});var J=require("react/jsx-runtime"),Nt=c.options,xt=c.states,ht={...c.defaultOptions,variant:"text"},bt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gt=[],P=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,J.jsx)(Ce,{...o,icon:"star"});case"icon-and-text":return(0,J.jsx)(Ee,{...o,icon:"star",children:"Button"});default:return(0,J.jsx)(_e,{...o,children:"Button"})}};P.options=Nt;P.states=xt;P.variants=bt;P.defaultOptions=ht;P.modifiers=gt;P.className=c.className;var Le=require("react/jsx-runtime");var re="popup",we=re;var le=require("react/jsx-runtime"),Pe="k-animation-container",Tt=[],vt={},ae={positionMode:"absolute",shown:!0},E=e=>{let{positionMode:t=ae.positionMode,shown:o=ae.shown,animationStyle:r,offset:i,...a}=e;return(0,le.jsx)("div",{...a,style:{...i,...e.style},className:l(e.className,Pe,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,le.jsx)("div",{className:"k-child-animation-container",style:r,children:e.children})})};E.states=Tt;E.options=vt;E.className=Pe;E.defaultOptions=ae;E.moduleName=re;E.folderName=we;var me="popup",He=me;var ce=require("react/jsx-runtime"),Re="k-popup",St=[],yt={},Ke={positionMode:"absolute"},M=e=>{let{offset:t,positionMode:o=Ke.positionMode,animationStyle:r,containerClassName:i,containerRole:a,containerAriaLabel:d,...m}=e;return(0,ce.jsx)(E,{positionMode:o,offset:t,animationStyle:r,className:i,role:a,"aria-label":d,children:(0,ce.jsx)("div",{...m,className:l(e.className,Re),children:e.children})})};M.states=St;M.options=yt;M.className=Re;M.defaultOptions=Ke;M.moduleName=me;M.folderName=He;M.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var de=require("react/jsx-runtime");var ue=require("react/jsx-runtime");var pe=require("react/jsx-runtime");var De="time-selector",Ue="timeselector";var b=require("react/jsx-runtime"),fe="k-timeselector",Mt=[],kt={size:[s.undefined,s.small,s.medium,s.large]},At={},O=e=>{let{size:t,header:o,fastSelection:r,columns:i,focusedColumn:a,...d}=e,m=i.map(function(u,p){let N=!1,g=!0;return u===a&&(N=!0),(p===0||u==="tt")&&(g=!1),(0,b.jsx)(Y,{type:u,focus:N,separator:g},p)});return(0,b.jsxs)("div",{...d,className:l(e.className,fe,k(fe,{size:t})),role:"group","aria-label":"Time selector",children:[(0,b.jsx)(b.Fragment,{children:o}),(0,b.jsx)(b.Fragment,{children:r}),(0,b.jsxs)("div",{className:"k-time-list-container",children:[(0,b.jsx)("span",{className:"k-time-highlight"}),m]})]})};O.states=Mt;O.options=kt;O.className=fe;O.defaultOptions=At;O.moduleName=De;O.folderName=Ue;O.ariaSpec={selector:".k-timeselector",rules:[{selector:".k-timeselector",attribute:"role=group",usage:"Groups the time selection columns."},{selector:".k-timeselector",attribute:"aria-label",usage:"Describes the time selector purpose."},{selector:".k-time-list",attribute:"role=listbox",usage:"Each time column list acts as a listbox."},{selector:".k-time-list",attribute:"aria-label",usage:"Describes which time unit the column selects."},{selector:".k-time-list-wrapper .k-reset",attribute:"role=none",usage:"Removes semantic meaning from the ul element."},{selector:".k-time-list-wrapper .k-item",attribute:"role=option",usage:"Each item in the time list is an option."}]};var X=O;