@ivanholiak/easy-email-extensions 4.16.4

package/lib/style.css

@@ -0,0 +1,9 @@
+[arco-theme=dark] .easy-email-editor-tabWrapper,[arco-theme=dark] .arco-layout{background-color:var(--color-bg-3)}[arco-theme=dark] .easy-email-editor-button{background-color:var(--color-secondary);color:var(--color-text-2);border:1px solid transparent}[arco-theme=dark] .easy-email-editor-button:hover{border-color:var(--color-neutral-4);color:var(--color-text-2);background-color:var(--color-fill-3)}[arco-theme=dark] .easy-email-editor-button[disabled],[arco-theme=dark] .easy-email-editor-button[disabled]:hover{background-color:var(--color-secondary);color:var(--color-text-2);border:1px solid transparent}._title_1f523_1{display:flex;flex:1;justify-content:space-between;align-items:center;position:relative}._title_1f523_1 .icon-eye{position:absolute;top:50%;transform:translateY(-50%);right:30px;opacity:0;font-size:14px;color:rgb(var(--primary-6))!important}._title_1f523_1 .icon-eye-invisible{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;right:30px;opacity:1!important;color:rgb(var(--primary-6))!important}#BlockLayerManager .arco-tree-node-expanded{overflow:hidden}#BlockLayerManager .arco-tree-node-selected .arco-tree-node-title{background-color:rgb(var(--primary-1))}#BlockLayerManager .arco-tree-node-title:hover .icon-eye{opacity:1}#BlockLayerManager .arco-tree-node-indent-block{width:8px}#BlockLayerManager .arco-tree-node-drag-icon{cursor:grab}._wrap_1x927_1{position:fixed;left:500px;top:200px;z-index:9999;background-color:var(--color-neutral-2);box-shadow:1px 1px 4px #0000001a;border-radius:8px;overflow:hidden;font-family:Lato,sans-serif;font-weight:500}._wrap_1x927_1 ._listItem_1x927_13{padding:5px 15px;display:flex;flex-wrap:nowrap;cursor:default!important}._wrap_1x927_1 ._listItem_1x927_13:hover{background-color:var(--color-menu-dark-hover)}._contextmenuMark_1x927_23{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:9998}._container_jzksr_1{display:flex;flex-wrap:wrap}._error_jzksr_6{border-color:#ff4d4f!important}._item_jzksr_10{margin:0 8px 8px 0;border-radius:4px;border:1px solid #d9d9d9;padding:8px;width:104px;height:104px}._item_jzksr_10 ._info_jzksr_18{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}._item_jzksr_10 ._info_jzksr_18:before{content:" ";position:absolute;z-index:1;background-color:#00000080;-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;opacity:0}._item_jzksr_10 ._info_jzksr_18 img{width:100%;border:1px solid #f2f2f2;transition:all .3s}._item_jzksr_10 ._info_jzksr_18 ._btn-wrap_jzksr_43{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s;opacity:0}._item_jzksr_10 ._info_jzksr_18 ._btn-wrap_jzksr_43 a{color:#eee;margin:0 4px}._item_jzksr_10 ._info_jzksr_18 ._btn-wrap_jzksr_43 a:hover{color:#fff}._item_jzksr_10 ._info_jzksr_18:hover:before{opacity:1}._item_jzksr_10 ._info_jzksr_18:hover ._btn-wrap_jzksr_43{opacity:1}._upload_jzksr_68{margin:0 8px 8px 0;border:1px dotted;width:104px;height:104px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}._wrap_jzksr_80 ._urlInput_jzksr_80{display:flex;align-items:center}._helperText_rfjsd_1{color:#6d7175;font-weight:400;line-height:1.3;text-transform:none;letter-spacing:normal}._label-hidden_rfjsd_9{position:absolute!important;top:0;clip:rect(1px,1px,1px,1px)!important;overflow:hidden!important;height:1px!important;width:1px!important;padding:0!important;border:0!important}._editTab_rfjsd_20 .arco-tabs-content{border:none}._editTab_rfjsd_20 .arco-tabs-header-nav{padding-right:15px}._inputWithUnit_rfjsd_27 .arco-select-view{padding:0 5px!important;text-align:center}._inputWithUnit_rfjsd_27 .arco-select-view .arco-select-view-value{overflow:visible}._inputWithUnitSelectOption_rfjsd_35{padding:0 5px!important;text-align:center!important}._colorPicker_rfjsd_40 .sketch-picker .flexbox-fix:nth-child(3){display:none!important}._BlocksPanel_15fho_1 img{max-width:100%}._blockItem_15fho_5{text-align:center;padding:3px 12px;border-radius:15px;min-width:60px}._closeBtn_15fho_12{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}._closeBtn_15fho_12:hover{background-color:#f7f8f8}._mask_1a0xw_1{width:270px;display:flex;justify-content:flex-end;align-items:center;cursor:default;position:relative;transition:all .3s;pointer-events:auto}._drag_1a0xw_12{background-color:#000000a6}._customTextArea_xcz5w_1[readonly]{color:var(--color-text-2)}._customTextArea_xcz5w_1[readonly]:hover{border-color:var(--color-neutral-3)}._customTextArea_xcz5w_1[readonly]:focus{border-color:var(--color-neutral-3);background-color:transparent;box-shadow:none}._SimpleLayout_pu31r_1 .arco-layout-sider-children{overflow-x:hidden}._SimpleLayout_pu31r_1 .arco-layout-sider-children .arco-tabs-content{padding:0}._SimpleLayout_pu31r_1 .arco-collapse-item-content-expanded{overflow:visible}._SimpleLayout_pu31r_1 *::-webkit-scrollbar{-webkit-appearance:none;width:8px!important}._SimpleLayout_pu31r_1 *::-webkit-scrollbar-thumb{background-color:#00000080;box-shadow:0 0 1px #ffffff80;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}._customScrollBar_pu31r_20{overflow:scroll}._customScrollBar_pu31r_20::-webkit-scrollbar{-webkit-appearance:none;width:8px!important}._customScrollBar_pu31r_20::-webkit-scrollbar-thumb{background-color:#00000080;box-shadow:0 0 1px #ffffff80;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}._customScrollBar_pu31r_20 .arco-tabs-content{padding:0}._customScrollBarV2_pu31r_36{overflow:scroll}._customScrollBarV2_pu31r_36::-webkit-scrollbar{-webkit-appearance:none;width:8px!important}._customScrollBarV2_pu31r_36::-webkit-scrollbar-thumb{background-color:#00000080;box-shadow:0 0 1px #ffffff80;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}._StandardLayout_xv0bc_1 .arco-layout-sider-children{overflow-x:hidden}._StandardLayout_xv0bc_1 .arco-layout-sider-children .arco-tabs-content{padding:0}._StandardLayout_xv0bc_1 .arco-collapse-item-content-expanded{overflow:visible}._StandardLayout_xv0bc_1 .easy-email-editor-tabWrapper{padding:5px}._layoutItem_1ajtj_1 .arco-collapse-item-header{background-color:#fff!important;border-color:transparent!important}._blockItem_1ajtj_6{margin-bottom:20px;box-shadow:#373f470a 0 0 0 1px,#373f4714 0 4px 4px,#373f4714 0 8px 24px;border:2px solid transparent;border-radius:4px;margin-right:15px}._blockItem_1ajtj_6:hover{box-shadow:0 0 2px 2px rgb(var(--primary-4, #1890ff))!important}._blockItem_1ajtj_6 ._blockItemContainer_1ajtj_16{width:96px;height:96px;padding:10px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}._blockItem_1ajtj_6:nth-child(3n+1){margin-left:15px}._blockItem_1ajtj_6:nth-child(3n+0){margin-right:0}/*! 
+* OverlayScrollbars
+* Version: 2.12.0
+* 
+* Copyright (c) Rene Haas | KingSora.
+* https://github.com/KingSora
+* 
+* Released under the MIT license.
+*/.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}._largeTabsHeader_d2sio_1 .arco-tabs-header{width:100%;display:flex}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title{flex:1;margin:0!important;padding:0!important;height:60px;line-height:60px}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title .arco-tabs-header-title-text{display:block;text-align:center;width:100%}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title .arco-tabs-header-title-text:before{display:none}._largeTabsHeader_d2sio_1 .arco-tabs-header{width:100%;display:flex}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title{flex:1;margin:0!important;padding:0!important;height:60px;line-height:60px}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title .arco-tabs-header-title-text{display:block;text-align:center;width:100%}._largeTabsHeader_d2sio_1 .arco-tabs-header .arco-tabs-header-title .arco-tabs-header-title-text:before{display:none}._container_13rz9_1,._container_13rz9_1 .CodeMirror{height:100%}

