@progress/kendo-themes-html 14.7.0-dev.13 → 14.7.0-dev.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/dist/cjs/imageeditor/imageeditor-canvas.spec.js +1 -0
  2. package/dist/cjs/imageeditor/imageeditor-option-list.js +1 -1
  3. package/dist/cjs/imageeditor/imageeditor-pane.js +1 -1
  4. package/dist/cjs/imageeditor/imageeditor-preview-thumbnail.js +1 -1
  5. package/dist/cjs/imageeditor/imageeditor-sidebar.js +1 -1
  6. package/dist/cjs/imageeditor/imageeditor-toolbar.js +1 -1
  7. package/dist/cjs/imageeditor/imageeditor.spec.js +1 -1
  8. package/dist/cjs/imageeditor/templates/imageeditor-adjustments-adaptive.js +1 -0
  9. package/dist/cjs/imageeditor/templates/imageeditor-adjustments.js +1 -1
  10. package/dist/cjs/imageeditor/templates/imageeditor-blur-adaptive.js +1 -0
  11. package/dist/cjs/imageeditor/templates/imageeditor-blur.js +1 -1
  12. package/dist/cjs/imageeditor/templates/imageeditor-crop-adaptive.js +1 -0
  13. package/dist/cjs/imageeditor/templates/imageeditor-crop.js +1 -1
  14. package/dist/cjs/imageeditor/templates/imageeditor-filters-adaptive.js +1 -0
  15. package/dist/cjs/imageeditor/templates/imageeditor-filters.js +1 -1
  16. package/dist/cjs/imageeditor/templates/imageeditor-frames-adaptive.js +1 -0
  17. package/dist/cjs/imageeditor/templates/imageeditor-frames.js +1 -1
  18. package/dist/cjs/imageeditor/templates/imageeditor-insert-line-adaptive.js +1 -0
  19. package/dist/cjs/imageeditor/templates/imageeditor-insert-line.js +1 -1
  20. package/dist/cjs/imageeditor/templates/imageeditor-insert-shape-adaptive.js +1 -0
  21. package/dist/cjs/imageeditor/templates/imageeditor-insert-shape.js +1 -1
  22. package/dist/cjs/imageeditor/templates/imageeditor-insert-text-adaptive.js +1 -0
  23. package/dist/cjs/imageeditor/templates/imageeditor-insert-text.js +1 -1
  24. package/dist/cjs/imageeditor/templates/imageeditor-normal.js +1 -1
  25. package/dist/cjs/imageeditor/templates/imageeditor-pixelate-adaptive.js +1 -0
  26. package/dist/cjs/imageeditor/templates/imageeditor-pixelate.js +1 -1
  27. package/dist/cjs/imageeditor/templates/imageeditor-resize-adaptive.js +1 -0
  28. package/dist/cjs/imageeditor/templates/imageeditor-resize.js +1 -1
  29. package/dist/cjs/imageeditor/templates/imageeditor-rotate-adaptive.js +1 -0
  30. package/dist/cjs/imageeditor/templates/imageeditor-rotate.js +1 -1
  31. package/dist/cjs/imageeditor/templates/imageeditor-shadow-adaptive.js +1 -0
  32. package/dist/cjs/imageeditor/templates/imageeditor-shadow.js +1 -1
  33. package/dist/cjs/index.js +8 -8
  34. package/dist/esm/imageeditor/imageeditor-canvas.spec.mjs +1 -0
  35. package/dist/esm/imageeditor/imageeditor-option-list.mjs +1 -1
  36. package/dist/esm/imageeditor/imageeditor-pane.mjs +1 -1
  37. package/dist/esm/imageeditor/imageeditor-preview-thumbnail.mjs +1 -1
  38. package/dist/esm/imageeditor/imageeditor-sidebar.mjs +1 -1
  39. package/dist/esm/imageeditor/imageeditor-toolbar.mjs +1 -1
  40. package/dist/esm/imageeditor/imageeditor.spec.mjs +1 -1
  41. package/dist/esm/imageeditor/templates/imageeditor-adjustments-adaptive.mjs +1 -0
  42. package/dist/esm/imageeditor/templates/imageeditor-adjustments.mjs +1 -1
  43. package/dist/esm/imageeditor/templates/imageeditor-blur-adaptive.mjs +1 -0
  44. package/dist/esm/imageeditor/templates/imageeditor-blur.mjs +1 -1
  45. package/dist/esm/imageeditor/templates/imageeditor-crop-adaptive.mjs +1 -0
  46. package/dist/esm/imageeditor/templates/imageeditor-crop.mjs +1 -1
  47. package/dist/esm/imageeditor/templates/imageeditor-filters-adaptive.mjs +1 -0
  48. package/dist/esm/imageeditor/templates/imageeditor-filters.mjs +1 -1
  49. package/dist/esm/imageeditor/templates/imageeditor-frames-adaptive.mjs +1 -0
  50. package/dist/esm/imageeditor/templates/imageeditor-frames.mjs +1 -1
  51. package/dist/esm/imageeditor/templates/imageeditor-insert-line-adaptive.mjs +1 -0
  52. package/dist/esm/imageeditor/templates/imageeditor-insert-line.mjs +1 -1
  53. package/dist/esm/imageeditor/templates/imageeditor-insert-shape-adaptive.mjs +1 -0
  54. package/dist/esm/imageeditor/templates/imageeditor-insert-shape.mjs +1 -1
  55. package/dist/esm/imageeditor/templates/imageeditor-insert-text-adaptive.mjs +1 -0
  56. package/dist/esm/imageeditor/templates/imageeditor-insert-text.mjs +1 -1
  57. package/dist/esm/imageeditor/templates/imageeditor-normal.mjs +1 -1
  58. package/dist/esm/imageeditor/templates/imageeditor-pixelate-adaptive.mjs +1 -0
  59. package/dist/esm/imageeditor/templates/imageeditor-pixelate.mjs +1 -1
  60. package/dist/esm/imageeditor/templates/imageeditor-resize-adaptive.mjs +1 -0
  61. package/dist/esm/imageeditor/templates/imageeditor-resize.mjs +1 -1
  62. package/dist/esm/imageeditor/templates/imageeditor-rotate-adaptive.mjs +1 -0
  63. package/dist/esm/imageeditor/templates/imageeditor-rotate.mjs +1 -1
  64. package/dist/esm/imageeditor/templates/imageeditor-shadow-adaptive.mjs +1 -0
  65. package/dist/esm/imageeditor/templates/imageeditor-shadow.mjs +1 -1
  66. package/dist/esm/index.mjs +8 -8
  67. package/dist/types/imageeditor/constants.d.ts +9 -0
  68. package/dist/types/imageeditor/imageeditor-canvas.spec.d.ts +15 -0
  69. package/dist/types/imageeditor/imageeditor-option-list.d.ts +1 -0
  70. package/dist/types/imageeditor/imageeditor-pane.d.ts +2 -0
  71. package/dist/types/imageeditor/imageeditor-preview-thumbnail.d.ts +1 -0
  72. package/dist/types/imageeditor/imageeditor-sidebar.d.ts +8 -0
  73. package/dist/types/imageeditor/imageeditor-toolbar.d.ts +5 -4
  74. package/dist/types/imageeditor/imageeditor.spec.d.ts +7 -3
  75. package/dist/types/imageeditor/index.d.ts +13 -1
  76. package/dist/types/imageeditor/templates/imageeditor-adjustments-adaptive.d.ts +1 -0
  77. package/dist/types/imageeditor/templates/imageeditor-adjustments.d.ts +1 -1
  78. package/dist/types/imageeditor/templates/imageeditor-blur-adaptive.d.ts +1 -0
  79. package/dist/types/imageeditor/templates/imageeditor-blur.d.ts +1 -1
  80. package/dist/types/imageeditor/templates/imageeditor-crop-adaptive.d.ts +1 -0
  81. package/dist/types/imageeditor/templates/imageeditor-crop.d.ts +1 -1
  82. package/dist/types/imageeditor/templates/imageeditor-filters-adaptive.d.ts +1 -0
  83. package/dist/types/imageeditor/templates/imageeditor-filters.d.ts +1 -6
  84. package/dist/types/imageeditor/templates/imageeditor-frames-adaptive.d.ts +1 -0
  85. package/dist/types/imageeditor/templates/imageeditor-frames.d.ts +1 -1
  86. package/dist/types/imageeditor/templates/imageeditor-insert-line-adaptive.d.ts +1 -0
  87. package/dist/types/imageeditor/templates/imageeditor-insert-line.d.ts +1 -1
  88. package/dist/types/imageeditor/templates/imageeditor-insert-shape-adaptive.d.ts +1 -0
  89. package/dist/types/imageeditor/templates/imageeditor-insert-shape.d.ts +1 -1
  90. package/dist/types/imageeditor/templates/imageeditor-insert-text-adaptive.d.ts +1 -0
  91. package/dist/types/imageeditor/templates/imageeditor-insert-text.d.ts +1 -1
  92. package/dist/types/imageeditor/templates/imageeditor-pixelate-adaptive.d.ts +1 -0
  93. package/dist/types/imageeditor/templates/imageeditor-pixelate.d.ts +1 -1
  94. package/dist/types/imageeditor/templates/imageeditor-resize-adaptive.d.ts +1 -0
  95. package/dist/types/imageeditor/templates/imageeditor-resize.d.ts +1 -1
  96. package/dist/types/imageeditor/templates/imageeditor-rotate-adaptive.d.ts +1 -0
  97. package/dist/types/imageeditor/templates/imageeditor-rotate.d.ts +1 -1
  98. package/dist/types/imageeditor/templates/imageeditor-shadow-adaptive.d.ts +1 -0
  99. package/dist/types/imageeditor/templates/imageeditor-shadow.d.ts +1 -1
  100. package/package.json +1 -1
  101. package/src/imageeditor/constants.ts +4 -0
  102. package/src/imageeditor/imageeditor-canvas.spec.tsx +30 -0
  103. package/src/imageeditor/imageeditor-option-list.tsx +2 -1
  104. package/src/imageeditor/imageeditor-pane.tsx +4 -1
  105. package/src/imageeditor/imageeditor-preview-thumbnail.tsx +3 -2
  106. package/src/imageeditor/imageeditor-sidebar.tsx +32 -19
  107. package/src/imageeditor/imageeditor-toolbar.tsx +27 -21
  108. package/src/imageeditor/imageeditor.spec.tsx +14 -6
  109. package/src/imageeditor/index.ts +13 -1
  110. package/src/imageeditor/templates/imageeditor-adjustments-adaptive.tsx +3 -0
  111. package/src/imageeditor/templates/imageeditor-adjustments.tsx +80 -57
  112. package/src/imageeditor/templates/imageeditor-blur-adaptive.tsx +3 -0
  113. package/src/imageeditor/templates/imageeditor-blur.tsx +9 -25
  114. package/src/imageeditor/templates/imageeditor-crop-adaptive.tsx +3 -0
  115. package/src/imageeditor/templates/imageeditor-crop.tsx +22 -28
  116. package/src/imageeditor/templates/imageeditor-filters-adaptive.tsx +3 -0
  117. package/src/imageeditor/templates/imageeditor-filters.tsx +32 -52
  118. package/src/imageeditor/templates/imageeditor-frames-adaptive.tsx +3 -0
  119. package/src/imageeditor/templates/imageeditor-frames.tsx +123 -149
  120. package/src/imageeditor/templates/imageeditor-insert-line-adaptive.tsx +3 -0
  121. package/src/imageeditor/templates/imageeditor-insert-line.tsx +24 -25
  122. package/src/imageeditor/templates/imageeditor-insert-shape-adaptive.tsx +3 -0
  123. package/src/imageeditor/templates/imageeditor-insert-shape.tsx +93 -50
  124. package/src/imageeditor/templates/imageeditor-insert-text-adaptive.tsx +3 -0
  125. package/src/imageeditor/templates/imageeditor-insert-text.tsx +24 -25
  126. package/src/imageeditor/templates/imageeditor-normal.tsx +2 -23
  127. package/src/imageeditor/templates/imageeditor-pixelate-adaptive.tsx +3 -0
  128. package/src/imageeditor/templates/imageeditor-pixelate.tsx +9 -24
  129. package/src/imageeditor/templates/imageeditor-resize-adaptive.tsx +3 -0
  130. package/src/imageeditor/templates/imageeditor-resize.tsx +10 -25
  131. package/src/imageeditor/templates/imageeditor-rotate-adaptive.tsx +3 -0
  132. package/src/imageeditor/templates/imageeditor-rotate.tsx +8 -23
  133. package/src/imageeditor/templates/imageeditor-shadow-adaptive.tsx +3 -0
  134. package/src/imageeditor/templates/imageeditor-shadow.tsx +20 -42
  135. package/src/imageeditor/tests/imageeditor-adaptive-panes.tsx +85 -0
  136. package/src/imageeditor/tests/imageeditor-adaptive-small.tsx +10 -305
  137. package/src/imageeditor/tests/imageeditor-adjustments-pane.tsx +2 -1
  138. package/src/imageeditor/tests/imageeditor-blur-pane.tsx +2 -1
  139. package/src/imageeditor/tests/imageeditor-crop-pane.tsx +2 -1
  140. package/src/imageeditor/tests/imageeditor-filters-pane.tsx +2 -1
  141. package/src/imageeditor/tests/imageeditor-frames-pane.tsx +4 -3
  142. package/src/imageeditor/tests/imageeditor-insert-shape-pane.tsx +1 -1
  143. package/src/imageeditor/tests/imageeditor-interactive-states.tsx +6 -6
  144. package/src/imageeditor/tests/imageeditor-pixelate-pane.tsx +2 -1
  145. package/src/imageeditor/tests/imageeditor-resize-pane.tsx +2 -1
  146. package/src/imageeditor/tests/imageeditor-responsive.tsx +4 -4
  147. package/src/imageeditor/tests/imageeditor-rotate-pane.tsx +2 -1
  148. package/src/imageeditor/tests/imageeditor-shadow-pane.tsx +2 -1
  149. package/src/list/tests/list-states.tsx +57 -0
  150. package/src/menu/tests/menu-states.tsx +13 -0
  151. package/dist/cjs/imageeditor/templates/imageeditor-disabled.js +0 -1
  152. package/dist/esm/imageeditor/templates/imageeditor-disabled.mjs +0 -1
  153. package/dist/types/imageeditor/templates/imageeditor-disabled.d.ts +0 -1
  154. package/src/imageeditor/templates/imageeditor-disabled.tsx +0 -54
