@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 29.4 kB
JavaScript
var Vt=Object.create;var pe=Object.defineProperty;var Wt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var Xt=Object.getPrototypeOf,Gt=Object.prototype.hasOwnProperty;var qt=(e,t)=>{for(var o in t)pe(e,o,{get:t[o],enumerable:!0})},Qe=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Jt(t))!Gt.call(e,r)&&r!==o&&pe(e,r,{get:()=>t[r],enumerable:!(n=Wt(t,r))||n.enumerable});return e};var Qt=(e,t,o)=>(o=e!=null?Vt(Xt(e)):{},Qe(t||!e||!e.__esModule?pe(o,"default",{value:e,enumerable:!0}):o,e)),Yt=e=>Qe(pe({},"__esModule",{value:!0}),e);var rn={};qt(rn,{SPREADSHEETSHEETSBAR_CLASSNAME:()=>qe,SpreadsheetSheetsBar:()=>ae,default:()=>nn});module.exports=Yt(rn);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var w=(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"}),V=(e,t)=>{let{valid:o,invalid:n,hover:r,focus:m,checked:i,active:c,selected:f,disabled:b,indeterminate:p,loading:h,empty:M,readonly:k,highlighted:O,...C}=t;return a({"k-valid":o,"k-invalid":n,"k-hover":r,"k-focus":m,"k-checked":i,"k-active":c,"k-selected":f,"k-disabled":b,"k-indeterminate":p&&!i,"k-loading":h,"k-empty":M,"k-readonly":k,"k-highlighted":O},Object.keys(C).reduce((A,P)=>(P.startsWith("k-")?A[P]=C[P]:A[`k-${P}`]=C[P],A),{}))};function Ye(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},B={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},$={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"},d={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 Ne={};function Ie(e){return Ne[e]=(Ne[e]||0)+1,`k-${e}-${Ne[e]}`}var se=require("react/jsx-runtime"),ve="k-font-icon",Zt=[],jt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},eo={},ie=e=>{let{size:t,themeColor:o,icon:n,rotate:r,flip:m,...i}=e;return n?(0,se.jsx)("span",{...i,className:a(e.className,ve,w(ve,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):(0,se.jsx)(se.Fragment,{})};ie.states=Zt;ie.options=jt;ie.className=ve;ie.defaultOptions=eo;var Ze=ie;var j=require("react/jsx-runtime"),ke="k-svg-icon",to=[],oo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[$.outline,$.solid,$.duotone]},Se={viewBox:"0 0 24 24",variant:$.outline},le=e=>{var h,M;let{size:t,themeColor:o,rotate:n,flip:r,viewBox:m=Se.viewBox,variant:i=Se.variant,icon:c,...f}=e;if(!c)return(0,j.jsx)(j.Fragment,{});if(c==="none")return(0,j.jsx)("span",{...f,className:a(e.className,ke,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,p=typeof c=="object"?i&&((h=c.variants)==null?void 0:h[i])||((M=c.variants)==null?void 0:M.outline)||c.content:void 0;return(0,j.jsx)("span",{...f,className:a(e.className,ke,w("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,j.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:m,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:c?void 0:e.children})})};le.states=to;le.options=oo;le.className=ke;le.defaultOptions=Se;var ge=le;var Ae=Qt(require("@progress/kendo-svg-icons"));var je="icon",et="icons";var nt=require("react");var tt=require("react"),ot=(0,tt.createContext)({iconsType:"svg"});var W=require("react/jsx-runtime"),de="k-icon",no=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ro=[],ao={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[$.outline,$.solid,$.duotone]},fe={viewBox:"0 0 24 24",type:"svg",variant:$.outline},x=e=>{let{iconsType:t}=(0,nt.useContext)(ot),{size:o,themeColor:n,icon:r,type:m=t||fe.type,rotate:i,flip:c,viewBox:f=fe.viewBox,variant:b=fe.variant,...p}=e;if(!r)return(0,W.jsx)(W.Fragment,{});if((t||m)==="svg"){if(r==="none")return(0,W.jsx)(ge,{...p,className:a(e.className,de),icon:r,size:o,variant:b});let M=Ae[r]?r:no(`${r}-icon`);return Ae[M]?(0,W.jsx)(ge,{...p,className:a(e.className,de),icon:Ae[M],size:o,themeColor:n,rotate:i,flip:c,viewBox:f,variant:b}):(0,W.jsx)(W.Fragment,{})}return(0,W.jsx)(Ze,{...p,className:a(e.className,de),icon:r,size:o,themeColor:n,rotate:i,flip:c})};x.states=ro;x.options=ao;x.defaultOptions=fe;x.className=de;x.moduleName=je;x.folderName=et;x.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",rt=Te;var _=require("react/jsx-runtime"),me="k-button",so=["icon-button"],io=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],lo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[B.undefined,B.none,B.small,B.medium,B.large,B.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.inverse]},Ee={showArrow:!1,arrowIconName:"chevron-down"},u=e=>{let{as:t="button",size:o,rounded:n,fillMode:r,themeColor:m,showArrow:i=Ee.showArrow,arrowIconName:c=Ee.arrowIconName,variant:f,hover:b,focus:p,active:h,selected:M,disabled:k,togglable:O,ariaDisabled:C,icon:A,iconSize:P,text:Q,iconClassName:Ht,className:Ut,...Dt}=e,$t=A!=null,Ft=e.children!==void 0;return(0,_.jsxs)(t,{className:a(Ut,me,Ye(me,f),w(me,{size:o,rounded:n,fillMode:r,themeColor:m}),V(me,{hover:b,focus:p,active:h,disabled:k||C,selected:M}),{"k-icon-button":!Q&&!Ft&&$t}),"aria-pressed":O?M?"true":"false":void 0,...Dt,"aria-disabled":C?"true":void 0,disabled:k||void 0,children:[typeof A=="string"&&A&&(0,_.jsx)(x,{className:a(Ht,"k-button-icon"),icon:A,size:P}),A&&typeof A!="string"&&(0,_.jsx)(_.Fragment,{children:A}),Q?(0,_.jsxs)(_.Fragment,{children:[Q&&(0,_.jsx)("span",{className:"k-button-text",children:Q}),e.children]}):e.children&&(0,_.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,_.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,_.jsx)(x,{icon:c})})]})};u.states=io;u.options=lo;u.variants=so;u.className=me;u.defaultOptions=Ee;u.moduleName=Te;u.folderName=rt;u.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 st=require("react/jsx-runtime"),at=e=>(0,st.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var lt=require("react/jsx-runtime"),it=e=>(0,lt.jsx)(u,{icon:"folder",children:"Button",...e});var ut=require("react/jsx-runtime"),mt=e=>(0,ut.jsx)(u,{children:"Button",...e});var be=require("react/jsx-runtime"),mo=u.options,uo=u.states,co={...u.defaultOptions,variant:"text"},po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fo=[],te=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,be.jsx)(at,{...o,icon:"star"});case"icon-and-text":return(0,be.jsx)(it,{...o,icon:"star",children:"Button"});default:return(0,be.jsx)(mt,{...o,children:"Button"})}};te.options=mo;te.states=uo;te.variants=po;te.defaultOptions=co;te.modifiers=fo;te.className=u.className;var Le="menu-button",ct=Le;var dt=require("react/jsx-runtime"),pt="k-menu-button",bo=[d.hover,d.focus,d.active,d.selected,d.disabled],ho={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[B.undefined,B.none,B.small,B.medium,B.large,B.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.inverse]},we={showArrow:!0,arrowIconName:"chevron-down"},N=e=>{let{size:t,rounded:o,fillMode:n,themeColor:r,hover:m,focus:i,active:c,selected:f,disabled:b,icon:p,text:h,showArrow:M=we.showArrow,arrowIconName:k=we.arrowIconName,expanded:O,...C}=e;return(0,dt.jsx)(u,{...C,className:a(e.className,pt),text:h,size:t,rounded:o,fillMode:n,themeColor:r,hover:m,focus:i,active:c,selected:f,disabled:b,ariaDisabled:b||void 0,icon:p,showArrow:M,arrowIconName:k,"aria-expanded":O?"true":"false",...!h&&p&&!e["aria-label"]&&{"aria-label":"Menu"}})};N.states=bo;N.options=ho;N.className=pt;N.defaultOptions=we;N.moduleName=Le;N.folderName=ct;N.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Mo=require("react/jsx-runtime");var xo=require("react/jsx-runtime");var No=require("react/jsx-runtime");var R="menu",z=R;var J=require("react/jsx-runtime"),ye="k-menu-item",Io=[d.hover,d.focus,d.active,d.selected,d.disabled],vo={},ft={iconPosition:"before"},T=e=>{let{hover:t,focus:o,active:n,selected:r,disabled:m,icon:i,text:c,first:f,last:b,showArrow:p,arrowIconName:h,iconPosition:M=ft.iconPosition,dir:k,children:O,expanded:C,...A}=e,P=h;return P||(P=k==="rtl"?"chevron-left":"chevron-right"),(0,J.jsxs)("li",{...A,className:a(e.className,ye,"k-item",V(ye,{focus:o,disabled:m,hover:t,active:n,selected:r}),{"k-first":f,"k-last":b}),role:"menuitem",...p&&{"aria-haspopup":"menu"},...p&&{"aria-expanded":C?"true":"false"},...m&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,J.jsxs)("span",{className:a("k-link k-menu-link"),children:[i&&M==="before"&&(0,J.jsx)(x,{className:"k-menu-link-icon",icon:i}),(0,J.jsx)("span",{className:"k-menu-link-text",children:c}),i&&M==="after"&&(0,J.jsx)(x,{className:"k-menu-link-icon",icon:i}),p&&(0,J.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,J.jsx)(x,{icon:P})})]}),O]})};T.states=Io;T.options=vo;T.className=ye;T.defaultOptions=ft;T.moduleName=R;T.folderName=z;var X=require("react/jsx-runtime"),Oe="k-menu-item",ko=[d.hover,d.focus,d.active,d.selected,d.disabled],So={},Ce={dir:"ltr",iconPosition:"before"},E=e=>{let{hover:t,focus:o,active:n,selected:r,disabled:m,icon:i,text:c,first:f,last:b,showArrow:p,arrowIconName:h,iconPosition:M=Ce.iconPosition,dir:k=Ce.dir,children:O,popup:C,expanded:A,...P}=e,Q=h;return Q||(Q=k==="rtl"?"chevron-left":"chevron-right"),(0,X.jsxs)("li",{role:"menuitem",...P,className:a(e.className,Oe,"k-item",V(Oe,{focus:o,disabled:m}),{"k-first":f,"k-last":b}),...p&&{"aria-haspopup":"menu"},...p&&{"aria-expanded":A?"true":"false"},...m&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,X.jsxs)("span",{className:a("k-link k-menu-link",V("k-menu-link",{hover:t,active:n,selected:r,disabled:m})),children:[i&&M==="before"&&(0,X.jsx)(x,{className:"k-menu-link-icon",icon:i}),(0,X.jsx)("span",{className:"k-menu-link-text",children:c}),i&&M==="after"&&(0,X.jsx)(x,{className:"k-menu-link-icon",icon:i}),p&&(0,X.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,X.jsx)(x,{icon:Q})})]}),O,C]})};E.states=ko;E.options=So;E.className=Oe;E.defaultOptions=Ce;E.moduleName=R;E.folderName=z;var Mt=require("react/jsx-runtime"),bt="k-menu-scroll-wrapper",go=[],Ao={},To={},ee=e=>{let{className:t,children:o,orientation:n,...r}=e;return(0,Mt.jsx)("div",{...r,className:a(t,bt,{"k-menu-scroll-wrapper-vertical":n==="vertical"}),children:o})};ee.states=go;ee.options=Ao;ee.className=bt;ee.defaultOptions=To;ee.moduleName=R;ee.folderName=z;var ht=ee;var g=require("react/jsx-runtime"),Be="k-menu",Eo=[],Lo={},Me={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},S=e=>{let{children:t,orientation:o=Me.orientation,header:n=Me.header,scrollable:r,scrollButtonsPosition:m=Me.scrollButtonsPosition,wrapperStyles:i,dir:c,popup:f,contextMenu:b,...p}=e,h={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=(0,g.jsx)("ul",{dir:c,...p,className:a(e.className,"k-reset",Be,{[`${Be}-${o}`]:o,"k-header":n}),role:b?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,g.jsxs)(g.Fragment,{children:[r?(0,g.jsxs)(ht,{orientation:o,style:i,dir:e.dir,children:[m==="start"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),m==="around"&&(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,m==="end"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),m==="around"&&(0,g.jsx)(u,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,f]})};S.states=Eo;S.options=Lo;S.className=Be;S.defaultOptions=Me;S.moduleName=R;S.folderName=z;S.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Nt=require("react/jsx-runtime"),Pe="k-separator",xt={orientation:"horizontal"},oe=e=>{let{orientation:t=xt.orientation,...o}=e;return(0,Nt.jsx)("li",{...o,className:a(e.className,"k-item",Pe,{[`${Pe}-${t}`]:t}),role:"separator"})};oe.className=Pe;oe.defaultOptions=xt;oe.moduleName=R;oe.folderName=z;var It=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),_e="k-menu-group",wo=[],yo={size:[l.undefined,l.small,l.medium,l.large]},Oo={},H=e=>{let{children:t,size:o,...n}=e;return(0,vt.jsx)("ul",{role:"menu",...n,className:a(e.className,_e,w(_e,{size:o})),children:t})};H.states=wo;H.options=yo;H.className=_e;H.defaultOptions=Oo;H.moduleName=R;H.folderName=z;var U=require("react/jsx-runtime"),Re=e=>(0,U.jsx)(S,{children:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(T,{first:!0,text:"Item 1"}),(0,U.jsx)(T,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,U.jsx)(T,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,U.jsx)(T,{text:"Item 4"}),(0,U.jsx)(T,{last:!0,text:"Item 5"})]}),...e});var Ke="popup",kt=Ke;var He=require("react/jsx-runtime"),St="k-animation-container",Co=[],Bo={},ze={positionMode:"absolute",shown:!0},Y=e=>{let{positionMode:t=ze.positionMode,shown:o=ze.shown,animationStyle:n,offset:r,...m}=e;return(0,He.jsx)("div",{...m,style:{...r,...e.style},className:a(e.className,St,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,He.jsx)("div",{className:"k-child-animation-container",style:n,children:e.children})})};Y.states=Co;Y.options=Bo;Y.className=St;Y.defaultOptions=ze;Y.moduleName=Ke;Y.folderName=kt;var Ue="popup",gt=Ue;var De=require("react/jsx-runtime"),At="k-popup",Po=[],_o={},Tt={positionMode:"absolute"},K=e=>{let{offset:t,positionMode:o=Tt.positionMode,animationStyle:n,containerClassName:r,containerRole:m,containerAriaLabel:i,...c}=e;return(0,De.jsx)(Y,{positionMode:o,offset:t,animationStyle:n,className:r,role:m,"aria-label":i,children:(0,De.jsx)("div",{...c,className:a(e.className,At),children:e.children})})};K.states=Po;K.options=_o;K.className=At;K.defaultOptions=Tt;K.moduleName=Ue;K.folderName=gt;K.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 $e=require("react/jsx-runtime");var Fe=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var We=require("react/jsx-runtime");var F=require("react/jsx-runtime"),Ro={...S.options,scrollable:{type:"boolean"}},Ko=S.states,Et={...S.defaultOptions,variant:"horizontal"},zo=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ho=[{name:"opened",title:"Opened"}],ne=e=>{let{variant:t,modifiers:o,...n}={...Et,...e},r={},m=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(i=>{i==="opened"&&(r.opened=!!(o!=null&&o[i]),r.popup=o!=null&&o[i]?(0,F.jsx)(K,{className:"k-menu-popup",offset:m,children:(0,F.jsxs)(H,{children:[(0,F.jsx)(E,{text:"Item 1"}),(0,F.jsx)(E,{text:"Item 2"}),(0,F.jsx)(oe,{}),(0,F.jsx)(E,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,F.jsx)(Re,{...n,...r,orientation:"vertical",style:{width:"200px"}}):(0,F.jsx)(Re,{...n,...r})};ne.options=Ro;ne.states=Ko;ne.variants=zo;ne.defaultOptions=Et;ne.modifiers=Ho;ne.className=S.className;var Je=require("react/jsx-runtime");var Uo=require("react/jsx-runtime");var L=require("react/jsx-runtime"),Do=u.states,Lt={...u.defaultOptions,variant:"text"},$o=u.options,Fo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vo=[{name:"opened",title:"Opened"}],re=e=>{let{variant:t,modifiers:o,...n}={...Lt,...e},r={},m=(0,L.jsx)(K,{className:"k-menu-popup",children:(0,L.jsxs)(H,{size:n.size,children:[(0,L.jsx)(E,{first:!0,text:"Menu Item"}),(0,L.jsx)(E,{text:"Menu Item"}),(0,L.jsx)(E,{last:!0,text:"Menu Item"})]})}),i;switch(t){case"icon-only":i=(0,L.jsx)("div",{children:(0,L.jsx)(N,{...n,...r,icon:"star"})});break;case"icon-and-text":i=(0,L.jsx)("div",{children:(0,L.jsx)(N,{...n,...r,icon:"star",children:"Dropdown Button"})});break;default:i=(0,L.jsx)("div",{children:(0,L.jsx)(N,{...n,...r,children:"Dropdown Button"})});break}return(0,L.jsxs)(L.Fragment,{children:[i,(o==null?void 0:o.opened)&&m]})};re.options=$o;re.states=Do;re.variants=Fo;re.defaultOptions=Lt;re.modifiers=Vo;re.className=N.className;var Ot=require("react/jsx-runtime"),wt="k-tabstrip-items",Wo=[],Jo={},Xo={tabAlignment:"start"},ue=e=>{let{children:t,tabAlignment:o,orientation:n,...r}=e;return(0,Ot.jsx)("ul",{...r,className:a(e.className,wt,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...n==="vertical"&&{"aria-orientation":"vertical"},children:t})};ue.states=Wo;ue.options=Jo;ue.className=wt;ue.defaultOptions=Xo;var yt=ue;var _t=require("react/jsx-runtime"),Ct="k-tabstrip-items-wrapper",Go=[],qo={},Bt={orientation:"horizontal"},ce=e=>{let{children:t,orientation:o=Bt.orientation,...n}=e;return(0,_t.jsx)("div",{...n,className:a(e.className,Ct,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};ce.states=Go;ce.options=qo;ce.className=Ct;ce.defaultOptions=Bt;var Pt=ce;var Xe="tabstrip",Rt=Xe;var y=require("react/jsx-runtime"),Z="k-tabstrip",Qo=[],Yo={size:[l.undefined,l.small,l.medium,l.large]},xe={position:"top",tabAlignment:"start",scrollButtons:"around"},G=e=>{let{size:t,scrollable:o,children:n,tabStripItems:r,tabStripItemsId:m,position:i=xe.position,tabAlignment:c=xe.tabAlignment,scrollButtons:f=xe.scrollButtons,dir:b,scrollingPosition:p,overflow:h,...M}=e,k={top:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},bottom:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},O={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},C={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,y.jsxs)("div",{dir:b,...M,className:a(Z,e.className,{[`${Z}-${i}`]:i,[`${Z}-scrollable`]:o,[`${Z}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Z}-scrollable-${p}`]:p&&p!=="both",[`${Z}-overflow`]:h},w(Z,{size:t})),children:[i==="bottom"&&n,(0,y.jsxs)(Pt,{orientation:O[i],children:[o&&(f==="around"||f==="start")&&(0,y.jsx)("span",{className:a("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:v.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,y.jsx)(x,{className:"k-button-icon",icon:`chevron-${k[i].prev}`})}),o&&f==="start"&&(0,y.jsx)("span",{className:a("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:v.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,y.jsx)(x,{className:"k-button-icon",icon:`chevron-${k[i].next}`})}),(0,y.jsx)(yt,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:C[c],orientation:O[i],...m&&{id:m},children:r}),o&&f==="end"&&(0,y.jsx)("span",{className:a("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:v.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,y.jsx)(x,{className:"k-button-icon",icon:`chevron-${k[i].prev}`})}),o&&(f==="around"||f==="end")&&(0,y.jsx)("span",{className:a("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:v.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,y.jsx)(x,{className:"k-button-icon",icon:`chevron-${k[i].next}`})}),h&&(0,y.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,y.jsx)(N,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),i!=="bottom"&&n]})};G.states=Qo;G.options=Yo;G.className=Z;G.defaultOptions=xe;G.moduleName=Xe;G.folderName=Rt;G.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var q=require("react/jsx-runtime"),Ge="k-tabstrip-item",Zo=[d.active,d.hover,d.disabled,d.focus],jo={},Kt={iconPosition:"before"},D=e=>{let{dragging:t,active:o,hover:n,focus:r,disabled:m,children:i,first:c,last:f,closable:b,icon:p,iconPosition:h=Kt.iconPosition,value:M,actions:k,...O}=e;return(0,q.jsxs)("li",{...O,className:a(e.className,Ge,V(Ge,{hover:n,active:o,disabled:m,focus:r}),{"k-tabstrip-dragging":t,"k-first":c,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...m&&{"aria-disabled":"true"},children:[(0,q.jsxs)("span",{className:"k-link",children:[p&&h==="before"&&(0,q.jsx)(x,{icon:p}),M&&(0,q.jsx)("span",{className:"k-link-text",children:M}),p&&h==="after"&&(0,q.jsx)(x,{icon:p})]}),(k||b)&&(0,q.jsxs)("span",{className:"k-item-actions",children:[k,b&&(0,q.jsx)(u,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),i]})};D.states=Zo;D.options=jo;D.className=Ge;D.item=Kt;var I=require("react/jsx-runtime"),qe="k-spreadsheet-sheets-bar",en=[],tn={},on=(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{first:!0,active:!0,value:"Sheet 1",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),(0,I.jsx)(D,{value:"Sheet 2",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),(0,I.jsx)(D,{value:"Sheet 3",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),(0,I.jsx)(D,{value:"Sheet 4",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),(0,I.jsx)(D,{value:"Sheet 5",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),(0,I.jsx)(D,{last:!0,value:"Sheet 6",actions:(0,I.jsx)(N,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),zt={tabStripItems:on},ae=e=>{let{tabStripItems:t=zt.tabStripItems,...o}=e,n=Ie("spreadsheet-sheets");return(0,I.jsxs)("div",{...o,className:a(qe,e.className),children:[(0,I.jsx)(u,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":n}),(0,I.jsx)(u,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":n}),(0,I.jsx)(G,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:n,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};ae.states=en;ae.options=tn;ae.className=qe;ae.defaultOptions=zt;var nn=ae;