@progress/kendo-themes-html/dist/cjs/dialog/dialog.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var He=Object.create;var $=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var o in t)$(e,o,{get:t[o],enumerable:!0})},de=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of $e(t))!Fe.call(e,a)&&a!==o&&$(e,a,{get:()=>t[a],enumerable:!(r=Pe(t,a))||r.enumerable});return e};var Ve=(e,t,o)=>(o=e!=null?He(Ue(e)):{},de(t||!e||!e.__esModule?$(o,"default",{value:e,enumerable:!0}):o,e)),Ge=e=>de($({},"__esModule",{value:!0}),e);var vt={};We(vt,{DIALOG_CLASSNAME:()=>le,Dialog:()=>O,default:()=>bt});module.exports=Ge(vt);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 E=(e,t)=>s({[`${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"}),ce=(e,t)=>{let{valid:o,invalid:r,hover:a,focus:c,checked:m,active:l,selected:g,disabled:p,indeterminate:N,loading:M,empty:h,readonly:H,highlighted:G,...I}=t;return s({"k-valid":o,"k-invalid":r,"k-hover":a,"k-focus":c,"k-checked":m,"k-active":l,"k-selected":g,"k-disabled":p,"k-indeterminate":N&&!m,"k-loading":M,"k-empty":h,"k-readonly":H,"k-highlighted":G},Object.keys(I).reduce((x,T)=>(T.startsWith("k-")?x[T]=I[T]:x[`k-${T}`]=I[T],x),{}))};function me(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var i={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"},L={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"},B={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 Y={};function q(e){return Y[e]=(Y[e]||0)+1,`k-${e}-${Y[e]}`}var J="action-buttons",ue=J;var pe=require("react/jsx-runtime"),U="k-actions",Ye=[],qe={},X={alignment:"start",orientation:"horizontal"},A=e=>{let{alignment:t=X.alignment,orientation:o=X.orientation,...r}=e;return(0,pe.jsx)("div",{...r,className:s(U,{[`${U}-${t}`]:t,[`${U}-${o}`]:o},e.className),children:e.children})};A.states=Ye;A.options=qe;A.className=U;A.defaultOptions=X;A.moduleName=J;A.folderName=ue;var D=require("react/jsx-runtime"),Q="k-font-icon",Je=[],Xe={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Qe={},K=e=>{let{size:t,themeColor:o,icon:r,rotate:a,flip:c,...m}=e;return r?(0,D.jsx)("span",{...m,className:s(e.className,Q,E(Q,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,D.jsx)(D.Fragment,{})};K.states=Je;K.options=Xe;K.className=Q;K.defaultOptions=Qe;var fe=K;var _=require("react/jsx-runtime"),Z="k-svg-icon",Ze=[],je={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.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]},j={viewBox:"0 0 24 24",variant:b.outline},R=e=>{var M,h;let{size:t,themeColor:o,rotate:r,flip:a,viewBox:c=j.viewBox,variant:m=j.variant,icon:l,...g}=e;if(!l)return(0,_.jsx)(_.Fragment,{});if(l==="none")return(0,_.jsx)("span",{...g,className:s(e.className,Z,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let p=typeof l=="object"&&l.name&&l.name,N=typeof l=="object"?m&&((M=l.variants)==null?void 0:M[m])||((h=l.variants)==null?void 0:h.outline)||l.content:void 0;return(0,_.jsx)("span",{...g,className:s(e.className,Z,E("k-icon",{size:t}),{[`k-svg-i-${p}`]:p,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,_.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:l?void 0:e.children})})};R.states=Ze;R.options=je;R.className=Z;R.defaultOptions=j;var ee=R;var te=Ve(require("@progress/kendo-svg-icons"));var xe="icon",ge="icons";var be=require("react");var Ne=require("react"),he=(0,Ne.createContext)({iconsType:"svg"});var y=require("react/jsx-runtime"),F="k-icon",et=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tt=[],ot={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.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]},W={viewBox:"0 0 24 24",type:"svg",variant:b.outline},v=e=>{let{iconsType:t}=(0,be.useContext)(he),{size:o,themeColor:r,icon:a,type:c=t||W.type,rotate:m,flip:l,viewBox:g=W.viewBox,variant:p=W.variant,...N}=e;if(!a)return(0,y.jsx)(y.Fragment,{});if((t||c)==="svg"){if(a==="none")return(0,y.jsx)(ee,{...N,className:s(e.className,F),icon:a,size:o,variant:p});let h=te[a]?a:et(`${a}-icon`);return te[h]?(0,y.jsx)(ee,{...N,className:s(e.className,F),icon:te[h],size:o,themeColor:r,rotate:m,flip:l,viewBox:g,variant:p}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(fe,{...N,className:s(e.className,F),icon:a,size:o,themeColor:r,rotate:m,flip:l})};v.states=tt;v.options=ot;v.defaultOptions=W;v.className=F;v.moduleName=xe;v.folderName=ge;v.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 oe="button",ve=oe;var f=require("react/jsx-runtime"),z="k-button",nt=["icon-button"],it=[B.hover,B.focus,B.active,B.selected,B.disabled,B.generating],at={size:[i.undefined,i.xsmall,i.small,i.medium,i.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ne={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:r,fillMode:a,themeColor:c,showArrow:m=ne.showArrow,arrowIconName:l=ne.arrowIconName,variant:g,hover:p,focus:N,active:M,selected:h,disabled:H,togglable:G,ariaDisabled:I,icon:x,iconSize:T,text:P,iconClassName:Se,className:De,...Ke}=e,Re=x!=null,ze=e.children!==void 0;return(0,f.jsxs)(t,{className:s(De,z,me(z,g),E(z,{size:o,rounded:r,fillMode:a,themeColor:c}),ce(z,{hover:p,focus:N,active:M,disabled:H||I,selected:h}),{"k-icon-button":!P&&!ze&&Re}),"aria-pressed":G?h?"true":"false":void 0,...Ke,"aria-disabled":I?"true":void 0,disabled:H||void 0,children:[typeof x=="string"&&x&&(0,f.jsx)(v,{className:s(Se,"k-button-icon"),icon:x,size:T}),x&&typeof x!="string"&&(0,f.jsx)(f.Fragment,{children:x}),P?(0,f.jsxs)(f.Fragment,{children:[P&&(0,f.jsx)("span",{className:"k-button-text",children:P}),e.children]}):e.children&&(0,f.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,f.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,f.jsx)(v,{icon:l})})]})};d.states=it;d.options=at;d.variants=nt;d.className=z;d.defaultOptions=ne;d.moduleName=oe;d.folderName=ve;d.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"),ye=e=>(0,Oe.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ke=require("react/jsx-runtime"),Ae=e=>(0,ke.jsx)(d,{icon:"folder",children:"Button",...e});var Me=require("react/jsx-runtime"),Ce=e=>(0,Me.jsx)(d,{children:"Button",...e});var V=require("react/jsx-runtime"),rt=d.options,st=d.states,lt={...d.defaultOptions,variant:"text"},dt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ct=[],S=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,V.jsx)(ye,{...o,icon:"star"});case"icon-and-text":return(0,V.jsx)(Ae,{...o,icon:"star",children:"Button"});default:return(0,V.jsx)(Ce,{...o,children:"Button"})}};S.options=rt;S.states=st;S.variants=dt;S.defaultOptions=lt;S.modifiers=ct;S.className=d.className;var ie="window",Te=ie;var we=require("react/jsx-runtime"),Ee="k-window-content",mt=[],ut={},pt={},k=e=>{let{children:t,...o}=e;return(0,we.jsx)("div",{...o,className:s(Ee,e.className),children:t})};k.states=mt;k.options=ut;k.className=Ee;k.defaultOptions=pt;k.moduleName=ie;k.folderName=Te;var ae="dialog",Le=ae;var re="overlay",Be=re;var Ie=require("react/jsx-runtime"),_e="k-overlay",ft=[],xt={},gt={},C=e=>{let{...t}=e;return(0,Ie.jsx)("div",{...t,className:s(e.className,_e),children:e.children})};C.states=ft;C.options=xt;C.className=_e;C.defaultOptions=gt;C.moduleName=re;C.folderName=Be;var u=require("react/jsx-runtime"),le="k-dialog",Nt=[],ht={},se={actionButtonsAlign:"stretched",modal:!0},O=e=>{let{title:t,actions:o,actionButtons:r,actionButtonsAlign:a=se.actionButtonsAlign,modal:c=se.modal,...m}=e,l=t!==void 0?q("dialog-titlebar"):void 0,g=q("dialog-content");return(0,u.jsxs)("div",{className:"k-dialog-wrapper",children:[c&&(0,u.jsx)(C,{}),(0,u.jsxs)("div",{...m,className:s(e.className,le,"k-window"),role:"dialog","aria-labelledby":l,"aria-describedby":g,...c&&{"aria-modal":"true"},children:[(t!==void 0||o)&&(0,u.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:l,children:[t!==void 0&&(0,u.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(p=>(0,u.jsx)(d,{icon:p,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":p},p))})})]}),(0,u.jsx)(k,{className:"k-dialog-content",id:g,children:e.children}),r&&(0,u.jsx)(A,{alignment:a,className:"k-window-actions k-dialog-actions",children:r})]})]})};O.states=Nt;O.options=ht;O.className=le;O.defaultOptions=se;O.moduleName=ae;O.folderName=Le;O.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var bt=O;