1010< body id ="app " class ="k-body ">
1111 < div id ="test-area " class ="k-d-grid k-grid-cols-1 ">
1212 < h4 > Image Editor</ h4 >
13- < div class ="k-widget k- imageeditor ">
13+ < div class ="k-imageeditor ">
1414 < div class ="k-imageeditor-header ">
1515 < div class ="k-imageeditor-toolbar k-toolbar k-toolbar-md ">
1616 < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
@@ -20,59 +20,59 @@ <h4>Image Editor</h4>
2020 </ svg >
2121 </ span >
2222 </ button >
23- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
23+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
2424 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-download ">
2525 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
2626 < path d ="M32 384v96h448v-96zM288 32h-64v128h-96l128 160 128-160h-96z "> </ path >
2727 </ svg >
2828 </ span >
2929 </ button >
3030 < div class ="k-separator "> </ div >
31- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
31+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
3232 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-undo ">
3333 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
3434 < path d ="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224 "> </ path >
3535 </ svg >
3636 </ span >
3737 </ button >
38- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
38+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
3939 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-redo ">
4040 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
4141 < path d ="M256 192V64l224 192-224 192V320c-87.2 0-166.2 39.4-223.9 96C34.5 294.4 133.9 192 256 192 "> </ path >
4242 </ svg >
4343 </ span >
4444 </ button >
4545 < div class ="k-separator "> </ div >
46- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
46+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
4747 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-crop ">
4848 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
4949 < path d ="M0 96h64v64H0zm448 256v64h64v-64zm-32-224c0-17.6-14.4-32-32-32H192v64h160v320h64zM96 384c0 17.6 14.4 32 32 32h192v-64H160V32H96z "> </ path >
5050 </ svg >
5151 </ span >
5252 </ button >
53- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
53+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
5454 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-image-resize ">
5555 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
5656 < path d ="M427.3 404.7 352 329.4V32H32v320h297.4l75.3 75.3L352 480h128V352zM64 320V64h256v233.4L203.3 180.7 256 128H128v128l52.7-52.7L297.4 320z "> </ path >
5757 </ svg >
5858 </ span >
5959 </ button >
60- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
60+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
6161 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-zoom-in ">
6262 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
6363 < path d ="M288 224h-64v64h-64v-64H96v-64h64V96h64v64h64zm192 210.7L434.7 480 320 365.3v-22.7l-26.7-26.7C265.7 338.5 230.4 352 192 352c-88.4 0-160-71.6-160-160S103.6 32 192 32s160 71.6 160 160c0 38.4-13.5 73.7-36.1 101.3l26.7 26.7h22.7zM192 320c70.7 0 128-57.3 128-128S262.7 64 192 64 64 121.3 64 192s57.3 128 128 128 "> </ path >
6464 </ svg >
6565 </ span >
6666 </ button >
67- < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button ">
67+ < button class ="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-disabled k- icon-button ">
6868 < span class ="k-button-icon k-icon k-svg-icon k-svg-i-zoom-out ">
6969 < svg aria-hidden ="true " focusable ="false " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 512 512 ">
7070 < path d ="M288 224H96v-64h192zm192 210.7L434.7 480 320 365.3v-22.7l-26.7-26.7C265.7 338.5 230.4 352 192 352c-88.4 0-160-71.6-160-160S103.6 32 192 32s160 71.6 160 160c0 38.4-13.5 73.7-36.1 101.3l26.7 26.7h22.7zM192 320c70.7 0 128-57.3 128-128S262.7 64 192 64 64 121.3 64 192s57.3 128 128 128 "> </ path >
7171 </ svg >
7272 </ span >
7373 </ button >
74- < div >
75- < span class ="k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md ">
74+ < div class =" k-toolbar-item " >
75+ < span class ="k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md k-disabled ">
7676 < span class ="k-input-inner ">
7777 < span class ="k-input-value-text "> Zoom options</ span >
7878 </ span >
@@ -91,7 +91,6 @@ <h4>Image Editor</h4>
9191 < div class ="k-imageeditor-canvas-container ">
9292 < div class ="k-imageeditor-canvas "> </ div >
9393 </ div >
94- < div class ="k-imageeditor-action-pane " hidden =""> </ div >
9594 </ div >
9695 </ div >
9796 </ div >
0 commit comments