@progress/kendo-themes-html/dist/esm/window/templates/window-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 R=(e,t)=>i({[`${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"}),W=(e,t)=>{let{valid:o,invalid:r,hover:s,focus:u,checked:l,active:c,selected:p,disabled:M,indeterminate:f,loading:x,empty:b,readonly:_,highlighted:K,...T}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":s,"k-focus":u,"k-checked":l,"k-active":c,"k-selected":p,"k-disabled":M,"k-indeterminate":f&&!l,"k-loading":x,"k-empty":b,"k-readonly":_,"k-highlighted":K},Object.keys(T).reduce((I,L)=>(L.startsWith("k-")?I[L]=T[L]:I[`k-${L}`]=T[L],I),{}))};function We(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var a={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"},k={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"},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 Me={};function xe(e){return Me[e]=(Me[e]||0)+1,`k-${e}-${Me[e]}`}var be="action-buttons",$e=be;import{jsx as St}from"react/jsx-runtime";var ae="k-actions",yt=[],Tt={},Ne={alignment:"start",orientation:"horizontal"},U=e=>{let{alignment:t=Ne.alignment,orientation:o=Ne.orientation,...r}=e;return St("div",{...r,className:i(ae,{[`${ae}-${t}`]:t,[`${ae}-${o}`]:o},e.className),children:e.children})};U.states=yt;U.options=Tt;U.className=ae;U.defaultOptions=Ne;U.moduleName=be;U.folderName=$e;import{Fragment as Pt,jsx as Fe}from"react/jsx-runtime";var he="k-font-icon",Ct=[],_t={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Bt={},ee=e=>{let{size:t,themeColor:o,icon:r,rotate:s,flip:u,...l}=e;return r?Fe("span",{...l,className:i(e.className,he,R(he,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):Fe(Pt,{})};ee.states=Ct;ee.options=_t;ee.className=he;ee.defaultOptions=Bt;var Ve=ee;import{Fragment as Dt,jsx as le}from"react/jsx-runtime";var Ie="k-svg-icon",Kt=[],Rt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.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]},ve={viewBox:"0 0 24 24",variant:B.outline},te=e=>{let{size:t,themeColor:o,rotate:r,flip:s,viewBox:u=ve.viewBox,variant:l=ve.variant,icon:c,...p}=e;if(!c)return le(Dt,{});if(c==="none")return le("span",{...p,className:i(e.className,Ie,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let M=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?l&&c.variants?.[l]||c.variants?.outline||c.content:void 0;return le("span",{...p,className:i(e.className,Ie,R("k-icon",{size:t}),{[`k-svg-i-${M}`]:M,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:le("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:u,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};te.states=Kt;te.options=Rt;te.className=Ie;te.defaultOptions=ve;var ge=te;import*as Ae from"@progress/kendo-svg-icons";var qe="icon",Je="icons";import{useContext as zt}from"react";import{createContext as Ut}from"react";var Xe=Ut({iconsType:"svg"});import{Fragment as Ge,jsx as oe}from"react/jsx-runtime";var me="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Wt=[],$t={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.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]},ue={viewBox:"0 0 24 24",type:"svg",variant:B.outline},N=e=>{let{iconsType:t}=zt(Xe),{size:o,themeColor:r,icon:s,type:u=t||ue.type,rotate:l,flip:c,viewBox:p=ue.viewBox,variant:M=ue.variant,...f}=e;if(!s)return oe(Ge,{});if((t||u)==="svg"){if(s==="none")return oe(ge,{...f,className:i(e.className,me),icon:s,size:o,variant:M});let b=Ae[s]?s:Ht(`${s}-icon`);return Ae[b]?oe(ge,{...f,className:i(e.className,me),icon:Ae[b],size:o,themeColor:r,rotate:l,flip:c,viewBox:p,variant:M}):oe(Ge,{})}return oe(Ve,{...f,className:i(e.className,me),icon:s,size:o,themeColor:r,rotate:l,flip:c})};N.states=Wt;N.options=$t;N.defaultOptions=ue;N.className=me;N.moduleName=qe;N.folderName=Je;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 we="button",Qe=we;import{Fragment as Ye,jsx as J,jsxs as Ze}from"react/jsx-runtime";var ne="k-button",Ft=["icon-button"],Vt=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],qt={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ke={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:r,fillMode:s,themeColor:u,showArrow:l=ke.showArrow,arrowIconName:c=ke.arrowIconName,variant:p,hover:M,focus:f,active:x,selected:b,disabled:_,togglable:K,ariaDisabled:T,icon:I,iconSize:L,text:D,iconClassName:wt,className:kt,...Et}=e,Lt=I!=null,Ot=e.children!==void 0;return Ze(t,{className:i(kt,ne,We(ne,p),R(ne,{size:o,rounded:r,fillMode:s,themeColor:u}),W(ne,{hover:M,focus:f,active:x,disabled:_||T,selected:b}),{"k-icon-button":!D&&!Ot&&Lt}),"aria-pressed":K?b?"true":"false":void 0,...Et,"aria-disabled":T?"true":void 0,disabled:_||void 0,children:[typeof I=="string"&&I&&J(N,{className:i(wt,"k-button-icon"),icon:I,size:L}),I&&typeof I!="string"&&J(Ye,{children:I}),D?Ze(Ye,{children:[D&&J("span",{className:"k-button-text",children:D}),e.children]}):e.children&&J("span",{className:"k-button-text",children:e.children}),l&&J("span",{className:"k-menu-button-arrow k-button-arrow",children:J(N,{icon:c})})]})};m.states=Vt;m.options=qt;m.variants=Ft;m.className=ne;m.defaultOptions=ke;m.moduleName=we;m.folderName=Qe;m.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."}]};import{jsx as Jt}from"react/jsx-runtime";var je=e=>Jt(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Xt}from"react/jsx-runtime";var et=e=>Xt(m,{icon:"folder",children:"Button",...e});import{jsx as Gt}from"react/jsx-runtime";var tt=e=>Gt(m,{children:"Button",...e});import{jsx as Ee}from"react/jsx-runtime";var Qt=m.options,Yt=m.states,Zt={...m.defaultOptions,variant:"text"},jt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eo=[],X=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ee(je,{...o,icon:"star"});case"icon-and-text":return Ee(et,{...o,icon:"star",children:"Button"});default:return Ee(tt,{...o,children:"Button"})}};X.options=Qt;X.states=Yt;X.variants=jt;X.defaultOptions=Zt;X.modifiers=eo;X.className=m.className;var Le="menu-button",ot=Le;import{jsx as no}from"react/jsx-runtime";var nt="k-menu-button",to=[d.hover,d.focus,d.active,d.selected,d.disabled],oo={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},Oe={showArrow:!0,arrowIconName:"chevron-down"},E=e=>{let{size:t,rounded:o,fillMode:r,themeColor:s,hover:u,focus:l,active:c,selected:p,disabled:M,icon:f,text:x,showArrow:b=Oe.showArrow,arrowIconName:_=Oe.arrowIconName,expanded:K,...T}=e;return no(m,{...T,className:i(e.className,nt),text:x,size:t,rounded:o,fillMode:r,themeColor:s,hover:u,focus:l,active:c,selected:p,disabled:M,ariaDisabled:M||void 0,icon:f,showArrow:b,arrowIconName:_,"aria-expanded":K?"true":"false",...!x&&f&&!e["aria-label"]&&{"aria-label":"Menu"}})};E.states=to;E.options=oo;E.className=nt;E.defaultOptions=Oe;E.moduleName=Le;E.folderName=ot;E.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."}]};import{jsx as Nr}from"react/jsx-runtime";import{jsx as gr}from"react/jsx-runtime";import{jsx as Er}from"react/jsx-runtime";var O="menu",S=O;import{jsx as re,jsxs as rt}from"react/jsx-runtime";var ye="k-menu-item",ro=[d.hover,d.focus,d.active,d.selected,d.disabled],so={},st={iconPosition:"before"},v=e=>{let{hover:t,focus:o,active:r,selected:s,disabled:u,icon:l,text:c,first:p,last:M,showArrow:f,arrowIconName:x,iconPosition:b=st.iconPosition,dir:_,children:K,expanded:T,...I}=e,L=x;return L||(L=_==="rtl"?"chevron-left":"chevron-right"),rt("li",{...I,className:i(e.className,ye,"k-item",W(ye,{focus:o,disabled:u,hover:t,active:r,selected:s}),{"k-first":p,"k-last":M}),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":T?"true":"false"},...u&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[rt("span",{className:i("k-link k-menu-link"),children:[l&&b==="before"&&re(N,{className:"k-menu-link-icon",icon:l}),re("span",{className:"k-menu-link-text",children:c}),l&&b==="after"&&re(N,{className:"k-menu-link-icon",icon:l}),f&&re("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:re(N,{icon:L})})]}),K]})};v.states=ro;v.options=so;v.className=ye;v.defaultOptions=st;v.moduleName=O;v.folderName=S;import{jsx as se,jsxs as it}from"react/jsx-runtime";var Te="k-menu-item",io=[d.hover,d.focus,d.active,d.selected,d.disabled],ao={},Se={dir:"ltr",iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:r,selected:s,disabled:u,icon:l,text:c,first:p,last:M,showArrow:f,arrowIconName:x,iconPosition:b=Se.iconPosition,dir:_=Se.dir,children:K,popup:T,expanded:I,...L}=e,D=x;return D||(D=_==="rtl"?"chevron-left":"chevron-right"),it("li",{role:"menuitem",...L,className:i(e.className,Te,"k-item",W(Te,{focus:o,disabled:u}),{"k-first":p,"k-last":M}),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":I?"true":"false"},...u&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[it("span",{className:i("k-link k-menu-link",W("k-menu-link",{hover:t,active:r,selected:s,disabled:u})),children:[l&&b==="before"&&se(N,{className:"k-menu-link-icon",icon:l}),se("span",{className:"k-menu-link-text",children:c}),l&&b==="after"&&se(N,{className:"k-menu-link-icon",icon:l}),f&&se("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:se(N,{icon:D})})]}),K,T]})};g.states=io;g.options=ao;g.className=Te;g.defaultOptions=Se;g.moduleName=O;g.folderName=S;import{jsx as co}from"react/jsx-runtime";var at="k-menu-scroll-wrapper",lo=[],mo={},uo={},$=e=>{let{className:t,children:o,orientation:r,...s}=e;return co("div",{...s,className:i(t,at,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};$.states=lo;$.options=mo;$.className=at;$.defaultOptions=uo;$.moduleName=O;$.folderName=S;var lt=$;import{Fragment as Ce,jsx as F,jsxs as de}from"react/jsx-runtime";var _e="k-menu",po=[],fo={},pe={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},h=e=>{let{children:t,orientation:o=pe.orientation,header:r=pe.header,scrollable:s,scrollButtonsPosition:u=pe.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:p,contextMenu:M,...f}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=F("ul",{dir:c,...f,className:i(e.className,"k-reset",_e,{[`${_e}-${o}`]:o,"k-header":r}),role:M?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return de(Ce,{children:[s?de(lt,{orientation:o,style:l,dir:e.dir,children:[u==="start"&&de(Ce,{children:[F(m,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),F(m,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),u==="around"&&F(m,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,u==="end"&&de(Ce,{children:[F(m,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),F(m,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),u==="around"&&F(m,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,p]})};h.states=po;h.options=fo;h.className=_e;h.defaultOptions=pe;h.moduleName=O;h.folderName=S;h.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."}]};import{jsx as Mo}from"react/jsx-runtime";var Be="k-separator",mt={orientation:"horizontal"},G=e=>{let{orientation:t=mt.orientation,...o}=e;return Mo("li",{...o,className:i(e.className,"k-item",Be,{[`${Be}-${t}`]:t}),role:"separator"})};G.className=Be;G.defaultOptions=mt;G.moduleName=O;G.folderName=S;import{Fragment as ts,jsx as os}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var Pe="k-menu-group",xo=[],bo={size:[a.undefined,a.small,a.medium,a.large]},No={},C=e=>{let{children:t,size:o,...r}=e;return ho("ul",{role:"menu",...r,className:i(e.className,Pe,R(Pe,{size:o})),children:t})};C.states=xo;C.options=bo;C.className=Pe;C.defaultOptions=No;C.moduleName=O;C.folderName=S;import{Fragment as Io,jsx as Q,jsxs as vo}from"react/jsx-runtime";var Ke=e=>Q(h,{children:vo(Io,{children:[Q(v,{first:!0,text:"Item 1"}),Q(v,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Q(v,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Q(v,{text:"Item 4"}),Q(v,{last:!0,text:"Item 5"})]}),...e});var Re="popup",ut=Re;import{jsx as ct}from"react/jsx-runtime";var dt="k-animation-container",go=[],Ao={},De={positionMode:"absolute",shown:!0},z=e=>{let{positionMode:t=De.positionMode,shown:o=De.shown,animationStyle:r,offset:s,...u}=e;return ct("div",{...u,style:{...s,...e.style},className:i(e.className,dt,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ct("div",{className:"k-child-animation-container",style:r,children:e.children})})};z.states=go;z.options=Ao;z.className=dt;z.defaultOptions=De;z.moduleName=Re;z.folderName=ut;var Ue="popup",pt=Ue;import{jsx as ft}from"react/jsx-runtime";var Mt="k-popup",wo=[],ko={},xt={positionMode:"absolute"},y=e=>{let{offset:t,positionMode:o=xt.positionMode,animationStyle:r,containerClassName:s,containerRole:u,containerAriaLabel:l,...c}=e;return ft(z,{positionMode:o,offset:t,animationStyle:r,className:s,role:u,"aria-label":l,children:ft("div",{...c,className:i(e.className,Mt),children:e.children})})};y.states=wo;y.options=ko;y.className=Mt;y.defaultOptions=xt;y.moduleName=Ue;y.folderName=pt;y.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.'}]};import{Fragment as Ss,jsx as ys,jsxs as Ts}from"react/jsx-runtime";import{Fragment as Ks,jsx as Ps,jsxs as Rs}from"react/jsx-runtime";import{Fragment as Ws,jsx as Hs,jsxs as $s}from"react/jsx-runtime";import{Fragment as Xs,jsx as Js,jsxs as Gs}from"react/jsx-runtime";import{jsx as V,jsxs as To}from"react/jsx-runtime";var Eo={...h.options,scrollable:{type:"boolean"}},Lo=h.states,bt={...h.defaultOptions,variant:"horizontal"},Oo=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yo=[{name:"opened",title:"Opened"}],Y=e=>{let{variant:t,modifiers:o,...r}={...bt,...e},s={},u=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(s.opened=!!o?.[l],s.popup=o?.[l]?V(y,{className:"k-menu-popup",offset:u,children:To(C,{children:[V(g,{text:"Item 1"}),V(g,{text:"Item 2"}),V(G,{}),V(g,{text:"Item 3"})]})}):null)}),t==="vertical"?V(Ke,{...r,...s,orientation:"vertical",style:{width:"200px"}}):V(Ke,{...r,...s})};Y.options=Eo;Y.states=Lo;Y.variants=Oo;Y.defaultOptions=bt;Y.modifiers=yo;Y.className=h.className;import{Fragment as Li,jsx as ki,jsxs as Ei}from"react/jsx-runtime";import{jsx as Si}from"react/jsx-runtime";import{Fragment as Po,jsx as P,jsxs as Nt}from"react/jsx-runtime";var So=m.states,ht={...m.defaultOptions,variant:"text"},Co=m.options,_o=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Bo=[{name:"opened",title:"Opened"}],Z=e=>{let{variant:t,modifiers:o,...r}={...ht,...e},s={},u=P(y,{className:"k-menu-popup",children:Nt(C,{size:r.size,children:[P(g,{first:!0,text:"Menu Item"}),P(g,{text:"Menu Item"}),P(g,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=P("div",{children:P(E,{...r,...s,icon:"star"})});break;case"icon-and-text":l=P("div",{children:P(E,{...r,...s,icon:"star",children:"Dropdown Button"})});break;default:l=P("div",{children:P(E,{...r,...s,children:"Dropdown Button"})});break}return Nt(Po,{children:[l,o?.opened&&u]})};Z.options=Co;Z.states=So;Z.variants=_o;Z.defaultOptions=ht;Z.modifiers=Bo;Z.className=E.className;var ie="window",fe=ie;import{jsx as Uo}from"react/jsx-runtime";var It="k-window-content",Ko=[],Ro={},Do={},H=e=>{let{children:t,...o}=e;return Uo("div",{...o,className:i(It,e.className),children:t})};H.states=Ko;H.options=Ro;H.className=It;H.defaultOptions=Do;H.moduleName=ie;H.folderName=fe;import{Fragment as $o,jsx as q,jsxs as vt}from"react/jsx-runtime";var ze="k-window",zo=[],Ho={},Wo={},A=e=>{let{title:t,actions:o,minimized:r,actionButtons:s,actionButtonsAlign:u,...l}=e,c=t!==void 0?xe("window-title"):void 0;return vt("div",{...l,className:i(e.className,ze,{[`${ze}-minimized`]:r}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&vt("div",{className:"k-window-titlebar",children:[t!==void 0&&q("span",{className:"k-window-title",id:c,children:t}),o&&q($o,{children:q("div",{className:"k-window-titlebar-actions",children:o.map(p=>p==="more-vertical"?q(E,{icon:p,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},p):q(m,{icon:p,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":p},p))})})]}),q(H,{className:i({"k-hidden":r}),children:e.children}),s&&q(U,{alignment:u,className:"k-window-actions",children:s})]})};A.states=zo;A.options=Ho;A.className=ze;A.defaultOptions=Wo;A.moduleName=ie;A.folderName=fe;A.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};import{Fragment as Xo,jsx as He,jsxs as Go}from"react/jsx-runtime";var Fo=A.options,Vo=A.states,gt={...A.defaultOptions,variant:"normal"},qo=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],Jo=[],j=e=>{let{variant:t,...o}={...gt,...e};return He(A,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?Go(Xo,{children:[He(m,{children:"Cancel"}),He(m,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};j.options=Fo;j.states=Vo;j.variants=qo;j.defaultOptions=gt;j.modifiers=Jo;j.className=A.className;import{Fragment as Qo,jsx as At}from"react/jsx-runtime";var ha=e=>At(A,{title:"Title",actions:["window-minimize","window","x"],children:At(Qo,{children:"Content"}),...e});export{ha as WindowNormal};