package/lib/typings/mjml-browser.d.ts

@@ -0,0 +1,37 @@
+declare module 'mjml-browser' {
+    const transform: (vml: string, options?: {
+        beautify?: boolean;
+        minify?: boolean;
+        keepComments?: boolean;
+        validationLevel: 'strict' | 'soft' | 'skip';
+    }) => {
+        json: MjmlBlockItem;
+        html: string;
+        errors: string[];
+    };
+    export default transform;
+}
+interface MjmlBlockItem {
+    file: string;
+    absoluteFilePath: string;
+    line: number;
+    includedIn: any[];
+    tagName: string;
+    children: IChildrenItem[];
+    attributes: IAttributes;
+    content?: string;
+}
+interface IChildrenItem {
+    file?: string;
+    absoluteFilePath?: string;
+    line: number;
+    includedIn: any[];
+    tagName: string;
+    children?: IChildrenItem[];
+    attributes: IAttributes;
+    content?: string;
+    inline?: 'inline';
+}
+interface IAttributes {
+    [key: string]: any;
+}

package/lib/utils/MjmlToJson.d.ts

@@ -0,0 +1,5 @@
+import { IPage } from 'easy-email-core';
+export declare function MjmlToJson(data: MjmlBlockItem | string): IPage;
+export declare function getMetaDataFromMjml(data?: IChildrenItem): {
+    [key: string]: any;
+};

