@progress/kendo-themes-html 14.4.0-dev.2 → 14.4.0-dev.3

package/dist/esm/popover/demos/popover.mjs

@@ -1 +1 @@
-var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),dt=(t,e)=>{let{valid:n,invalid:s,hover:i,focus:c,checked:m,active:d,selected:b,disabled:h,indeterminate:N,loading:K,empty:O,readonly:D,highlighted:J,...k}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!m,"k-loading":K,"k-empty":O,"k-readonly":D,"k-highlighted":J},Object.keys(k).reduce((x,M)=>(M.startsWith("k-")?x[M]=k[M]:x[`k-${M}`]=k[M],x),{}))};function mt(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},P={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"},pt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var X={};function ut(t){return X[t]=(X[t]||0)+1,`k-${t}-${X[t]}`}var Q="popup",ft=Q;import{jsx as xt}from"react/jsx-runtime";var Nt="k-animation-container",Ft=[],Vt={},Y={positionMode:"absolute",shown:!0},g=t=>{let{positionMode:e=Y.positionMode,shown:n=Y.shown,animationStyle:s,offset:i,...c}=t;return xt("div",{...c,style:{...i,...t.style},className:l(t.className,Nt,{"k-animation-container-shown":n,"k-animation-container-fixed":e==="fixed"}),children:xt("div",{className:"k-child-animation-container",style:s,children:t.children})})};g.states=Ft;g.options=Vt;g.className=Nt;g.defaultOptions=Y;g.moduleName=Q;g.folderName=ft;var Z="popup",vt=Z;import{jsx as ht}from"react/jsx-runtime";var yt="k-popup",Gt=[],Wt={},bt={positionMode:"absolute"},A=t=>{let{offset:e,positionMode:n=bt.positionMode,animationStyle:s,containerClassName:i,containerRole:c,containerAriaLabel:m,...d}=t;return ht(g,{positionMode:n,offset:e,animationStyle:s,className:i,role:c,"aria-label":m,children:ht("div",{...d,className:l(t.className,yt),children:t.children})})};A.states=Gt;A.options=Wt;A.className=yt;A.defaultOptions=bt;A.moduleName=Z;A.folderName=vt;var j="popover",gt=j;import{Fragment as Qt,jsx as $,jsxs as At}from"react/jsx-runtime";var Ot="k-popover",qt=[],Jt={},Xt={},p=t=>{let{callout:e,title:n,body:s,id:i=ut("popover"),...c}=t;return At(A,{...c,className:l(t.className,Ot),role:"dialog",id:i,"aria-labelledby":n?`${i}-header`:void 0,"aria-describedby":s?`${i}-body`:void 0,children:[e&&$("div",{className:l("k-popover-callout",{[`k-callout-${pt.calloutMap[e]||e}`]:e})}),At("div",{className:"k-popover-inner",children:[n&&$("div",{className:"k-popover-header",id:`${i}-header`,children:n}),s&&$("div",{className:"k-popover-body",id:`${i}-body`,children:s}),$(Qt,{children:t.children})]})]})};p.states=qt;p.options=Jt;p.className=Ot;p.defaultOptions=Xt;p.moduleName=j;p.folderName=gt;var tt="action-buttons",Mt=tt;import{jsx as jt}from"react/jsx-runtime";var H="k-actions",Yt=[],Zt={},et={alignment:"start",orientation:"horizontal"},u=t=>{let{alignment:e=et.alignment,orientation:n=et.orientation,...s}=t;return jt("div",{...s,className:l(H,{[`${H}-${e}`]:e,[`${H}-${n}`]:n},t.className),children:t.children})};u.states=Yt;u.options=Zt;u.className=H;u.defaultOptions=et;u.moduleName=tt;u.folderName=Mt;import{Fragment as ne,jsx as Ct}from"react/jsx-runtime";var ot="k-font-icon",te=[],ee={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},oe={},S=t=>{let{size:e,themeColor:n,icon:s,rotate:i,flip:c,...m}=t;return s?Ct("span",{...m,className:l(t.className,ot,C(ot,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Ct(ne,{})};S.states=te;S.options=ee;S.className=ot;S.defaultOptions=oe;var Tt=S;import{Fragment as se,jsx as F}from"react/jsx-runtime";var nt="k-svg-icon",ie=[],re={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},it={viewBox:"0 0 24 24",variant:v.outline},L=t=>{let{size:e,themeColor:n,rotate:s,flip:i,viewBox:c=it.viewBox,variant:m=it.variant,icon:d,...b}=t;if(!d)return F(se,{});if(d==="none")return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};L.states=ie;L.options=re;L.className=nt;L.defaultOptions=it;var rt=L;import*as st from"@progress/kendo-svg-icons";var Et="icon",Pt="icons";import{useContext as le}from"react";import{createContext as ae}from"react";var Bt=ae({iconsType:"svg"});import{Fragment as kt,jsx as w}from"react/jsx-runtime";var V="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},G={viewBox:"0 0 24 24",type:"svg",variant:v.outline},y=t=>{let{iconsType:e}=le(Bt),{size:n,themeColor:s,icon:i,type:c=e||G.type,rotate:m,flip:d,viewBox:b=G.viewBox,variant:h=G.variant,...N}=t;if(!i)return w(kt,{});if((e||c)==="svg"){if(i==="none")return w(rt,{...N,className:l(t.className,V),icon:i,size:n,variant:h});let O=st[i]?i:ce(`${i}-icon`);return st[O]?w(rt,{...N,className:l(t.className,V),icon:st[O],size:n,themeColor:s,rotate:m,flip:d,viewBox:b,variant:h}):w(kt,{})}return w(Tt,{...N,className:l(t.className,V),icon:i,size:n,themeColor:s,rotate:m,flip:d})};y.states=de;y.options=me;y.defaultOptions=G;y.className=V;y.moduleName=Et;y.folderName=Pt;var at="button",_t=at;import{Fragment as It,jsx as _,jsxs as St}from"react/jsx-runtime";var R="k-button",pe=["icon-button"],ue=[P.hover,P.focus,P.active,P.selected,P.disabled,P.generating],fe={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},lt={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:n,rounded:s,fillMode:i,themeColor:c,showArrow:m=lt.showArrow,arrowIconName:d=lt.arrowIconName,variant:b,hover:h,focus:N,active:K,selected:O,disabled:D,togglable:J,ariaDisabled:k,icon:x,iconSize:M,text:U,iconClassName:Kt,className:Dt,...Ut}=t,$t=x!=null,Ht=t.children!==void 0;return St(e,{className:l(Dt,R,mt(R,b),C(R,{size:n,rounded:s,fillMode:i,themeColor:c}),dt(R,{hover:h,focus:N,active:K,disabled:D||k,selected:O}),{"k-icon-button":!U&&!Ht&&$t}),"aria-pressed":J?O?"true":"false":void 0,...Ut,"aria-disabled":k?"true":void 0,disabled:D||void 0,children:[typeof x=="string"&&x&&_(y,{className:l(Kt,"k-button-icon"),icon:x,size:M}),x&&typeof x!="string"&&_(It,{children:x}),U?St(It,{children:[U&&_("span",{className:"k-button-text",children:U}),t.children]}):t.children&&_("span",{className:"k-button-text",children:t.children}),m&&_("span",{className:"k-menu-button-arrow k-button-arrow",children:_(y,{icon:d})})]})};a.states=ue;a.options=fe;a.variants=pe;a.className=R;a.defaultOptions=lt;a.moduleName=at;a.folderName=_t;import{jsx as xe}from"react/jsx-runtime";var Lt=t=>xe(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ne}from"react/jsx-runtime";var wt=t=>Ne(a,{icon:"folder",children:"Button",...t});import{jsx as ve}from"react/jsx-runtime";var Rt=t=>ve(a,{children:"Button",...t});import{jsx as ct}from"react/jsx-runtime";var he=a.options,ye=a.states,be={...a.defaultOptions,variant:"text"},ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ae=[],I=t=>{let{variant:e,...n}=t;switch(e){case"icon-only":return ct(Lt,{...n,icon:"star"});case"icon-and-text":return ct(wt,{...n,icon:"star",children:"Button"});default:return ct(Rt,{...n,children:"Button"})}};I.options=he;I.states=ye;I.variants=ge;I.defaultOptions=be;I.modifiers=Ae;I.className=a.className;import{Fragment as Oe,jsx as W,jsxs as Me}from"react/jsx-runtime";var z=t=>W(p,{title:"Title",body:W(Oe,{children:"Body content"}),children:Me(u,{className:"k-popover-actions",alignment:"stretched",children:[W(a,{fillMode:"flat",children:"Action"}),W(a,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...t});import{Fragment as Be,jsx as f,jsxs as q}from"react/jsx-runtime";var Ce=p.options,Te=p.states,zt={...p.defaultOptions,variant:"bottom"},Ee=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Pe=[{name:"title",title:"With title"},{name:"content",title:"With content"}],B=t=>{let{variant:e,modifiers:n,...s}={...zt,...t},i={title:"Popover title",body:f(Be,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(n||{}).forEach(c=>{switch(c){case"title":i.title=n?.[c]?i.title:"";break;case"content":i.body=n?.[c]?i.body:void 0;break;default:break}}),e){case"left":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});case"right":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});case"top":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});default:return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})})}};B.options=Ce;B.states=Te;B.variants=Ee;B.defaultOptions=zt;B.modifiers=Pe;B.className=p.className;var Cn=B;export{B as PopoverDemo,Cn as default};
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,a)=>e[a]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),dt=(t,e)=>{let{valid:n,invalid:a,hover:i,focus:c,checked:m,active:d,selected:b,disabled:h,indeterminate:N,loading:K,empty:O,readonly:D,highlighted:J,...k}=e;return l({"k-valid":n,"k-invalid":a,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!m,"k-loading":K,"k-empty":O,"k-readonly":D,"k-highlighted":J},Object.keys(k).reduce((x,M)=>(M.startsWith("k-")?x[M]=k[M]:x[`k-${M}`]=k[M],x),{}))};function mt(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(a=>[`k-${a}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},P={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"},pt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var X={};function ut(t){return X[t]=(X[t]||0)+1,`k-${t}-${X[t]}`}var Q="popup",ft=Q;import{jsx as xt}from"react/jsx-runtime";var Nt="k-animation-container",Ft=[],Vt={},Y={positionMode:"absolute",shown:!0},g=t=>{let{positionMode:e=Y.positionMode,shown:n=Y.shown,animationStyle:a,offset:i,...c}=t;return xt("div",{...c,style:{...i,...t.style},className:l(t.className,Nt,{"k-animation-container-shown":n,"k-animation-container-fixed":e==="fixed"}),children:xt("div",{className:"k-child-animation-container",style:a,children:t.children})})};g.states=Ft;g.options=Vt;g.className=Nt;g.defaultOptions=Y;g.moduleName=Q;g.folderName=ft;var Z="popup",vt=Z;import{jsx as ht}from"react/jsx-runtime";var yt="k-popup",Gt=[],Wt={},bt={positionMode:"absolute"},A=t=>{let{offset:e,positionMode:n=bt.positionMode,animationStyle:a,containerClassName:i,containerRole:c,containerAriaLabel:m,...d}=t;return ht(g,{positionMode:n,offset:e,animationStyle:a,className:i,role:c,"aria-label":m,children:ht("div",{...d,className:l(t.className,yt),children:t.children})})};A.states=Gt;A.options=Wt;A.className=yt;A.defaultOptions=bt;A.moduleName=Z;A.folderName=vt;var j="popover",gt=j;import{Fragment as Qt,jsx as $,jsxs as At}from"react/jsx-runtime";var Ot="k-popover",qt=[],Jt={},Xt={},p=t=>{let{callout:e,title:n,body:a,id:i=ut("popover"),...c}=t;return At(A,{...c,className:l(t.className,Ot),role:"dialog",id:i,"aria-labelledby":n?`${i}-header`:void 0,"aria-describedby":a?`${i}-body`:void 0,children:[e&&$("div",{className:l("k-popover-callout",{[`k-callout-${pt.calloutMap[e]||e}`]:e})}),At("div",{className:"k-popover-inner",children:[n&&$("div",{className:"k-popover-header",id:`${i}-header`,children:n}),a&&$("div",{className:"k-popover-body",id:`${i}-body`,children:a}),$(Qt,{children:t.children})]})]})};p.states=qt;p.options=Jt;p.className=Ot;p.defaultOptions=Xt;p.moduleName=j;p.folderName=gt;var tt="action-buttons",Mt=tt;import{jsx as jt}from"react/jsx-runtime";var H="k-actions",Yt=[],Zt={},et={alignment:"start",orientation:"horizontal"},u=t=>{let{alignment:e=et.alignment,orientation:n=et.orientation,...a}=t;return jt("div",{...a,className:l(H,{[`${H}-${e}`]:e,[`${H}-${n}`]:n},t.className),children:t.children})};u.states=Yt;u.options=Zt;u.className=H;u.defaultOptions=et;u.moduleName=tt;u.folderName=Mt;import{Fragment as ne,jsx as Ct}from"react/jsx-runtime";var ot="k-font-icon",te=[],ee={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},oe={},S=t=>{let{size:e,themeColor:n,icon:a,rotate:i,flip:c,...m}=t;return a?Ct("span",{...m,className:l(t.className,ot,C(ot,{size:e}),{[`k-i-${a}`]:a,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Ct(ne,{})};S.states=te;S.options=ee;S.className=ot;S.defaultOptions=oe;var Tt=S;import{Fragment as ae,jsx as F}from"react/jsx-runtime";var nt="k-svg-icon",ie=[],re={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},it={viewBox:"0 0 24 24",variant:v.outline},L=t=>{let{size:e,themeColor:n,rotate:a,flip:i,viewBox:c=it.viewBox,variant:m=it.variant,icon:d,...b}=t;if(!d)return F(ae,{});if(d==="none")return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};L.states=ie;L.options=re;L.className=nt;L.defaultOptions=it;var rt=L;import*as at from"@progress/kendo-svg-icons";var Et="icon",Pt="icons";import{useContext as le}from"react";import{createContext as se}from"react";var Bt=se({iconsType:"svg"});import{Fragment as kt,jsx as w}from"react/jsx-runtime";var V="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},G={viewBox:"0 0 24 24",type:"svg",variant:v.outline},y=t=>{let{iconsType:e}=le(Bt),{size:n,themeColor:a,icon:i,type:c=e||G.type,rotate:m,flip:d,viewBox:b=G.viewBox,variant:h=G.variant,...N}=t;if(!i)return w(kt,{});if((e||c)==="svg"){if(i==="none")return w(rt,{...N,className:l(t.className,V),icon:i,size:n,variant:h});let O=at[i]?i:ce(`${i}-icon`);return at[O]?w(rt,{...N,className:l(t.className,V),icon:at[O],size:n,themeColor:a,rotate:m,flip:d,viewBox:b,variant:h}):w(kt,{})}return w(Tt,{...N,className:l(t.className,V),icon:i,size:n,themeColor:a,rotate:m,flip:d})};y.states=de;y.options=me;y.defaultOptions=G;y.className=V;y.moduleName=Et;y.folderName=Pt;var st="button",_t=st;import{Fragment as It,jsx as _,jsxs as St}from"react/jsx-runtime";var R="k-button",pe=["icon-button"],ue=[P.hover,P.focus,P.active,P.selected,P.disabled,P.generating],fe={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},lt={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:n,rounded:a,fillMode:i,themeColor:c,showArrow:m=lt.showArrow,arrowIconName:d=lt.arrowIconName,variant:b,hover:h,focus:N,active:K,selected:O,disabled:D,togglable:J,ariaDisabled:k,icon:x,iconSize:M,text:U,iconClassName:Kt,className:Dt,...Ut}=t,$t=x!=null,Ht=t.children!==void 0;return St(e,{className:l(Dt,R,mt(R,b),C(R,{size:n,rounded:a,fillMode:i,themeColor:c}),dt(R,{hover:h,focus:N,active:K,disabled:D||k,selected:O}),{"k-icon-button":!U&&!Ht&&$t}),"aria-pressed":J?O?"true":"false":void 0,...Ut,"aria-disabled":k?"true":void 0,disabled:D||void 0,children:[typeof x=="string"&&x&&_(y,{className:l(Kt,"k-button-icon"),icon:x,size:M}),x&&typeof x!="string"&&_(It,{children:x}),U?St(It,{children:[U&&_("span",{className:"k-button-text",children:U}),t.children]}):t.children&&_("span",{className:"k-button-text",children:t.children}),m&&_("span",{className:"k-menu-button-arrow k-button-arrow",children:_(y,{icon:d})})]})};s.states=ue;s.options=fe;s.variants=pe;s.className=R;s.defaultOptions=lt;s.moduleName=st;s.folderName=_t;import{jsx as xe}from"react/jsx-runtime";var Lt=t=>xe(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ne}from"react/jsx-runtime";var wt=t=>Ne(s,{icon:"folder",children:"Button",...t});import{jsx as ve}from"react/jsx-runtime";var Rt=t=>ve(s,{children:"Button",...t});import{jsx as ct}from"react/jsx-runtime";var he=s.options,ye=s.states,be={...s.defaultOptions,variant:"text"},ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ae=[],I=t=>{let{variant:e,...n}=t;switch(e){case"icon-only":return ct(Lt,{...n,icon:"star"});case"icon-and-text":return ct(wt,{...n,icon:"star",children:"Button"});default:return ct(Rt,{...n,children:"Button"})}};I.options=he;I.states=ye;I.variants=ge;I.defaultOptions=be;I.modifiers=Ae;I.className=s.className;import{Fragment as Oe,jsx as W,jsxs as Me}from"react/jsx-runtime";var z=t=>W(p,{title:"Title",body:W(Oe,{children:"Body content"}),children:Me(u,{className:"k-popover-actions",alignment:"stretched",children:[W(s,{fillMode:"flat",children:"Action"}),W(s,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...t});import{Fragment as Be,jsx as f,jsxs as q}from"react/jsx-runtime";var Ce=p.options,Te=p.states,zt={...p.defaultOptions,variant:"bottom"},Ee=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Pe=[{name:"title",title:"With title"},{name:"content",title:"With content"}],B=t=>{let{variant:e,modifiers:n,...a}={...zt,...t},i={title:"Popover title",body:f(Be,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(n||{}).forEach(c=>{switch(c){case"title":i.title=n?.[c]?i.title:"";break;case"content":i.body=n?.[c]?i.body:void 0;break;default:break}}),e){case"left":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});case"right":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});case"top":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});default:return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:q(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})})}};B.options=Ce;B.states=Te;B.variants=Ee;B.defaultOptions=zt;B.modifiers=Pe;B.className=p.className;var Cn=B;export{B as PopoverDemo,Cn as default};

package/dist/esm/popover/popover.spec.mjs

@@ -1 +1 @@
-var r=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((t,n)=>e[n]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var N={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var c={};function M(o){return c[o]=(c[o]||0)+1,`k-${o}-${c[o]}`}var u="popup",A=u;import{jsx as g}from"react/jsx-runtime";var v="k-animation-container",L=[],T={},p={positionMode:"absolute",shown:!0},a=o=>{let{positionMode:e=p.positionMode,shown:t=p.shown,animationStyle:n,offset:i,...d}=o;return g("div",{...d,style:{...i,...o.style},className:r(o.className,v,{"k-animation-container-shown":t,"k-animation-container-fixed":e==="fixed"}),children:g("div",{className:"k-child-animation-container",style:n,children:o.children})})};a.states=L;a.options=T;a.className=v;a.defaultOptions=p;a.moduleName=u;a.folderName=A;var f="popup",h=f;import{jsx as E}from"react/jsx-runtime";var O="k-popup",C=[],$={},P={positionMode:"absolute"},s=o=>{let{offset:e,positionMode:t=P.positionMode,animationStyle:n,containerClassName:i,containerRole:d,containerAriaLabel:_,...R}=o;return E(a,{positionMode:t,offset:e,animationStyle:n,className:i,role:d,"aria-label":_,children:E("div",{...R,className:r(o.className,O),children:o.children})})};s.states=C;s.options=$;s.className=O;s.defaultOptions=P;s.moduleName=f;s.folderName=h;var x="popover",b=x;import{Fragment as K,jsx as m,jsxs as k}from"react/jsx-runtime";var y="k-popover",S=[],D={},I={},l=o=>{let{callout:e,title:t,body:n,id:i=M("popover"),...d}=o;return k(s,{...d,className:r(o.className,y),role:"dialog",id:i,"aria-labelledby":t?`${i}-header`:void 0,"aria-describedby":n?`${i}-body`:void 0,children:[e&&m("div",{className:r("k-popover-callout",{[`k-callout-${N.calloutMap[e]||e}`]:e})}),k("div",{className:"k-popover-inner",children:[t&&m("div",{className:"k-popover-header",id:`${i}-header`,children:t}),n&&m("div",{className:"k-popover-body",id:`${i}-body`,children:n}),m(K,{children:o.children})]})]})};l.states=S;l.options=D;l.className=y;l.defaultOptions=I;l.moduleName=x;l.folderName=b;var pe=l;export{y as POPOVER_CLASSNAME,l as Popover,pe as default};
+var r=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((t,n)=>e[n]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var N={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var c={};function M(o){return c[o]=(c[o]||0)+1,`k-${o}-${c[o]}`}var u="popup",A=u;import{jsx as g}from"react/jsx-runtime";var v="k-animation-container",L=[],T={},p={positionMode:"absolute",shown:!0},a=o=>{let{positionMode:e=p.positionMode,shown:t=p.shown,animationStyle:n,offset:i,...d}=o;return g("div",{...d,style:{...i,...o.style},className:r(o.className,v,{"k-animation-container-shown":t,"k-animation-container-fixed":e==="fixed"}),children:g("div",{className:"k-child-animation-container",style:n,children:o.children})})};a.states=L;a.options=T;a.className=v;a.defaultOptions=p;a.moduleName=u;a.folderName=A;var f="popup",h=f;import{jsx as O}from"react/jsx-runtime";var E="k-popup",C=[],$={},P={positionMode:"absolute"},s=o=>{let{offset:e,positionMode:t=P.positionMode,animationStyle:n,containerClassName:i,containerRole:d,containerAriaLabel:_,...R}=o;return O(a,{positionMode:t,offset:e,animationStyle:n,className:i,role:d,"aria-label":_,children:O("div",{...R,className:r(o.className,E),children:o.children})})};s.states=C;s.options=$;s.className=E;s.defaultOptions=P;s.moduleName=f;s.folderName=h;var x="popover",b=x;import{Fragment as K,jsx as m,jsxs as k}from"react/jsx-runtime";var y="k-popover",S=[],D={},I={},l=o=>{let{callout:e,title:t,body:n,id:i=M("popover"),...d}=o;return k(s,{...d,className:r(o.className,y),role:"dialog",id:i,"aria-labelledby":t?`${i}-header`:void 0,"aria-describedby":n?`${i}-body`:void 0,children:[e&&m("div",{className:r("k-popover-callout",{[`k-callout-${N.calloutMap[e]||e}`]:e})}),k("div",{className:"k-popover-inner",children:[t&&m("div",{className:"k-popover-header",id:`${i}-header`,children:t}),n&&m("div",{className:"k-popover-body",id:`${i}-body`,children:n}),m(K,{children:o.children})]})]})};l.states=S;l.options=D;l.className=y;l.defaultOptions=I;l.moduleName=x;l.folderName=b;var pe=l;export{y as POPOVER_CLASSNAME,l as Popover,pe as default};

package/dist/esm/popover/templates/popover-normal.mjs

@@ -1 +1 @@
-var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),dt=(t,e)=>{let{valid:n,invalid:s,hover:i,focus:c,checked:m,active:d,selected:b,disabled:h,indeterminate:N,loading:K,empty:O,readonly:D,highlighted:J,...B}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!m,"k-loading":K,"k-empty":O,"k-readonly":D,"k-highlighted":J},Object.keys(B).reduce((x,M)=>(M.startsWith("k-")?x[M]=B[M]:x[`k-${M}`]=B[M],x),{}))};function mt(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},P={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"},pt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var X={};function ut(t){return X[t]=(X[t]||0)+1,`k-${t}-${X[t]}`}var Q="popup",ft=Q;import{jsx as xt}from"react/jsx-runtime";var Nt="k-animation-container",Ft=[],Vt={},Y={positionMode:"absolute",shown:!0},g=t=>{let{positionMode:e=Y.positionMode,shown:n=Y.shown,animationStyle:s,offset:i,...c}=t;return xt("div",{...c,style:{...i,...t.style},className:l(t.className,Nt,{"k-animation-container-shown":n,"k-animation-container-fixed":e==="fixed"}),children:xt("div",{className:"k-child-animation-container",style:s,children:t.children})})};g.states=Ft;g.options=Vt;g.className=Nt;g.defaultOptions=Y;g.moduleName=Q;g.folderName=ft;var Z="popup",vt=Z;import{jsx as ht}from"react/jsx-runtime";var yt="k-popup",Gt=[],Wt={},bt={positionMode:"absolute"},A=t=>{let{offset:e,positionMode:n=bt.positionMode,animationStyle:s,containerClassName:i,containerRole:c,containerAriaLabel:m,...d}=t;return ht(g,{positionMode:n,offset:e,animationStyle:s,className:i,role:c,"aria-label":m,children:ht("div",{...d,className:l(t.className,yt),children:t.children})})};A.states=Gt;A.options=Wt;A.className=yt;A.defaultOptions=bt;A.moduleName=Z;A.folderName=vt;var j="popover",gt=j;import{Fragment as Qt,jsx as $,jsxs as At}from"react/jsx-runtime";var Ot="k-popover",qt=[],Jt={},Xt={},p=t=>{let{callout:e,title:n,body:s,id:i=ut("popover"),...c}=t;return At(A,{...c,className:l(t.className,Ot),role:"dialog",id:i,"aria-labelledby":n?`${i}-header`:void 0,"aria-describedby":s?`${i}-body`:void 0,children:[e&&$("div",{className:l("k-popover-callout",{[`k-callout-${pt.calloutMap[e]||e}`]:e})}),At("div",{className:"k-popover-inner",children:[n&&$("div",{className:"k-popover-header",id:`${i}-header`,children:n}),s&&$("div",{className:"k-popover-body",id:`${i}-body`,children:s}),$(Qt,{children:t.children})]})]})};p.states=qt;p.options=Jt;p.className=Ot;p.defaultOptions=Xt;p.moduleName=j;p.folderName=gt;var tt="action-buttons",Mt=tt;import{jsx as jt}from"react/jsx-runtime";var H="k-actions",Yt=[],Zt={},et={alignment:"start",orientation:"horizontal"},u=t=>{let{alignment:e=et.alignment,orientation:n=et.orientation,...s}=t;return jt("div",{...s,className:l(H,{[`${H}-${e}`]:e,[`${H}-${n}`]:n},t.className),children:t.children})};u.states=Yt;u.options=Zt;u.className=H;u.defaultOptions=et;u.moduleName=tt;u.folderName=Mt;import{Fragment as ne,jsx as Ct}from"react/jsx-runtime";var ot="k-font-icon",te=[],ee={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},oe={},S=t=>{let{size:e,themeColor:n,icon:s,rotate:i,flip:c,...m}=t;return s?Ct("span",{...m,className:l(t.className,ot,C(ot,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Ct(ne,{})};S.states=te;S.options=ee;S.className=ot;S.defaultOptions=oe;var Tt=S;import{Fragment as se,jsx as F}from"react/jsx-runtime";var nt="k-svg-icon",ie=[],re={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},it={viewBox:"0 0 24 24",variant:v.outline},L=t=>{let{size:e,themeColor:n,rotate:s,flip:i,viewBox:c=it.viewBox,variant:m=it.variant,icon:d,...b}=t;if(!d)return F(se,{});if(d==="none")return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};L.states=ie;L.options=re;L.className=nt;L.defaultOptions=it;var rt=L;import*as st from"@progress/kendo-svg-icons";var Et="icon",Pt="icons";import{useContext as le}from"react";import{createContext as ae}from"react";var Bt=ae({iconsType:"svg"});import{Fragment as kt,jsx as w}from"react/jsx-runtime";var V="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},G={viewBox:"0 0 24 24",type:"svg",variant:v.outline},y=t=>{let{iconsType:e}=le(Bt),{size:n,themeColor:s,icon:i,type:c=e||G.type,rotate:m,flip:d,viewBox:b=G.viewBox,variant:h=G.variant,...N}=t;if(!i)return w(kt,{});if((e||c)==="svg"){if(i==="none")return w(rt,{...N,className:l(t.className,V),icon:i,size:n,variant:h});let O=st[i]?i:ce(`${i}-icon`);return st[O]?w(rt,{...N,className:l(t.className,V),icon:st[O],size:n,themeColor:s,rotate:m,flip:d,viewBox:b,variant:h}):w(kt,{})}return w(Tt,{...N,className:l(t.className,V),icon:i,size:n,themeColor:s,rotate:m,flip:d})};y.states=de;y.options=me;y.defaultOptions=G;y.className=V;y.moduleName=Et;y.folderName=Pt;var at="button",_t=at;import{Fragment as It,jsx as k,jsxs as St}from"react/jsx-runtime";var R="k-button",pe=["icon-button"],ue=[P.hover,P.focus,P.active,P.selected,P.disabled,P.generating],fe={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},lt={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:n,rounded:s,fillMode:i,themeColor:c,showArrow:m=lt.showArrow,arrowIconName:d=lt.arrowIconName,variant:b,hover:h,focus:N,active:K,selected:O,disabled:D,togglable:J,ariaDisabled:B,icon:x,iconSize:M,text:U,iconClassName:Kt,className:Dt,...Ut}=t,$t=x!=null,Ht=t.children!==void 0;return St(e,{className:l(Dt,R,mt(R,b),C(R,{size:n,rounded:s,fillMode:i,themeColor:c}),dt(R,{hover:h,focus:N,active:K,disabled:D||B,selected:O}),{"k-icon-button":!U&&!Ht&&$t}),"aria-pressed":J?O?"true":"false":void 0,...Ut,"aria-disabled":B?"true":void 0,disabled:D||void 0,children:[typeof x=="string"&&x&&k(y,{className:l(Kt,"k-button-icon"),icon:x,size:M}),x&&typeof x!="string"&&k(It,{children:x}),U?St(It,{children:[U&&k("span",{className:"k-button-text",children:U}),t.children]}):t.children&&k("span",{className:"k-button-text",children:t.children}),m&&k("span",{className:"k-menu-button-arrow k-button-arrow",children:k(y,{icon:d})})]})};a.states=ue;a.options=fe;a.variants=pe;a.className=R;a.defaultOptions=lt;a.moduleName=at;a.folderName=_t;import{jsx as xe}from"react/jsx-runtime";var Lt=t=>xe(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ne}from"react/jsx-runtime";var wt=t=>Ne(a,{icon:"folder",children:"Button",...t});import{jsx as ve}from"react/jsx-runtime";var Rt=t=>ve(a,{children:"Button",...t});import{jsx as ct}from"react/jsx-runtime";var he=a.options,ye=a.states,be={...a.defaultOptions,variant:"text"},ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ae=[],_=t=>{let{variant:e,...n}=t;switch(e){case"icon-only":return ct(Lt,{...n,icon:"star"});case"icon-and-text":return ct(wt,{...n,icon:"star",children:"Button"});default:return ct(Rt,{...n,children:"Button"})}};_.options=he;_.states=ye;_.variants=ge;_.defaultOptions=be;_.modifiers=Ae;_.className=a.className;import{Fragment as Ee,jsx as f,jsxs as W}from"react/jsx-runtime";var Oe=p.options,Me=p.states,zt={...p.defaultOptions,variant:"bottom"},Ce=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Te=[{name:"title",title:"With title"},{name:"content",title:"With content"}],I=t=>{let{variant:e,modifiers:n,...s}={...zt,...t},i={title:"Popover title",body:f(Ee,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(n||{}).forEach(c=>{switch(c){case"title":i.title=n?.[c]?i.title:"";break;case"content":i.body=n?.[c]?i.body:void 0;break;default:break}}),e){case"left":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});case"right":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});case"top":return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})});default:return f(z,{...s,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(a,{children:"Action"}),f(a,{themeColor:"primary",children:"Primary"})]})})}};I.options=Oe;I.states=Me;I.variants=Ce;I.defaultOptions=zt;I.modifiers=Te;I.className=p.className;import{Fragment as Pe,jsx as q,jsxs as Be}from"react/jsx-runtime";var z=t=>q(p,{title:"Title",body:q(Pe,{children:"Body content"}),children:Be(u,{className:"k-popover-actions",alignment:"stretched",children:[q(a,{fillMode:"flat",children:"Action"}),q(a,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...t});export{z as PopoverNormal};
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,a)=>e[a]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),dt=(t,e)=>{let{valid:n,invalid:a,hover:i,focus:c,checked:m,active:d,selected:b,disabled:h,indeterminate:N,loading:K,empty:O,readonly:D,highlighted:J,...B}=e;return l({"k-valid":n,"k-invalid":a,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!m,"k-loading":K,"k-empty":O,"k-readonly":D,"k-highlighted":J},Object.keys(B).reduce((x,M)=>(M.startsWith("k-")?x[M]=B[M]:x[`k-${M}`]=B[M],x),{}))};function mt(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(a=>[`k-${a}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},P={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"},pt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var X={};function ut(t){return X[t]=(X[t]||0)+1,`k-${t}-${X[t]}`}var Q="popup",ft=Q;import{jsx as xt}from"react/jsx-runtime";var Nt="k-animation-container",Ft=[],Vt={},Y={positionMode:"absolute",shown:!0},g=t=>{let{positionMode:e=Y.positionMode,shown:n=Y.shown,animationStyle:a,offset:i,...c}=t;return xt("div",{...c,style:{...i,...t.style},className:l(t.className,Nt,{"k-animation-container-shown":n,"k-animation-container-fixed":e==="fixed"}),children:xt("div",{className:"k-child-animation-container",style:a,children:t.children})})};g.states=Ft;g.options=Vt;g.className=Nt;g.defaultOptions=Y;g.moduleName=Q;g.folderName=ft;var Z="popup",vt=Z;import{jsx as ht}from"react/jsx-runtime";var yt="k-popup",Gt=[],Wt={},bt={positionMode:"absolute"},A=t=>{let{offset:e,positionMode:n=bt.positionMode,animationStyle:a,containerClassName:i,containerRole:c,containerAriaLabel:m,...d}=t;return ht(g,{positionMode:n,offset:e,animationStyle:a,className:i,role:c,"aria-label":m,children:ht("div",{...d,className:l(t.className,yt),children:t.children})})};A.states=Gt;A.options=Wt;A.className=yt;A.defaultOptions=bt;A.moduleName=Z;A.folderName=vt;var j="popover",gt=j;import{Fragment as Qt,jsx as $,jsxs as At}from"react/jsx-runtime";var Ot="k-popover",qt=[],Jt={},Xt={},p=t=>{let{callout:e,title:n,body:a,id:i=ut("popover"),...c}=t;return At(A,{...c,className:l(t.className,Ot),role:"dialog",id:i,"aria-labelledby":n?`${i}-header`:void 0,"aria-describedby":a?`${i}-body`:void 0,children:[e&&$("div",{className:l("k-popover-callout",{[`k-callout-${pt.calloutMap[e]||e}`]:e})}),At("div",{className:"k-popover-inner",children:[n&&$("div",{className:"k-popover-header",id:`${i}-header`,children:n}),a&&$("div",{className:"k-popover-body",id:`${i}-body`,children:a}),$(Qt,{children:t.children})]})]})};p.states=qt;p.options=Jt;p.className=Ot;p.defaultOptions=Xt;p.moduleName=j;p.folderName=gt;var tt="action-buttons",Mt=tt;import{jsx as jt}from"react/jsx-runtime";var H="k-actions",Yt=[],Zt={},et={alignment:"start",orientation:"horizontal"},u=t=>{let{alignment:e=et.alignment,orientation:n=et.orientation,...a}=t;return jt("div",{...a,className:l(H,{[`${H}-${e}`]:e,[`${H}-${n}`]:n},t.className),children:t.children})};u.states=Yt;u.options=Zt;u.className=H;u.defaultOptions=et;u.moduleName=tt;u.folderName=Mt;import{Fragment as ne,jsx as Ct}from"react/jsx-runtime";var ot="k-font-icon",te=[],ee={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},oe={},S=t=>{let{size:e,themeColor:n,icon:a,rotate:i,flip:c,...m}=t;return a?Ct("span",{...m,className:l(t.className,ot,C(ot,{size:e}),{[`k-i-${a}`]:a,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Ct(ne,{})};S.states=te;S.options=ee;S.className=ot;S.defaultOptions=oe;var Tt=S;import{Fragment as ae,jsx as F}from"react/jsx-runtime";var nt="k-svg-icon",ie=[],re={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},it={viewBox:"0 0 24 24",variant:v.outline},L=t=>{let{size:e,themeColor:n,rotate:a,flip:i,viewBox:c=it.viewBox,variant:m=it.variant,icon:d,...b}=t;if(!d)return F(ae,{});if(d==="none")return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,N=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return F("span",{...b,className:l(t.className,nt,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:d?void 0:t.children})})};L.states=ie;L.options=re;L.className=nt;L.defaultOptions=it;var rt=L;import*as at from"@progress/kendo-svg-icons";var Et="icon",Pt="icons";import{useContext as le}from"react";import{createContext as se}from"react";var Bt=se({iconsType:"svg"});import{Fragment as kt,jsx as w}from"react/jsx-runtime";var V="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),de=[],me={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[v.outline,v.solid,v.duotone]},G={viewBox:"0 0 24 24",type:"svg",variant:v.outline},y=t=>{let{iconsType:e}=le(Bt),{size:n,themeColor:a,icon:i,type:c=e||G.type,rotate:m,flip:d,viewBox:b=G.viewBox,variant:h=G.variant,...N}=t;if(!i)return w(kt,{});if((e||c)==="svg"){if(i==="none")return w(rt,{...N,className:l(t.className,V),icon:i,size:n,variant:h});let O=at[i]?i:ce(`${i}-icon`);return at[O]?w(rt,{...N,className:l(t.className,V),icon:at[O],size:n,themeColor:a,rotate:m,flip:d,viewBox:b,variant:h}):w(kt,{})}return w(Tt,{...N,className:l(t.className,V),icon:i,size:n,themeColor:a,rotate:m,flip:d})};y.states=de;y.options=me;y.defaultOptions=G;y.className=V;y.moduleName=Et;y.folderName=Pt;var st="button",_t=st;import{Fragment as It,jsx as k,jsxs as St}from"react/jsx-runtime";var R="k-button",pe=["icon-button"],ue=[P.hover,P.focus,P.active,P.selected,P.disabled,P.generating],fe={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},lt={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:n,rounded:a,fillMode:i,themeColor:c,showArrow:m=lt.showArrow,arrowIconName:d=lt.arrowIconName,variant:b,hover:h,focus:N,active:K,selected:O,disabled:D,togglable:J,ariaDisabled:B,icon:x,iconSize:M,text:U,iconClassName:Kt,className:Dt,...Ut}=t,$t=x!=null,Ht=t.children!==void 0;return St(e,{className:l(Dt,R,mt(R,b),C(R,{size:n,rounded:a,fillMode:i,themeColor:c}),dt(R,{hover:h,focus:N,active:K,disabled:D||B,selected:O}),{"k-icon-button":!U&&!Ht&&$t}),"aria-pressed":J?O?"true":"false":void 0,...Ut,"aria-disabled":B?"true":void 0,disabled:D||void 0,children:[typeof x=="string"&&x&&k(y,{className:l(Kt,"k-button-icon"),icon:x,size:M}),x&&typeof x!="string"&&k(It,{children:x}),U?St(It,{children:[U&&k("span",{className:"k-button-text",children:U}),t.children]}):t.children&&k("span",{className:"k-button-text",children:t.children}),m&&k("span",{className:"k-menu-button-arrow k-button-arrow",children:k(y,{icon:d})})]})};s.states=ue;s.options=fe;s.variants=pe;s.className=R;s.defaultOptions=lt;s.moduleName=st;s.folderName=_t;import{jsx as xe}from"react/jsx-runtime";var Lt=t=>xe(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ne}from"react/jsx-runtime";var wt=t=>Ne(s,{icon:"folder",children:"Button",...t});import{jsx as ve}from"react/jsx-runtime";var Rt=t=>ve(s,{children:"Button",...t});import{jsx as ct}from"react/jsx-runtime";var he=s.options,ye=s.states,be={...s.defaultOptions,variant:"text"},ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ae=[],_=t=>{let{variant:e,...n}=t;switch(e){case"icon-only":return ct(Lt,{...n,icon:"star"});case"icon-and-text":return ct(wt,{...n,icon:"star",children:"Button"});default:return ct(Rt,{...n,children:"Button"})}};_.options=he;_.states=ye;_.variants=ge;_.defaultOptions=be;_.modifiers=Ae;_.className=s.className;import{Fragment as Ee,jsx as f,jsxs as W}from"react/jsx-runtime";var Oe=p.options,Me=p.states,zt={...p.defaultOptions,variant:"bottom"},Ce=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Te=[{name:"title",title:"With title"},{name:"content",title:"With content"}],I=t=>{let{variant:e,modifiers:n,...a}={...zt,...t},i={title:"Popover title",body:f(Ee,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(n||{}).forEach(c=>{switch(c){case"title":i.title=n?.[c]?i.title:"";break;case"content":i.body=n?.[c]?i.body:void 0;break;default:break}}),e){case"left":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});case"right":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});case"top":return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})});default:return f(z,{...a,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:W(u,{className:"k-popover-actions",alignment:"stretched",children:[f(s,{children:"Action"}),f(s,{themeColor:"primary",children:"Primary"})]})})}};I.options=Oe;I.states=Me;I.variants=Ce;I.defaultOptions=zt;I.modifiers=Te;I.className=p.className;import{Fragment as Pe,jsx as q,jsxs as Be}from"react/jsx-runtime";var z=t=>q(p,{title:"Title",body:q(Pe,{children:"Body content"}),children:Be(u,{className:"k-popover-actions",alignment:"stretched",children:[q(s,{fillMode:"flat",children:"Action"}),q(s,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...t});export{z as PopoverNormal};