@@ -0,0 +1 @@
1
+ var t={width:494,height:307},o={width:326,height:203};import{jsx as i}from"react/jsx-runtime";var e=E=>{let{imageSrc:a,adaptive:r,style:I,...s}=E;return i("canvas",{role:"img","aria-label":"Image being edited",...r?o:t,...s,style:{...a&&{backgroundImage:`url('${a}')`},backgroundSize:"cover",...I}})};e.moduleName=null;e.folderName=null;var g=e;export{e as ImageEditorCanvas,g as default};
@@ -1 +1 @@
1
- var l=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((t,r)=>e[r]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");import{jsx as d}from"react/jsx-runtime";var o="k-imageeditor-option-list",s={scrollable:!1},n=i=>{let{scrollable:e=s.scrollable,scrollingPosition:t,children:r,...a}=i;return d("div",{...a,className:l(i.className,o,{[`${o}-scrollable`]:e,[`${o}-scrollable-${t}`]:t&&t!=="both"}),children:d("div",{className:"k-imageeditor-option-list-items",children:r})})};n.className=o;n.moduleName=null;n.folderName=null;n.defaultOptions=s;var $=n;export{o as IMAGEEDITOROPTIONLIST_CLASSNAME,n as ImageEditorOptionList,$ as default};
1
+ var l=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((t,r)=>e[r]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");import{jsx as s}from"react/jsx-runtime";var o="k-imageeditor-option-list",d={scrollable:!1,scrollingPosition:"start"},n=i=>{let{scrollable:e=d.scrollable,scrollingPosition:t=d.scrollingPosition,children:r,...a}=i;return s("div",{...a,className:l(i.className,o,{[`${o}-scrollable`]:e,[`${o}-scrollable-${t}`]:t&&t!=="both"}),children:s("div",{className:"k-imageeditor-option-list-items",children:r})})};n.className=o;n.moduleName=null;n.folderName=null;n.defaultOptions=d;var $=n;export{o as IMAGEEDITOROPTIONLIST_CLASSNAME,n as ImageEditorOptionList,$ as default};
@@ -1 +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((i,r)=>e[r]||e[i]&&i||null).filter(i=>i!==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"}),te=(t,e)=>{let{valid:i,invalid:r,hover:s,focus:c,checked:m,active:d,selected:N,disabled:h,indeterminate:f,loading:w,empty:b,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":N,"k-disabled":h,"k-indeterminate":f&&!m,"k-loading":w,"k-empty":b,"k-readonly":L,"k-highlighted":H},Object.keys(k).reduce((u,p)=>(p.startsWith("k-")?u[p]=k[p]:u[`k-${p}`]=k[p],u),{}))};function oe(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},B={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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"},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 U="action-buttons",ne=U;import{jsx as Te}from"react/jsx-runtime";var K="k-actions",be=[],Ce={},F={alignment:"start",orientation:"horizontal"},v=t=>{let{alignment:e=F.alignment,orientation:i=F.orientation,...r}=t;return Te("div",{...r,className:l(K,{[`${K}-${e}`]:e,[`${K}-${i}`]:i},t.className),children:t.children})};v.states=be;v.options=Ce;v.className=K;v.defaultOptions=F;v.moduleName=U;v.folderName=ne;import{Fragment as ke,jsx as ie}from"react/jsx-runtime";var V="k-font-icon",Be=[],Oe={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]},Ie={},S=t=>{let{size:e,themeColor:i,icon:r,rotate:s,flip:c,...m}=t;return r?ie("span",{...m,className:l(t.className,V,C(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"}):ie(ke,{})};S.states=Be;S.options=Oe;S.className=V;S.defaultOptions=Ie;var re=S;import{Fragment as Se,jsx as $}from"react/jsx-runtime";var G="k-svg-icon",Ae=[],Me={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:[x.outline,x.solid,x.duotone]},q={viewBox:"0 0 24 24",variant:x.outline},E=t=>{let{size:e,themeColor:i,rotate:r,flip:s,viewBox:c=q.viewBox,variant:m=q.variant,icon:d,...N}=t;if(!d)return $(Se,{});if(d==="none")return $("span",{...N,className:l(t.className,G,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,f=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return $("span",{...N,className:l(t.className,G,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`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:f!==void 0?{__html:f}:void 0,children:d?void 0:t.children})})};E.states=Ae;E.options=Me;E.className=G;E.defaultOptions=q;var J=E;import*as X from"@progress/kendo-svg-icons";var ae="icon",se="icons";import{useContext as _e}from"react";import{createContext as Ee}from"react";var le=Ee({iconsType:"svg"});import{Fragment as de,jsx as _}from"react/jsx-runtime";var P="k-icon",ze=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),we=[],Le={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:[x.outline,x.solid,x.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:x.outline},g=t=>{let{iconsType:e}=_e(le),{size:i,themeColor:r,icon:s,type:c=e||D.type,rotate:m,flip:d,viewBox:N=D.viewBox,variant:h=D.variant,...f}=t;if(!s)return _(de,{});if((e||c)==="svg"){if(s==="none")return _(J,{...f,className:l(t.className,P),icon:s,size:i,variant:h});let b=X[s]?s:ze(`${s}-icon`);return X[b]?_(J,{...f,className:l(t.className,P),icon:X[b],size:i,themeColor:r,rotate:m,flip:d,viewBox:N,variant:h}):_(de,{})}return _(re,{...f,className:l(t.className,P),icon:s,size:i,themeColor:r,rotate:m,flip:d})};g.states=we;g.options=Le;g.defaultOptions=D;g.className=P;g.moduleName=ae;g.folderName=se;var W="button",ce=W;import{Fragment as Q,jsx as y,jsxs as me}from"react/jsx-runtime";var z="k-button",Re=["icon-button"],Ke=[O.hover,O.focus,O.active,O.selected,O.disabled,O.generating],$e={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[B.undefined,B.solid,B.flat,B.outline,B.clear,B.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},Y={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:i,rounded:r,fillMode:s,themeColor:c,showArrow:m=Y.showArrow,arrowIconName:d=Y.arrowIconName,variant:N,hover:h,focus:f,active:w,selected:b,disabled:L,togglable:H,ariaDisabled:k,icon:u,endIcon:p,iconSize:j,text:R,iconClassName:ee,className:he,...Ne}=t,ve=u!=null,ye=t.children!==void 0;return me(e,{className:l(he,z,oe(z,N),C(z,{size:i,rounded:r,fillMode:s,themeColor:c}),te(z,{hover:h,focus:f,active:w,disabled:L||k,selected:b}),{"k-icon-button":!R&&!ye&&ve}),"aria-pressed":H?b?"true":"false":void 0,...Ne,"aria-disabled":k?"true":void 0,disabled:L||void 0,children:[typeof u=="string"&&u&&y(g,{className:l(ee,"k-button-icon"),icon:u,size:j}),u&&typeof u!="string"&&y(Q,{children:u}),R?me(Q,{children:[R&&y("span",{className:"k-button-text",children:R}),t.children]}):t.children&&y("span",{className:"k-button-text",children:t.children}),typeof p=="string"&&p&&y(g,{className:l(ee,"k-button-icon"),icon:p,size:j}),p&&typeof p!="string"&&y(Q,{children:p}),m&&y("span",{className:"k-menu-button-arrow k-button-arrow",children:y(g,{icon:d})})]})};a.states=Ke;a.options=$e;a.variants=Re;a.className=z;a.defaultOptions=Y;a.moduleName=W;a.folderName=ce;import{jsx as Pe}from"react/jsx-runtime";var ue=t=>Pe(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as De}from"react/jsx-runtime";var pe=t=>De(a,{icon:"folder",children:"Button",...t});import{jsx as Xt}from"react/jsx-runtime";import{jsx as He}from"react/jsx-runtime";var fe=t=>He(a,{children:"Button",...t});import{jsx as Z}from"react/jsx-runtime";var Ue=a.options,Fe=a.states,Ve={...a.defaultOptions,variant:"text"},Ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qe=[],A=t=>{let{variant:e,...i}=t;switch(e){case"icon-only":return Z(ue,{...i,icon:"star"});case"icon-and-text":return Z(pe,{...i,icon:"star",children:"Button"});default:return Z(fe,{...i,children:"Button"})}};A.options=Ue;A.states=Fe;A.variants=Ge;A.defaultOptions=Ve;A.modifiers=qe;A.className=a.className;import{jsx as M,jsxs as xe}from"react/jsx-runtime";var ge="k-imageeditor-pane",Je=[],Xe={},We={},I=t=>{let{title:e,actions:i,adaptive:r,children:s,...c}=t;return xe("div",{...c,className:l(t.className,ge),children:[xe("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(v,{alignment:"end",className:"k-imageeditor-pane-footer",children:i})]})};I.states=Je;I.options=Xe;I.className=ge;I.moduleName=null;I.folderName=null;I.defaultOptions=We;var ho=I;export{ge as IMAGEEDITORPANE_CLASSNAME,I as ImageEditorPane,ho as default};
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 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"}),te=(t,e)=>{let{valid:i,invalid:r,hover:s,focus:c,checked:m,active:d,selected:N,disabled:h,indeterminate:f,loading:w,empty:y,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":N,"k-disabled":h,"k-indeterminate":f&&!m,"k-loading":w,"k-empty":y,"k-readonly":L,"k-highlighted":H},Object.keys(k).reduce((u,p)=>(p.startsWith("k-")?u[p]=k[p]:u[`k-${p}`]=k[p],u),{}))};function oe(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},B={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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"},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 U="action-buttons",ne=U;import{jsx as Te}from"react/jsx-runtime";var K="k-actions",ye=[],Ce={},F={alignment:"start",orientation:"horizontal"},v=t=>{let{alignment:e=F.alignment,orientation:i=F.orientation,...r}=t;return Te("div",{...r,className:l(K,{[`${K}-${e}`]:e,[`${K}-${i}`]:i},t.className),children:t.children})};v.states=ye;v.options=Ce;v.className=K;v.defaultOptions=F;v.moduleName=U;v.folderName=ne;import{Fragment as ke,jsx as ie}from"react/jsx-runtime";var V="k-font-icon",Be=[],Oe={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]},Ie={},S=t=>{let{size:e,themeColor:i,icon:r,rotate:s,flip:c,...m}=t;return r?ie("span",{...m,className:l(t.className,V,C(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"}):ie(ke,{})};S.states=Be;S.options=Oe;S.className=V;S.defaultOptions=Ie;var re=S;import{Fragment as Se,jsx as $}from"react/jsx-runtime";var G="k-svg-icon",Ae=[],Me={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:[x.outline,x.solid,x.duotone]},q={viewBox:"0 0 24 24",variant:x.outline},E=t=>{let{size:e,themeColor:i,rotate:r,flip:s,viewBox:c=q.viewBox,variant:m=q.variant,icon:d,...N}=t;if(!d)return $(Se,{});if(d==="none")return $("span",{...N,className:l(t.className,G,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof d=="object"&&d.name&&d.name,f=typeof d=="object"?m&&d.variants?.[m]||d.variants?.outline||d.content:void 0;return $("span",{...N,className:l(t.className,G,C("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`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:f!==void 0?{__html:f}:void 0,children:d?void 0:t.children})})};E.states=Ae;E.options=Me;E.className=G;E.defaultOptions=q;var J=E;import*as X from"@progress/kendo-svg-icons";var ae="icon",se="icons";import{useContext as _e}from"react";import{createContext as Ee}from"react";var le=Ee({iconsType:"svg"});import{Fragment as de,jsx as _}from"react/jsx-runtime";var P="k-icon",ze=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),we=[],Le={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:[x.outline,x.solid,x.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:x.outline},g=t=>{let{iconsType:e}=_e(le),{size:i,themeColor:r,icon:s,type:c=e||D.type,rotate:m,flip:d,viewBox:N=D.viewBox,variant:h=D.variant,...f}=t;if(!s)return _(de,{});if((e||c)==="svg"){if(s==="none")return _(J,{...f,className:l(t.className,P),icon:s,size:i,variant:h});let y=X[s]?s:ze(`${s}-icon`);return X[y]?_(J,{...f,className:l(t.className,P),icon:X[y],size:i,themeColor:r,rotate:m,flip:d,viewBox:N,variant:h}):_(de,{})}return _(re,{...f,className:l(t.className,P),icon:s,size:i,themeColor:r,rotate:m,flip:d})};g.states=we;g.options=Le;g.defaultOptions=D;g.className=P;g.moduleName=ae;g.folderName=se;var W="button",ce=W;import{Fragment as Q,jsx as b,jsxs as me}from"react/jsx-runtime";var z="k-button",Re=["icon-button"],Ke=[O.hover,O.focus,O.active,O.selected,O.disabled,O.generating],$e={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[B.undefined,B.solid,B.flat,B.outline,B.clear,B.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},Y={showArrow:!1,arrowIconName:"chevron-down"},a=t=>{let{as:e="button",size:i,rounded:r,fillMode:s,themeColor:c,showArrow:m=Y.showArrow,arrowIconName:d=Y.arrowIconName,variant:N,hover:h,focus:f,active:w,selected:y,disabled:L,togglable:H,ariaDisabled:k,icon:u,endIcon:p,iconSize:j,text:R,iconClassName:ee,className:he,...Ne}=t,ve=u!=null,be=t.children!==void 0;return me(e,{className:l(he,z,oe(z,N),C(z,{size:i,rounded:r,fillMode:s,themeColor:c}),te(z,{hover:h,focus:f,active:w,disabled:L||k,selected:y}),{"k-icon-button":!R&&!be&&ve}),"aria-pressed":H?y?"true":"false":void 0,...Ne,"aria-disabled":k?"true":void 0,disabled:L||void 0,children:[typeof u=="string"&&u&&b(g,{className:l(ee,"k-button-icon"),icon:u,size:j}),u&&typeof u!="string"&&b(Q,{children:u}),R?me(Q,{children:[R&&b("span",{className:"k-button-text",children:R}),t.children]}):t.children&&b("span",{className:"k-button-text",children:t.children}),typeof p=="string"&&p&&b(g,{className:l(ee,"k-button-icon"),icon:p,size:j}),p&&typeof p!="string"&&b(Q,{children:p}),m&&b("span",{className:"k-menu-button-arrow k-button-arrow",children:b(g,{icon:d})})]})};a.states=Ke;a.options=$e;a.variants=Re;a.className=z;a.defaultOptions=Y;a.moduleName=W;a.folderName=ce;import{jsx as Pe}from"react/jsx-runtime";var ue=t=>Pe(a,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as De}from"react/jsx-runtime";var pe=t=>De(a,{icon:"folder",children:"Button",...t});import{jsx as Xt}from"react/jsx-runtime";import{jsx as He}from"react/jsx-runtime";var fe=t=>He(a,{children:"Button",...t});import{jsx as Z}from"react/jsx-runtime";var Ue=a.options,Fe=a.states,Ve={...a.defaultOptions,variant:"text"},Ge=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qe=[],A=t=>{let{variant:e,...i}=t;switch(e){case"icon-only":return Z(ue,{...i,icon:"star"});case"icon-and-text":return Z(pe,{...i,icon:"star",children:"Button"});default:return Z(fe,{...i,children:"Button"})}};A.options=Ue;A.states=Fe;A.variants=Ge;A.defaultOptions=Ve;A.modifiers=qe;A.className=a.className;import{jsx as M,jsxs as xe}from"react/jsx-runtime";var ge="k-imageeditor-pane",Je=[],Xe={},We={},I=t=>{let{title:e,actions:i,adaptive:r,confirmDisabled:s,children:c,...m}=t;return xe("div",{...m,className:l(t.className,ge),children:[xe("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",disabled:s,"aria-label":"Confirm",title:"Confirm"}):M(a,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),M("div",{className:"k-imageeditor-pane-content",children:c}),!r&&i&&M(v,{alignment:"end",className:"k-imageeditor-pane-footer",children:i})]})};I.states=Je;I.options=Xe;I.className=ge;I.moduleName=null;I.folderName=null;I.defaultOptions=We;var ho=I;export{ge as IMAGEEDITORPANE_CLASSNAME,I as ImageEditorPane,ho as default};
@@ -1 +1 @@
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};
1
+ import{Fragment as d,jsx as r,jsxs as s}from"react/jsx-runtime";var n={},e=t=>{let{label:a,style:l,children:o,imageSrc:i}=t;return s(d,{children:[r("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:i?`url('${i}')`:void 0,backgroundSize:"cover",boxSizing:"border-box",...l},children:o}),a&&r("span",{className:"k-imageeditor-preview-thumbnail-label",children:a})]})};e.moduleName=null;e.folderName=null;e.defaultOptions=n;var p=e;export{e as ImageEditorPreviewThumbnail,p as default};
@@ -1 +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((r,a)=>e[a]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(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"}),X=(t,e)=>{let{valid:r,invalid:a,hover:i,focus:m,checked:u,active:s,selected:y,disabled:h,indeterminate:b,loading:w,empty:N,readonly:B,highlighted:$,...S}=e;return l({"k-valid":r,"k-invalid":a,"k-hover":i,"k-focus":m,"k-checked":u,"k-active":s,"k-selected":y,"k-disabled":h,"k-indeterminate":b&&!u,"k-loading":w,"k-empty":N,"k-readonly":B,"k-highlighted":$},Object.keys(S).reduce((f,p)=>(p.startsWith("k-")?f[p]=S[p]:f[`k-${p}`]=S[p],f),{}))};function W(t,e){if(!e)return{};let r=Array.isArray(e)?e:[e];return Object.fromEntries(r.map(a=>[`k-${a}`,!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"},I={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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 fe,jsx as Q}from"react/jsx-runtime";var K="k-font-icon",ce=[],me={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]},ue={},T=t=>{let{size:e,themeColor:r,icon:a,rotate:i,flip:m,...u}=t;return a?Q("span",{...u,className:l(t.className,K,k(K,{size:e}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):Q(fe,{})};T.states=ce;T.options=me;T.className=K;T.defaultOptions=ue;var Y=T;import{Fragment as xe,jsx as _}from"react/jsx-runtime";var P="k-svg-icon",pe=[],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],variant:[x.outline,x.solid,x.duotone]},F={viewBox:"0 0 24 24",variant:x.outline},O=t=>{let{size:e,themeColor:r,rotate:a,flip:i,viewBox:m=F.viewBox,variant:u=F.variant,icon:s,...y}=t;if(!s)return _(xe,{});if(s==="none")return _("span",{...y,className:l(t.className,P,k("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof s=="object"&&s.name&&s.name,b=typeof s=="object"?u&&s.variants?.[u]||s.variants?.outline||s.content:void 0;return _("span",{...y,className:l(t.className,P,k("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="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:b!==void 0?{__html:b}:void 0,children:s?void 0:t.children})})};O.states=pe;O.options=be;O.className=P;O.defaultOptions=F;var H=O;import*as D from"@progress/kendo-svg-icons";var Z="icon",ee="icons";import{useContext as he}from"react";import{createContext as ge}from"react";var oe=ge({iconsType:"svg"});import{Fragment as te,jsx as z}from"react/jsx-runtime";var L="k-icon",ye=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ve=[],Ne={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:[x.outline,x.solid,x.duotone]},R={viewBox:"0 0 24 24",type:"svg",variant:x.outline},g=t=>{let{iconsType:e}=he(oe),{size:r,themeColor:a,icon:i,type:m=e||R.type,rotate:u,flip:s,viewBox:y=R.viewBox,variant:h=R.variant,...b}=t;if(!i)return z(te,{});if((e||m)==="svg"){if(i==="none")return z(H,{...b,className:l(t.className,L),icon:i,size:r,variant:h});let N=D[i]?i:ye(`${i}-icon`);return D[N]?z(H,{...b,className:l(t.className,L),icon:D[N],size:r,themeColor:a,rotate:u,flip:s,viewBox:y,variant:h}):z(te,{})}return z(Y,{...b,className:l(t.className,L),icon:i,size:r,themeColor:a,rotate:u,flip:s})};g.states=ve;g.options=Ne;g.defaultOptions=R;g.className=L;g.moduleName=Z;g.folderName=ee;var U="button",ne=U;import{Fragment as V,jsx as v,jsxs as re}from"react/jsx-runtime";var A="k-button",ke=["icon-button"],Ce=[M.hover,M.focus,M.active,M.selected,M.disabled,M.generating],Ie={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:[I.undefined,I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},G={showArrow:!1,arrowIconName:"chevron-down"},d=t=>{let{as:e="button",size:r,rounded:a,fillMode:i,themeColor:m,showArrow:u=G.showArrow,arrowIconName:s=G.arrowIconName,variant:y,hover:h,focus:b,active:w,selected:N,disabled:B,togglable:$,ariaDisabled:S,icon:f,endIcon:p,iconSize:q,text:E,iconClassName:J,className:ie,...se}=t,le=f!=null,de=t.children!==void 0;return re(e,{className:l(ie,A,W(A,y),k(A,{size:r,rounded:a,fillMode:i,themeColor:m}),X(A,{hover:h,focus:b,active:w,disabled:B||S,selected:N}),{"k-icon-button":!E&&!de&&le}),"aria-pressed":$?N?"true":"false":void 0,...se,"aria-disabled":S?"true":void 0,disabled:B||void 0,children:[typeof f=="string"&&f&&v(g,{className:l(J,"k-button-icon"),icon:f,size:q}),f&&typeof f!="string"&&v(V,{children:f}),E?re(V,{children:[E&&v("span",{className:"k-button-text",children:E}),t.children]}):t.children&&v("span",{className:"k-button-text",children:t.children}),typeof p=="string"&&p&&v(g,{className:l(J,"k-button-icon"),icon:p,size:q}),p&&typeof p!="string"&&v(V,{children:p}),u&&v("span",{className:"k-menu-button-arrow k-button-arrow",children:v(g,{icon:s})})]})};d.states=Ce;d.options=Ie;d.variants=ke;d.className=A;d.defaultOptions=G;d.moduleName=U;d.folderName=ne;import{jsx as c}from"react/jsx-runtime";var j="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")],ae={sidebarItems:Me,scrollable:!1},uo=t=>{let{sidebarItems:e=ae.sidebarItems,scrollable:r=ae.scrollable,scrollingPosition:a,...i}=t;return c("div",{...i,className:l(t.className,j,{[`${j}-scrollable`]:r,[`${j}-scrollable-${a}`]:a&&a!=="both"}),children:c("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:e??t.children})})};export{j as IMAGEEDITORSIDEBAR_CLASSNAME,uo as ImageEditorSidebar};
1
+ var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((a,i)=>e[i]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(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"}),X=(o,e)=>{let{valid:a,invalid:i,hover:r,focus:u,checked:c,active:s,selected:f,disabled:v,indeterminate:b,loading:A,empty:N,readonly:w,highlighted:$,...I}=e;return l({"k-valid":a,"k-invalid":i,"k-hover":r,"k-focus":u,"k-checked":c,"k-active":s,"k-selected":f,"k-disabled":v,"k-indeterminate":b&&!c,"k-loading":A,"k-empty":N,"k-readonly":w,"k-highlighted":$},Object.keys(I).reduce((p,g)=>(g.startsWith("k-")?p[g]=I[g]:p[`k-${g}`]=I[g],p),{}))};function W(o,e){if(!e)return{};let a=Array.isArray(e)?e:[e];return Object.fromEntries(a.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"},S={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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"},T={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 Q}from"react/jsx-runtime";var F="k-font-icon",de=[],ce={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]},me={},M=o=>{let{size:e,themeColor:a,icon:i,rotate:r,flip:u,...c}=o;return i?Q("span",{...c,className:l(o.className,F,C(F,{size:e}),{[`k-i-${i}`]:i,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):Q(ue,{})};M.states=de;M.options=ce;M.className=F;M.defaultOptions=me;var Y=M;import{Fragment as ge,jsx as R}from"react/jsx-runtime";var K="k-svg-icon",fe=[],pe={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:[x.outline,x.solid,x.duotone]},P={viewBox:"0 0 24 24",variant:x.outline},B=o=>{let{size:e,themeColor:a,rotate:i,flip:r,viewBox:u=P.viewBox,variant:c=P.variant,icon:s,...f}=o;if(!s)return R(ge,{});if(s==="none")return R("span",{...f,className:l(o.className,K,C("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof s=="object"&&s.name&&s.name,b=typeof s=="object"?c&&s.variants?.[c]||s.variants?.outline||s.content:void 0;return R("span",{...f,className:l(o.className,K,C("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${a}`]:a,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:R("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:u,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:s?void 0:o.children})})};B.states=fe;B.options=pe;B.className=K;B.defaultOptions=P;var H=B;import*as D from"@progress/kendo-svg-icons";var Z="icon",ee="icons";import{useContext as xe}from"react";import{createContext as be}from"react";var te=be({iconsType:"svg"});import{Fragment as oe,jsx as O}from"react/jsx-runtime";var _="k-icon",he=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ve=[],ye={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:[x.outline,x.solid,x.duotone]},L={viewBox:"0 0 24 24",type:"svg",variant:x.outline},h=o=>{let{iconsType:e}=xe(te),{size:a,themeColor:i,icon:r,type:u=e||L.type,rotate:c,flip:s,viewBox:f=L.viewBox,variant:v=L.variant,...b}=o;if(!r)return O(oe,{});if((e||u)==="svg"){if(r==="none")return O(H,{...b,className:l(o.className,_),icon:r,size:a,variant:v});let N=D[r]?r:he(`${r}-icon`);return D[N]?O(H,{...b,className:l(o.className,_),icon:D[N],size:a,themeColor:i,rotate:c,flip:s,viewBox:f,variant:v}):O(oe,{})}return O(Y,{...b,className:l(o.className,_),icon:r,size:a,themeColor:i,rotate:c,flip:s})};h.states=ve;h.options=ye;h.defaultOptions=L;h.className=_;h.moduleName=Z;h.folderName=ee;var U="button",ne=U;import{Fragment as V,jsx as y,jsxs as ae}from"react/jsx-runtime";var z="k-button",Ne=["icon-button"],Ce=[T.hover,T.focus,T.active,T.selected,T.disabled,T.generating],ke={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:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.inverse]},j={showArrow:!1,arrowIconName:"chevron-down"},d=o=>{let{as:e="button",size:a,rounded:i,fillMode:r,themeColor:u,showArrow:c=j.showArrow,arrowIconName:s=j.arrowIconName,variant:f,hover:v,focus:b,active:A,selected:N,disabled:w,togglable:$,ariaDisabled:I,icon:p,endIcon:g,iconSize:q,text:E,iconClassName:J,className:ie,...re}=o,se=p!=null,le=o.children!==void 0;return ae(e,{className:l(ie,z,W(z,f),C(z,{size:a,rounded:i,fillMode:r,themeColor:u}),X(z,{hover:v,focus:b,active:A,disabled:w||I,selected:N}),{"k-icon-button":!E&&!le&&se}),"aria-pressed":$?N?"true":"false":void 0,...re,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[typeof p=="string"&&p&&y(h,{className:l(J,"k-button-icon"),icon:p,size:q}),p&&typeof p!="string"&&y(V,{children:p}),E?ae(V,{children:[E&&y("span",{className:"k-button-text",children:E}),o.children]}):o.children&&y("span",{className:"k-button-text",children:o.children}),typeof g=="string"&&g&&y(h,{className:l(J,"k-button-icon"),icon:g,size:q}),g&&typeof g!="string"&&y(V,{children:g}),c&&y("span",{className:"k-menu-button-arrow k-button-arrow",children:y(h,{icon:s})})]})};d.states=Ce;d.options=ke;d.variants=Ne;d.className=z;d.defaultOptions=j;d.moduleName=U;d.folderName=ne;import{Fragment as Te,jsx as m,jsxs as Ie}from"react/jsx-runtime";var G="k-imageeditor-sidebar",Se={scrollable:!1},ut=o=>{let{sidebarItems:e,activeTool:a,disabled:i,adaptive:r,scrollable:u=Se.scrollable,scrollingPosition:c,...s}=o,f=r?"k-separator k-separator-vertical":"k-separator";return m("div",{...s,className:l(o.className,G,{[`${G}-scrollable`]:u,[`${G}-scrollable-${c}`]:c&&c!=="both"}),children:m("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:e??Ie(Te,{children:[m(d,{fillMode:"flat",togglable:!0,icon:"image-resize","aria-label":"Resize",selected:a==="Resize",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"crop","aria-label":"Crop",selected:a==="Crop",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"rotate","aria-label":"Rotate",selected:a==="Rotate",disabled:i}),m("div",{className:f}),m(d,{fillMode:"flat",togglable:!0,icon:"free-text","aria-label":"Text",selected:a==="Text",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"shapes","aria-label":"Shapes",selected:a==="Shapes",disabled:i}),m("div",{className:f}),m(d,{fillMode:"flat",togglable:!0,icon:"drop-half-pixelated","aria-label":"Blur",selected:a==="Blur",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"sliders-horizontal","aria-label":"Adjustments",selected:a==="Adjustments",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"circles-three-intersecting","aria-label":"Filters",selected:a==="Filters",disabled:i}),m("div",{className:f}),m(d,{fillMode:"flat",togglable:!0,icon:"frame-corners","aria-label":"Frame",selected:a==="Frame",disabled:i}),m(d,{fillMode:"flat",togglable:!0,icon:"circle-half-tilted","aria-label":"Shadow",selected:a==="Shadow",disabled:i})]})})})};export{G as IMAGEEDITORSIDEBAR_CLASSNAME,ut as ImageEditorSidebar};