package/lib/utils/awaitForElement.d.ts

@@ -0,0 +1,4 @@
+export declare function awaitForElement<T extends HTMLElement>(idx: string): {
+    cancel: () => void;
+    promise: Promise<T>;
+};

package/lib/utils/classnames.d.ts

@@ -0,0 +1 @@
+export declare function classnames(...rest: any[]): string;

package/lib/utils/getBlockTitle.d.ts

@@ -0,0 +1,2 @@
+import { IBlockData } from 'easy-email-core';
+export declare function getBlockTitle(blockData: IBlockData, isFromContent?: boolean): string;

package/lib/utils/getContextMergeTags.d.ts

@@ -0,0 +1,7 @@
+export declare function getContextMergeTags(mergeTags: {
+    [key: string]: any;
+}, context: {
+    [key: string]: any;
+}, idx: string): {
+    [key: string]: any;
+};

package/lib/utils/getIconNameByBlockType.d.ts

@@ -0,0 +1,2 @@
+export declare function getIconNameByBlockType(type: string): any;
+export declare function setIconsMap(map: Record<string, string>): void;

package/lib/utils/getPreviewClassName.d.ts

@@ -0,0 +1 @@
+export declare function getPreviewClassName(idx: string | null, type: string): string;

package/lib/utils/parseXMLtoBlock.d.ts

