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

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((s,i)=>e[i]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(o,e)=>a({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),Z=(o,e)=>{let{valid:s,invalid:i,hover:l,focus:c,checked:r,active:p,selected:d,disabled:A,indeterminate:K,loading:R,empty:$,readonly:y,highlighted:M,...T}=e;return a({"k-valid":s,"k-invalid":i,"k-hover":l,"k-focus":c,"k-checked":r,"k-active":p,"k-selected":d,"k-disabled":A,"k-indeterminate":K&&!r,"k-loading":R,"k-empty":$,"k-readonly":y,"k-highlighted":M},Object.keys(T).reduce((w,h)=>(h.startsWith("k-")?w[h]=T[h]:w[`k-${h}`]=T[h],w),{}))};function ee(o,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(i=>[`k-${i}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={small:"small",medium:"medium",large:"large",full:"full"},g={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={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"};var H="action-buttons",te=H;import{jsx as Ne}from"react/jsx-runtime";var S="k-actions",fe=[],xe={},U={alignment:"start",orientation:"horizontal"},x=o=>{let{alignment:e=U.alignment,orientation:s=U.orientation,...i}=o;return Ne("div",{...i,className:a(S,{[`${S}-${e}`]:e,[`${S}-${s}`]:s},o.className),children:o.children})};x.states=fe;x.options=xe;x.className=S;x.defaultOptions=U;x.moduleName=H;x.folderName=te;import{Fragment as ve,jsx as oe}from"react/jsx-runtime";var W="k-font-icon",he=[],ge={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Oe={},E=o=>{let{size:e,themeColor:s,icon:i,rotate:l,flip:c,...r}=o;return i?oe("span",{...r,className:a(o.className,W,f(W,{size:e}),{[`k-i-${i}`]:i,[`k-color-${s}`]:s,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):oe(ve,{})};E.states=he;E.options=ge;E.className=W;E.defaultOptions=Oe;var ne=E;import{Fragment as Ae,jsx as D}from"react/jsx-runtime";var F="k-svg-icon",be=[],Ce={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},se={viewBox:"0 0 24 24"},_=o=>{let{size:e,themeColor:s,rotate:i,flip:l,viewBox:c=se.viewBox,icon:r,...p}=o;if(!r)return D(Ae,{});r==="none"&&{...p,className:a(o.className,F,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return D("span",{...p,className:a(o.className,F,f("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${s}`]:s,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:D("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})})};_.states=be;_.options=Ce;_.className=F;_.defaultOptions=se;var P=_;import*as G from"@progress/kendo-svg-icons";var ie="icon",re="icons";import{Fragment as ae,jsx as B}from"react/jsx-runtime";var z="k-icon",Me=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ke=[],ye={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},V={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:e,themeColor:s,icon:i,type:l=V.type,rotate:c,flip:r,viewBox:p=V.viewBox,...d}=o;if(!i)return B(ae,{});if(l==="svg"){if(i==="none")return B(P,{...d,className:a(o.className,z),icon:i,size:e});let A=G[i]?i:Me(`${i}-icon`);return G[A]?B(P,{...d,className:a(o.className,z),icon:G[A],size:e,themeColor:s,rotate:c,flip:r,viewBox:p}):B(ae,{})}return B(ne,{...d,className:a(o.className,z),icon:i,size:e,themeColor:s,rotate:c,flip:r})};u.states=ke;u.options=ye;u.defaultOptions=V;u.className=z;u.moduleName=ie;u.folderName=re;var q="button",le=q;import{Fragment as _e,jsx as L,jsxs as ce}from"react/jsx-runtime";var I="k-button",Te=["icon-button"],we=[O.hover,O.focus,O.active,O.selected,O.disabled,O.generating],Ee={size:[n.small,n.medium,n.large],rounded:[k.small,k.medium,k.large,k.full],fillMode:[g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},v={size:n.medium,rounded:k.medium,fillMode:g.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=o=>{let{size:e=v.size,rounded:s=v.rounded,fillMode:i=v.fillMode,themeColor:l=v.themeColor,showArrow:c=v.showArrow,arrowIconName:r=v.arrowIconName,variant:p,hover:d,focus:A,active:K,selected:R,disabled:$,icon:y,text:M,iconClassName:T,...w}=o,h=y!==void 0,ue=o.children!==void 0;return ce("button",{...w,className:a(o.className,I,ee(I,p),f(I,{size:e,rounded:s,fillMode:i,themeColor:l}),Z(I,{hover:d,focus:A,active:K,disabled:$,selected:R}),{"k-icon-button":!M&&!ue&&h}),children:[y&&L(u,{className:a(T,"k-button-icon"),icon:y}),M?ce(_e,{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=we;m.options=Ee;m.variants=Te;m.className=I;m.defaultOptions=v;m.moduleName=q;m.folderName=le;import{jsx as Mt}from"react/jsx-runtime";import{jsx as wt}from"react/jsx-runtime";import{jsx as Lt}from"react/jsx-runtime";var J="window",de=J;import{jsx as Se}from"react/jsx-runtime";var me="k-window-content",Be=[],Le={},Ie={},N=o=>{let{children:e,...s}=o;return Se("div",{...s,className:a(me,o.className),children:e})};N.states=Be;N.options=Le;N.className=me;N.defaultOptions=Ie;N.moduleName=J;N.folderName=de;var X="dialog",pe=X;import{Fragment as Ke,jsx as b,jsxs as j}from"react/jsx-runtime";var Q="k-dialog",De=[],ze={themeColor:[t.primary,t.light,t.dark]},Y={actionButtonsAlign:"stretched",modal:!0},C=o=>{let{title:e,actions:s,themeColor:i,actionButtons:l,actionButtonsAlign:c=Y.actionButtonsAlign,modal:r=Y.modal,...p}=o;return j("div",{className:"k-dialog-wrapper",children:[r&&b("div",{className:"k-overlay"}),j("div",{...p,className:a(o.className,Q,"k-window",f(Q,{themeColor:i})),children:[(e!==void 0||s)&&j("div",{className:"k-window-titlebar k-dialog-titlebar",children:[e!==void 0&&b("span",{className:"k-window-title k-dialog-title",children:e}),s&&b(Ke,{children:b("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:s.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=De;C.options=ze;C.className=Q;C.defaultOptions=Y;C.moduleName=X;C.folderName=pe;var jt=C;export{Q as DIALOG_CLASSNAME,C as Dialog,jt as default};