@progress/kendo-themes-html 14.5.1-dev.7 → 14.6.0

package/dist/esm/imageeditor/imageeditor-pane.mjs

@@ -0,0 +1 @@
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,r)=>e[r]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(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"}),Y=(t,e)=>{let{valid:i,invalid:r,hover:s,focus:c,checked:m,active:d,selected:h,disabled:x,indeterminate:p,loading:w,empty:v,readonly:L,highlighted:H,...k}=e;return l({"k-valid":i,"k-invalid":r,"k-hover":s,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":h,"k-disabled":x,"k-indeterminate":p&&!m,"k-loading":w,"k-empty":v,"k-readonly":L,"k-highlighted":H},Object.keys(k).reduce((u,y)=>(y.startsWith("k-")?u[y]=k[y]:u[`k-${y}`]=k[y],u),{}))};function Z(t,e){if(!e)return{};let i=Array.isArray(e)?e:[e];return Object.fromEntries(i.map(r=>[`k-${r}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},C={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},T={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={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"},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 U="action-buttons",ee=U;import{jsx as Ce}from"react/jsx-runtime";var R="k-actions",ye=[],be={},F={alignment:"start",orientation:"horizontal"},N=t=>{let{alignment:e=F.alignment,orientation:i=F.orientation,...r}=t;return Ce("div",{...r,className:l(R,{[`${R}-${e}`]:e,[`${R}-${i}`]:i},t.className),children:t.children})};N.states=ye;N.options=be;N.className=R;N.defaultOptions=F;N.moduleName=U;N.folderName=ee;import{Fragment as ke,jsx as te}from"react/jsx-runtime";var V="k-font-icon",Te=[],Be={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.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:i,icon:r,rotate:s,flip:c,...m}=t;return r?te("span",{...m,className:l(t.className,V,b(V,{size:e}),{[`k-i-${r}`]:r,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):te(ke,{})};S.states=Te;S.options=Be;S.className=V;S.defaultOptions=Oe;var oe=S;import{Fragment as Me,jsx as $}from"react/jsx-runtime";var G="k-svg-icon",Ie=[],Ae={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[f.outline,f.solid,f.duotone]},q={viewBox:"0 0 24 24",variant:f.outline},E=t=>{let{size:e,themeColor:i,rotate:r,flip:s,viewBox:c=q.viewBox,variant:m=q.variant,icon:d,...h}=t;if(!d)return $(Me,{});if(d==="none")return $("span",{...h,className:l(t.className,G,b("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof d=="object"&&d.name&&d.name,p=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return $("span",{...h,className:l(t.className,G,b("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:$("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:d?void 0:t.children})})};E.states=Ie;E.options=Ae;E.className=G;E.defaultOptions=q;var J=E;import*as X from"@progress/kendo-svg-icons";var ne="icon",ie="icons";import{useContext as Ee}from"react";import{createContext as Se}from"react";var re=Se({iconsType:"svg"});import{Fragment as ae,jsx as _}from"react/jsx-runtime";var P="k-icon",_e=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ze=[],we={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[f.outline,f.solid,f.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:f.outline},g=t=>{let{iconsType:e}=Ee(re),{size:i,themeColor:r,icon:s,type:c=e||D.type,rotate:m,flip:d,viewBox:h=D.viewBox,variant:x=D.variant,...p}=t;if(!s)return _(ae,{});if((e||c)==="svg"){if(s==="none")return _(J,{...p,className:l(t.className,P),icon:s,size:i,variant:x});let v=X[s]?s:_e(`${s}-icon`);return X[v]?_(J,{...p,className:l(t.className,P),icon:X[v],size:i,themeColor:r,rotate:m,flip:d,viewBox:h,variant:x}):_(ae,{})}return _(oe,{...p,className:l(t.className,P),icon:s,size:i,themeColor:r,rotate:m,flip:d})};g.states=ze;g.options=we;g.defaultOptions=D;g.className=P;g.moduleName=ne;g.folderName=ie;var W="button",se=W;import{Fragment as le,jsx as I,jsxs as de}from"react/jsx-runtime";var z="k-button",Le=["icon-button"],Ke=[B.hover,B.focus,B.active,B.selected,B.disabled,B.generating],Re={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[T.undefined,T.solid,T.flat,T.outline,T.clear,T.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},j={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:i,rounded:r,fillMode:s,themeColor:c,showArrow:m=j.showArrow,arrowIconName:d=j.arrowIconName,variant:h,hover:x,focus:p,active:w,selected:v,disabled:L,togglable:H,ariaDisabled:k,icon:u,iconSize:y,text:K,iconClassName:xe,className:ge,...he}=t,Ne=u!=null,ve=t.children!==void 0;return de(e,{className:l(ge,z,Z(z,h),b(z,{size:i,rounded:r,fillMode:s,themeColor:c}),Y(z,{hover:x,focus:p,active:w,disabled:L||k,selected:v}),{"k-icon-button":!K&&!ve&&Ne}),"aria-pressed":H?v?"true":"false":void 0,...he,"aria-disabled":k?"true":void 0,disabled:L||void 0,children:[typeof u=="string"&&u&&I(g,{className:l(xe,"k-button-icon"),icon:u,size:y}),u&&typeof u!="string"&&I(le,{children:u}),K?de(le,{children:[K&&I("span",{className:"k-button-text",children:K}),t.children]}):t.children&&I("span",{className:"k-button-text",children:t.children}),m&&I("span",{className:"k-menu-button-arrow k-button-arrow",children:I(g,{icon:d})})]})};a.states=Ke;a.options=Re;a.variants=Le;a.className=z;a.defaultOptions=j;a.moduleName=W;a.folderName=se;import{jsx as $e}from"react/jsx-runtime";var ce=t=>$e(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Pe}from"react/jsx-runtime";var me=t=>Pe(a,{icon:"folder",children:"Button",...t});import{jsx as De}from"react/jsx-runtime";var ue=t=>De(a,{children:"Button",...t});import{jsx as Q}from"react/jsx-runtime";var He=a.options,Ue=a.states,Fe={...a.defaultOptions,variant:"text"},Ve=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ge=[],A=t=>{let{variant:e,...i}=t;switch(e){case"icon-only":return Q(ce,{...i,icon:"star"});case"icon-and-text":return Q(me,{...i,icon:"star",children:"Button"});default:return Q(ue,{...i,children:"Button"})}};A.options=He;A.states=Ue;A.variants=Ve;A.defaultOptions=Fe;A.modifiers=Ge;A.className=a.className;import{jsx as M,jsxs as pe}from"react/jsx-runtime";var fe="k-imageeditor-pane",qe=[],Je={},Xe={},O=t=>{let{title:e,actions:i,adaptive:r,children:s,...c}=t;return pe("div",{...c,className:l(t.className,fe),children:[pe("div",{className:"k-imageeditor-pane-header",children:[r&&M(a,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),M("div",{className:"k-imageeditor-pane-title",children:e}),r?M(a,{fillMode:"flat",icon:"check","aria-label":"Confirm",title:"Confirm"}):M(a,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),M("div",{className:"k-imageeditor-pane-content",children:s}),!r&&i&&M(N,{alignment:"end",className:"k-imageeditor-pane-footer",children:i})]})};O.states=qe;O.options=Je;O.className=fe;O.moduleName=null;O.folderName=null;O.defaultOptions=Xe;var mo=O;export{fe as IMAGEEDITORPANE_CLASSNAME,O as ImageEditorPane,mo as default};

package/dist/esm/imageeditor/imageeditor-placeholder.mjs

@@ -0,0 +1 @@
+var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,s)=>e[s]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(o,e)=>l({[`${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.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"});var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var d={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},t={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};import{Fragment as V,jsx as E}from"react/jsx-runtime";var O="k-font-icon",R=[],H={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info]},F={},g=o=>{let{size:e,themeColor:i,icon:s,rotate:r,flip:c,...u}=o;return s?E("span",{...u,className:l(o.className,O,x(O,{size:e}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):E(V,{})};g.states=R;g.options=H;g.className=O;g.defaultOptions=F;var A=g;import{Fragment as j,jsx as C}from"react/jsx-runtime";var S="k-svg-icon",D=[],G={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[d.outline,d.solid,d.duotone]},z={viewBox:"0 0 24 24",variant:d.outline},v=o=>{let{size:e,themeColor:i,rotate:s,flip:r,viewBox:c=z.viewBox,variant:u=z.variant,icon:a,...k}=o;if(!a)return C(j,{});if(a==="none")return C("span",{...k,className:l(o.className,S,x("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let f=typeof a=="object"&&a.name&&a.name,p=typeof a=="object"?u&&a.variants?.[u]||a.variants?.outline||a.content:void 0;return C("span",{...k,className:l(o.className,S,x("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:C("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:a?void 0:o.children})})};v.states=D;v.options=G;v.className=S;v.defaultOptions=z;var M=v;import*as T from"@progress/kendo-svg-icons";var w="icon",L="icons";import{useContext as U}from"react";import{createContext as K}from"react";var _=K({iconsType:"svg"});import{Fragment as B,jsx as h}from"react/jsx-runtime";var b="k-icon",q=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),W=[],J={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[d.outline,d.solid,d.duotone]},N={viewBox:"0 0 24 24",type:"svg",variant:d.outline},m=o=>{let{iconsType:e}=U(_),{size:i,themeColor:s,icon:r,type:c=e||N.type,rotate:u,flip:a,viewBox:k=N.viewBox,variant:f=N.variant,...p}=o;if(!r)return h(B,{});if((e||c)==="svg"){if(r==="none")return h(M,{...p,className:l(o.className,b),icon:r,size:i,variant:f});let $=T[r]?r:q(`${r}-icon`);return T[$]?h(M,{...p,className:l(o.className,b),icon:T[$],size:i,themeColor:s,rotate:u,flip:a,viewBox:k,variant:f}):h(B,{})}return h(A,{...p,className:l(o.className,b),icon:r,size:i,themeColor:s,rotate:u,flip:a})};m.states=W;m.options=J;m.defaultOptions=N;m.className=b;m.moduleName=w;m.folderName=L;import{Fragment as Q,jsx as I,jsxs as P}from"react/jsx-runtime";var y="k-imageeditor-placeholder",Ee=o=>{let{icon:e,title:i,text:s,children:r,...c}=o;return I("div",{...c,className:l(o.className,y),children:r??P(Q,{children:[e&&I(m,{icon:e,size:"xxxlarge",className:`${y}-icon`}),(i||s)&&P("div",{className:`${y}-hint`,children:[i&&I("div",{className:`${y}-title`,children:i}),s&&I("div",{className:`${y}-text`,children:s})]})]})})};export{y as IMAGEEDITORPLACEHOLDER_CLASSNAME,Ee as ImageEditorPlaceholder};

package/dist/esm/imageeditor/imageeditor-preview-thumbnail.mjs

@@ -0,0 +1 @@
+import{Fragment as s,jsx as i,jsxs as n}from"react/jsx-runtime";var o={},e=t=>{let{label:a,style:l,children:r}=t;return n(s,{children:[i("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",boxSizing:"border-box",...l},children:r}),a&&i("span",{className:"k-imageeditor-preview-thumbnail-label",children:a})]})};e.moduleName=null;e.folderName=null;e.defaultOptions=o;var d=e;export{e as ImageEditorPreviewThumbnail,d as default};

package/dist/esm/imageeditor/imageeditor-resize-handles.mjs

@@ -0,0 +1 @@
+import{Fragment as d,jsx as e,jsxs as o}from"react/jsx-runtime";var i={variant:"crop"},n=l=>{let{variant:r=i.variant,grid:p}=l,a=r==="crop"?"k-resize-handle":"k-scale-handle",s=r==="scale"?"k-scale-handle":"k-resize-handle";return o(d,{children:[p&&e("div",{className:"k-imageeditor-crop-grid"}),e("span",{className:`${a} k-resize-nw`}),e("span",{className:`${a} k-resize-ne`}),e("span",{className:`${a} k-resize-sw`}),e("span",{className:`${a} k-resize-se`}),e("span",{className:`${s} k-resize-n`}),e("span",{className:`${s} k-resize-s`}),e("span",{className:`${s} k-resize-w`}),e("span",{className:`${s} k-resize-e`})]})};n.moduleName=null;n.folderName=null;n.defaultOptions=i;var t=n;export{n as ImageEditorResizeHandles,t as default};

package/dist/esm/imageeditor/imageeditor-sidebar.mjs

@@ -0,0 +1 @@
+var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,i)=>e[i]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var N=(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"}),q=(t,e)=>{let{valid:r,invalid:i,hover:a,focus:m,checked:u,active:s,selected:h,disabled:x,indeterminate:p,loading:w,empty:y,readonly:B,highlighted:$,...I}=e;return l({"k-valid":r,"k-invalid":i,"k-hover":a,"k-focus":m,"k-checked":u,"k-active":s,"k-selected":h,"k-disabled":x,"k-indeterminate":p&&!u,"k-loading":w,"k-empty":y,"k-readonly":B,"k-highlighted":$},Object.keys(I).reduce((f,v)=>(v.startsWith("k-")?f[v]=I[v]:f[`k-${v}`]=I[v],f),{}))};function J(t,e){if(!e)return{};let r=Array.isArray(e)?e:[e];return Object.fromEntries(r.map(i=>[`k-${i}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={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"},M={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 ue,jsx as X}from"react/jsx-runtime";var K="k-font-icon",de=[],ce={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},me={},T=t=>{let{size:e,themeColor:r,icon:i,rotate:a,flip:m,...u}=t;return i?X("span",{...u,className:l(t.className,K,N(K,{size:e}),{[`k-i-${i}`]:i,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):X(ue,{})};T.states=de;T.options=ce;T.className=K;T.defaultOptions=me;var W=T;import{Fragment as be,jsx as _}from"react/jsx-runtime";var P="k-svg-icon",fe=[],pe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[b.outline,b.solid,b.duotone]},F={viewBox:"0 0 24 24",variant:b.outline},O=t=>{let{size:e,themeColor:r,rotate:i,flip:a,viewBox:m=F.viewBox,variant:u=F.variant,icon:s,...h}=t;if(!s)return _(be,{});if(s==="none")return _("span",{...h,className:l(t.className,P,N("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof s=="object"&&s.name&&s.name,p=typeof s=="object"?u&&s.variants?.[u]||s.variants?.outline||s.content:void 0;return _("span",{...h,className:l(t.className,P,N("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:_("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:m,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:s?void 0:t.children})})};O.states=fe;O.options=pe;O.className=P;O.defaultOptions=F;var H=O;import*as D from"@progress/kendo-svg-icons";var Q="icon",Y="icons";import{useContext as ge}from"react";import{createContext as xe}from"react";var Z=xe({iconsType:"svg"});import{Fragment as ee,jsx as z}from"react/jsx-runtime";var L="k-icon",he=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ye=[],ve={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[b.outline,b.solid,b.duotone]},R={viewBox:"0 0 24 24",type:"svg",variant:b.outline},g=t=>{let{iconsType:e}=ge(Z),{size:r,themeColor:i,icon:a,type:m=e||R.type,rotate:u,flip:s,viewBox:h=R.viewBox,variant:x=R.variant,...p}=t;if(!a)return z(ee,{});if((e||m)==="svg"){if(a==="none")return z(H,{...p,className:l(t.className,L),icon:a,size:r,variant:x});let y=D[a]?a:he(`${a}-icon`);return D[y]?z(H,{...p,className:l(t.className,L),icon:D[y],size:r,themeColor:i,rotate:u,flip:s,viewBox:h,variant:x}):z(ee,{})}return z(W,{...p,className:l(t.className,L),icon:a,size:r,themeColor:i,rotate:u,flip:s})};g.states=ye;g.options=ve;g.defaultOptions=R;g.className=L;g.moduleName=Q;g.folderName=Y;var U="button",oe=U;import{Fragment as te,jsx as S,jsxs as ne}from"react/jsx-runtime";var A="k-button",Ne=["icon-button"],ke=[M.hover,M.focus,M.active,M.selected,M.disabled,M.generating],Ce={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},V={showArrow:!1,arrowIconName:"chevron-down"},d=t=>{let{as:e="button",size:r,rounded:i,fillMode:a,themeColor:m,showArrow:u=V.showArrow,arrowIconName:s=V.arrowIconName,variant:h,hover:x,focus:p,active:w,selected:y,disabled:B,togglable:$,ariaDisabled:I,icon:f,iconSize:v,text:E,iconClassName:re,className:ae,...ie}=t,se=f!=null,le=t.children!==void 0;return ne(e,{className:l(ae,A,J(A,h),N(A,{size:r,rounded:i,fillMode:a,themeColor:m}),q(A,{hover:x,focus:p,active:w,disabled:B||I,selected:y}),{"k-icon-button":!E&&!le&&se}),"aria-pressed":$?y?"true":"false":void 0,...ie,"aria-disabled":I?"true":void 0,disabled:B||void 0,children:[typeof f=="string"&&f&&S(g,{className:l(re,"k-button-icon"),icon:f,size:v}),f&&typeof f!="string"&&S(te,{children:f}),E?ne(te,{children:[E&&S("span",{className:"k-button-text",children:E}),t.children]}):t.children&&S("span",{className:"k-button-text",children:t.children}),u&&S("span",{className:"k-menu-button-arrow k-button-arrow",children:S(g,{icon:s})})]})};d.states=ke;d.options=Ce;d.variants=Ne;d.className=A;d.defaultOptions=V;d.moduleName=U;d.folderName=oe;import{jsx as c}from"react/jsx-runtime";var G="k-imageeditor-sidebar",Me=[c(d,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),c(d,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),c(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),c("div",{className:"k-separator"},"sidebar-separator-1"),c(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),c(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),c("div",{className:"k-separator"},"sidebar-separator-2"),c(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),c(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),c(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),c("div",{className:"k-separator"},"sidebar-separator-3"),c(d,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),c(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],j={sidebarItems:Me,scrollable:!1,scrollingPosition:"start"},mo=t=>{let{sidebarItems:e=j.sidebarItems,scrollable:r=j.scrollable,scrollingPosition:i=j.scrollingPosition,...a}=t;return c("div",{...a,className:l(t.className,G,{[`${G}-scrollable`]:r,[`${G}-scrollable-${i}`]:r}),children:c("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:e??t.children})})};export{G as IMAGEEDITORSIDEBAR_CLASSNAME,mo as ImageEditorSidebar};