@@ -0,0 +1,2 @@
+import { IBlockData } from 'easy-email-core';
+export declare function parseXMLtoBlock(text: string): IBlockData<any, any>;

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@ivanholiak/easy-email-extensions",
+  "license": "MIT",
+  "description": "Email editor",
+  "version": "4.16.4",
+  "author": "m-Ryan",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IvanHoliak/easy-email-editor-r19.git"
+  },
+  "keywords": [
+    "email editor core"
+  ],
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "typings": "tsc --declaration --emitDeclarationOnly --project tsconfig.lib.json && tsc-alias -p tsconfig.alias.json",
+    "build": "rimraf lib && npm run typings && vite build --config vite.config.ts",
+    "format": "eslint --fix  --ext .tsx,.ts,.tsx src/",
+    "test": "jest  --coverage"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "yarn test && yarn lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/*.{js,jsx,ts,tsx}, example/*.{js,jsx,ts,tsx}": [
+      "yarn lint"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@babel/preset-env": "^7.15.0",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@types/color": "^3.0.3",
+    "@types/jest": "^26.0.24",
+    "@types/jsdom": "^16.2.13",
+    "@types/lodash": "^4.14.178",
+    "@types/node": "^16.11.7",
+    "@types/react": "^19.0.0",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^19.0.0",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^4.28.3",
+    "@typescript-eslint/parser": "^4.28.3",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "babel-jest": "^27.0.6",
+    "cross-env": "^7.0.3",
+    "eslint": "^7.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "jest": "^27.0.6",
+    "jsdom": "^17.0.0",
+    "lerna": "^4.0.0",
+    "less": "^4.1.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-final-form": "^6.5.7",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-visualizer": "^5.5.2",
+    "sass": "^1.43.4",
+    "ts-node": "^10.4.0",
+    "tsc-alias": "^1.4.1",
+    "typescript": "^4.4.4",
+    "vite": "^2.6.14",
+    "vite-plugin-html": "^2.1.1",
+    "vite-plugin-style-import": "^1.3.0"
+  },
+  "dependencies": {
+    "@arco-design/web-react": "^2.36.1",
+    "@codemirror/lang-xml": "^6.1.0",
+    "color": "^4.2.3",
+    "final-form": "^4.20.4",
+    "final-form-arrays": "^3.0.2",
+    "final-form-set-field-touched": "^1.0.1",
+    "is-hotkey": "^0.2.0",
+    "lodash": "^4.17.21",
+    "mjml-browser": "^4.10.4",
+    "overlayscrollbars": "^2.10.1",
+    "overlayscrollbars-react": "^0.5.6",
+    "@uiw/react-codemirror": "^4.23.9",
+    "react-color": "^2.19.3",
+    "react-final-form-arrays": "^3.1.3",
+    "react-use": "^17.3.1",
+    "uuid": "^9.0.1"
+  },
+  "peerDependencies": {
+    "@ivanholiak/easy-email-core": "^4.3.6",
+    "@ivanholiak/easy-email-editor": "^4.3.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-final-form": "^6.5.7"
+  },
+  "gitHead": "bb5757eb3146f55c31d4354f1480939c3af8efe1"
+}

package/readme.md

@@ -0,0 +1,116 @@
+# Easy-email-extensions
+
+## usage
+
+```sh
+$ npm install --save easy-email-extensions
+```
+
+or
+
+```sh
+$ yarn add easy-email-extensions
+```
+
+```js
+import React from 'react';
+import { BlockManager, BasicType, AdvancedType } from 'easy-email-core';
+import { EmailEditor, EmailEditorProvider } from 'easy-email-editor';
+import { ExtensionProps, StandardLayout } from 'easy-email-extensions';
+
+import 'easy-email-editor/lib/style.css';
+import 'easy-email-extensions/lib/style.css';
+
+const categories: ExtensionProps['categories'] = [
+  {
+    label: 'Content',
+    active: true,
+    blocks: [
+      {
+        type: AdvancedType.TEXT,
+      },
+      {
+        type: AdvancedType.IMAGE,
+        payload: { attributes: { padding: '0px 0px 0px 0px' } },
+      },
+      {
+        type: AdvancedType.BUTTON,
+      },
+      {
+        type: AdvancedType.SOCIAL,
+      },
+      {
+        type: AdvancedType.DIVIDER,
+      },
+      {
+        type: AdvancedType.SPACER,
+      },
+      {
+        type: AdvancedType.HERO,
+      },
+      {
+        type: AdvancedType.WRAPPER,
+      },
+    ],
+  },
+  {
+    label: 'Layout',
+    active: true,
+    displayType: 'column',
+    blocks: [
+      {
+        title: '2 columns',
+        payload: [
+          ['50%', '50%'],
+          ['33%', '67%'],
+          ['67%', '33%'],
+          ['25%', '75%'],
+          ['75%', '25%'],
+        ],
+      },
+      {
+        title: '3 columns',
+        payload: [
+          ['33.33%', '33.33%', '33.33%'],
+          ['25%', '25%', '50%'],
+          ['50%', '25%', '25%'],
+        ],
+      },
+      {
+        title: '4 columns',
+        payload: [['25%', '25%', '25%', '25%']],
+      },
+    ],
+  },
+];
+
+const initialValues = {
+  subject: 'Welcome to Easy-email',
+  subTitle: 'Nice to meet you!',
+  content: BlockManager.getBlockByType(BasicType.PAGE)!.create({}),
+};
+
+export default function App() {
+
+  return (
+    <EmailEditorProvider
+      data={initialValues}
+      height={'calc(100vh - 72px)'}
+      autoComplete
+      dashed={false}
+    >
+      {({ values }) => {
+        return (
+          <StandardLayout
+            categories={categories}
+            showSourceCode={true}
+          >
+            <EmailEditor />
+          </StandardLayout>
+        );
+      }}
+    </EmailEditorProvider>
+  );
+}
+
+```