@progress/kendo-themes-html 14.7.0-dev.14 → 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.
- package/dist/cjs/imageeditor/imageeditor-canvas.spec.js +1 -0
- package/dist/cjs/imageeditor/imageeditor-option-list.js +1 -1
- package/dist/cjs/imageeditor/imageeditor-pane.js +1 -1
- package/dist/cjs/imageeditor/imageeditor-preview-thumbnail.js +1 -1
- package/dist/cjs/imageeditor/imageeditor-sidebar.js +1 -1
- package/dist/cjs/imageeditor/imageeditor-toolbar.js +1 -1
- package/dist/cjs/imageeditor/imageeditor.spec.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-adjustments-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-adjustments.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-blur-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-blur.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-crop-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-crop.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-filters-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-filters.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-frames-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-frames.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-insert-line-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-insert-line.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-insert-shape-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-insert-shape.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-insert-text-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-insert-text.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-normal.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-pixelate-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-pixelate.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-resize-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-resize.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-rotate-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-rotate.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-shadow-adaptive.js +1 -0
- package/dist/cjs/imageeditor/templates/imageeditor-shadow.js +1 -1
- package/dist/cjs/index.js +8 -8
- package/dist/esm/imageeditor/imageeditor-canvas.spec.mjs +1 -0
- package/dist/esm/imageeditor/imageeditor-option-list.mjs +1 -1
- package/dist/esm/imageeditor/imageeditor-pane.mjs +1 -1
- package/dist/esm/imageeditor/imageeditor-preview-thumbnail.mjs +1 -1
- package/dist/esm/imageeditor/imageeditor-sidebar.mjs +1 -1
- package/dist/esm/imageeditor/imageeditor-toolbar.mjs +1 -1
- package/dist/esm/imageeditor/imageeditor.spec.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-adjustments-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-adjustments.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-blur-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-blur.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-crop-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-crop.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-filters-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-filters.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-frames-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-frames.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-insert-line-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-insert-line.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-insert-shape-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-insert-shape.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-insert-text-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-insert-text.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-normal.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-pixelate-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-pixelate.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-resize-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-resize.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-rotate-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-rotate.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-shadow-adaptive.mjs +1 -0
- package/dist/esm/imageeditor/templates/imageeditor-shadow.mjs +1 -1
- package/dist/esm/index.mjs +8 -8
- package/dist/types/imageeditor/constants.d.ts +9 -0
- package/dist/types/imageeditor/imageeditor-canvas.spec.d.ts +15 -0
- package/dist/types/imageeditor/imageeditor-option-list.d.ts +1 -0
- package/dist/types/imageeditor/imageeditor-pane.d.ts +2 -0
- package/dist/types/imageeditor/imageeditor-preview-thumbnail.d.ts +1 -0
- package/dist/types/imageeditor/imageeditor-sidebar.d.ts +8 -0
- package/dist/types/imageeditor/imageeditor-toolbar.d.ts +5 -4
- package/dist/types/imageeditor/imageeditor.spec.d.ts +7 -3
- package/dist/types/imageeditor/index.d.ts +13 -1
- package/dist/types/imageeditor/templates/imageeditor-adjustments-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-adjustments.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-blur-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-blur.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-crop-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-crop.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-filters-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-filters.d.ts +1 -6
- package/dist/types/imageeditor/templates/imageeditor-frames-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-frames.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-insert-line-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-insert-line.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-insert-shape-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-insert-shape.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-insert-text-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-insert-text.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-pixelate-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-pixelate.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-resize-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-resize.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-rotate-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-rotate.d.ts +1 -1
- package/dist/types/imageeditor/templates/imageeditor-shadow-adaptive.d.ts +1 -0
- package/dist/types/imageeditor/templates/imageeditor-shadow.d.ts +1 -1
- package/package.json +1 -1
- package/src/imageeditor/constants.ts +4 -0
- package/src/imageeditor/imageeditor-canvas.spec.tsx +30 -0
- package/src/imageeditor/imageeditor-option-list.tsx +2 -1
- package/src/imageeditor/imageeditor-pane.tsx +4 -1
- package/src/imageeditor/imageeditor-preview-thumbnail.tsx +3 -2
- package/src/imageeditor/imageeditor-sidebar.tsx +32 -19
- package/src/imageeditor/imageeditor-toolbar.tsx +27 -21
- package/src/imageeditor/imageeditor.spec.tsx +14 -6
- package/src/imageeditor/index.ts +13 -1
- package/src/imageeditor/templates/imageeditor-adjustments-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-adjustments.tsx +80 -57
- package/src/imageeditor/templates/imageeditor-blur-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-blur.tsx +9 -25
- package/src/imageeditor/templates/imageeditor-crop-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-crop.tsx +22 -28
- package/src/imageeditor/templates/imageeditor-filters-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-filters.tsx +32 -52
- package/src/imageeditor/templates/imageeditor-frames-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-frames.tsx +123 -149
- package/src/imageeditor/templates/imageeditor-insert-line-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-insert-line.tsx +24 -25
- package/src/imageeditor/templates/imageeditor-insert-shape-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-insert-shape.tsx +93 -50
- package/src/imageeditor/templates/imageeditor-insert-text-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-insert-text.tsx +24 -25
- package/src/imageeditor/templates/imageeditor-normal.tsx +2 -23
- package/src/imageeditor/templates/imageeditor-pixelate-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-pixelate.tsx +9 -24
- package/src/imageeditor/templates/imageeditor-resize-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-resize.tsx +10 -25
- package/src/imageeditor/templates/imageeditor-rotate-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-rotate.tsx +8 -23
- package/src/imageeditor/templates/imageeditor-shadow-adaptive.tsx +3 -0
- package/src/imageeditor/templates/imageeditor-shadow.tsx +20 -42
- package/src/imageeditor/tests/imageeditor-adaptive-panes.tsx +85 -0
- package/src/imageeditor/tests/imageeditor-adaptive-small.tsx +10 -305
- package/src/imageeditor/tests/imageeditor-adjustments-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-blur-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-crop-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-filters-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-frames-pane.tsx +4 -3
- package/src/imageeditor/tests/imageeditor-insert-shape-pane.tsx +1 -1
- package/src/imageeditor/tests/imageeditor-interactive-states.tsx +6 -6
- package/src/imageeditor/tests/imageeditor-pixelate-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-resize-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-responsive.tsx +4 -4
- package/src/imageeditor/tests/imageeditor-rotate-pane.tsx +2 -1
- package/src/imageeditor/tests/imageeditor-shadow-pane.tsx +2 -1
- package/dist/cjs/imageeditor/templates/imageeditor-disabled.js +0 -1
- package/dist/esm/imageeditor/templates/imageeditor-disabled.mjs +0 -1
- package/dist/types/imageeditor/templates/imageeditor-disabled.d.ts +0 -1
- 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
|
|
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:
|
|
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
|
|
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=(...
|
|
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};
|