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

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((i,s)=>t[s]||t[i]&&i||null).filter(i=>i!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(o,t)=>a({[`${o}-xs`]:t.size==="xsmall",[`${o}-sm`]:t.size==="small",[`${o}-md`]:t.size==="medium",[`${o}-lg`]:t.size==="large",[`${o}-xl`]:t.size==="xlarge",[`${o}-xxl`]:t.size==="xxlarge",[`${o}-xxxl`]:t.size==="xxxlarge"},{[`${o}-${t.fillMode}`]:t.fillMode},{[`${o}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${o}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),tt=(o,t)=>{let{valid:i,invalid:s,hover:l,focus:c,checked:r,active:p,selected:d,disabled:A,indeterminate:R,loading:$,empty:H,readonly:k,highlighted:M,...T}=t;return a({"k-valid":i,"k-invalid":s,"k-hover":l,"k-focus":c,"k-checked":r,"k-active":p,"k-selected":d,"k-disabled":A,"k-indeterminate":R&&!r,"k-loading":$,"k-empty":H,"k-readonly":k,"k-highlighted":M},Object.keys(T).reduce((w,g)=>(g.startsWith("k-")?w[g]=T[g]:w[`k-${g}`]=T[g],w),{}))};function et(o,t){if(!t)return{};let i=Array.isArray(t)?t:[t];return Object.fromEntries(i.map(s=>[`k-${s}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},y={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},e={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},O={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"};import{Fragment as vt,jsx as ot}from"react/jsx-runtime";var U="k-font-icon",gt=[],ht={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},Ot={},B=o=>{let{size:t,themeColor:i,icon:s,rotate:l,flip:c,...r}=o;return s?ot("span",{...r,className:a(o.className,U,f(U,{size:t}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):ot(vt,{})};B.states=gt;B.options=ht;B.className=U;B.defaultOptions=Ot;var nt=B;import{Fragment as At,jsx as S}from"react/jsx-runtime";var P="k-svg-icon",bt=[],Ct={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},it={viewBox:"0 0 24 24"},E=o=>{let{size:t,themeColor:i,rotate:s,flip:l,viewBox:c=it.viewBox,icon:r,...p}=o;if(!r)return S(At,{});r==="none"&&{...p,className:a(o.className,P,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return S("span",{...p,className:a(o.className,P,f("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:S("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:c,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:o.children})})};E.states=bt;E.options=Ct;E.className=P;E.defaultOptions=it;var W=E;import*as F from"@progress/kendo-svg-icons";var st="icon",rt="icons";import{Fragment as at,jsx as _}from"react/jsx-runtime";var D="k-icon",Mt=o=>o.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],kt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},G={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:t,themeColor:i,icon:s,type:l=G.type,rotate:c,flip:r,viewBox:p=G.viewBox,...d}=o;if(!s)return _(at,{});if(l==="svg"){if(s==="none")return _(W,{...d,className:a(o.className,D),icon:s,size:t});let A=F[s]?s:Mt(`${s}-icon`);return F[A]?_(W,{...d,className:a(o.className,D),icon:F[A],size:t,themeColor:i,rotate:c,flip:r,viewBox:p}):_(at,{})}return _(nt,{...d,className:a(o.className,D),icon:s,size:t,themeColor:i,rotate:c,flip:r})};u.states=yt;u.options=kt;u.defaultOptions=G;u.className=D;u.moduleName=st;u.folderName=rt;var V="button",lt=V;import{Fragment as Et,jsx as L,jsxs as ct}from"react/jsx-runtime";var I="k-button",Tt=["icon-button"],wt=[O.hover,O.focus,O.active,O.selected,O.disabled,O.generating],Bt={size:[n.small,n.medium,n.large],rounded:[y.small,y.medium,y.large,y.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark,e.inverse]},v={size:n.medium,rounded:y.medium,fillMode:h.solid,themeColor:e.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=o=>{let{size:t=v.size,rounded:i=v.rounded,fillMode:s=v.fillMode,themeColor:l=v.themeColor,showArrow:c=v.showArrow,arrowIconName:r=v.arrowIconName,variant:p,hover:d,focus:A,active:R,selected:$,disabled:H,icon:k,text:M,iconClassName:T,...w}=o,g=k!==void 0,Nt=o.children!==void 0;return ct("button",{...w,className:a(o.className,I,et(I,p),f(I,{size:t,rounded:i,fillMode:s,themeColor:l}),tt(I,{hover:d,focus:A,active:R,disabled:H,selected:$}),{"k-icon-button":!M&&!Nt&&g}),children:[k&&L(u,{className:a(T,"k-button-icon"),icon:k}),M?ct(Et,{children:[M&&L("span",{className:"k-button-text",children:M}),o.children]}):o.children&&L("span",{className:"k-button-text",children:o.children}),c&&L("span",{className:"k-menu-button-arrow k-button-arrow",children:L(u,{icon:r})})]})};m.states=wt;m.options=Bt;m.variants=Tt;m.className=I;m.defaultOptions=v;m.moduleName=V;m.folderName=lt;import{jsx as Ce}from"react/jsx-runtime";import{jsx as ke}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var q="action-buttons",mt=q;import{jsx as It}from"react/jsx-runtime";var z="k-actions",_t=[],Lt={},J={alignment:"start",orientation:"horizontal"},x=o=>{let{alignment:t=J.alignment,orientation:i=J.orientation,...s}=o;return It("div",{...s,className:a(z,{[`${z}-${t}`]:t,[`${z}-${i}`]:i},o.className),children:o.children})};x.states=_t;x.options=Lt;x.className=z;x.defaultOptions=J;x.moduleName=q;x.folderName=mt;var X="window",dt=X;import{jsx as Kt}from"react/jsx-runtime";var pt="k-window-content",St=[],Dt={},zt={},N=o=>{let{children:t,...i}=o;return Kt("div",{...i,className:a(pt,o.className),children:t})};N.states=St;N.options=Dt;N.className=pt;N.defaultOptions=zt;N.moduleName=X;N.folderName=dt;var Q="dialog",ut=Q;import{Fragment as Ht,jsx as b,jsxs as Y}from"react/jsx-runtime";var Z="k-dialog",Rt=[],$t={themeColor:[e.primary,e.light,e.dark]},j={actionButtonsAlign:"stretched",modal:!0},C=o=>{let{title:t,actions:i,themeColor:s,actionButtons:l,actionButtonsAlign:c=j.actionButtonsAlign,modal:r=j.modal,...p}=o;return Y("div",{className:"k-dialog-wrapper",children:[r&&b("div",{className:"k-overlay"}),Y("div",{...p,className:a(o.className,Z,"k-window",f(Z,{themeColor:s})),children:[(t!==void 0||i)&&Y("div",{className:"k-window-titlebar k-dialog-titlebar",children:[t!==void 0&&b("span",{className:"k-window-title k-dialog-title",children:t}),i&&b(Ht,{children:b("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:i.map(d=>b(m,{icon:d,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"},d))})})]}),b(N,{className:"k-dialog-content",children:o.children}),l&&b(x,{alignment:c,className:"k-window-actions k-dialog-actions",children:l})]})]})};C.states=Rt;C.options=$t;C.className=Z;C.defaultOptions=j;C.moduleName=Q;C.folderName=ut;var ft=C;import{Fragment as xt,jsx as K,jsxs as Pt}from"react/jsx-runtime";var Ut=o=>K(ft,{title:"Title",children:K(xt,{children:"Dialog content"}),actionButtons:Pt(xt,{children:[K(m,{children:"Action"}),K(m,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...o}),so=Ut;export{so as DialogModal,Ut as DialogNormal};