@innovastudio/contentbuilder 1.0.89 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.0.89",
+  "version": "1.1.0",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [
@@ -42,13 +42,13 @@
   },
   "dependencies": {
     "axios": "^0.21.4",
+    "blueimp-load-image": "^5.16.0",
     "cors": "^2.8.5",
     "cropperjs": "^1.5.12",
     "express": "^4.17.1",
     "express-session": "^1.17.2",
     "js-beautify": "^1.14.0",
     "moveable": "^0.26.0",
-    "nodemailer": "^6.7.2",
     "rangy": "^1.3.0",
     "serve-static": "^1.14.1",
     "sortablejs": "^1.14.0"

package/public/contentbuilder/contentbuilder.css

@@ -2087,6 +2087,112 @@ button:focus {
   background: rgba(255, 255, 255, 0.2);
   border: rgba(0, 0, 0, 0.09) 1px solid;
 }
+#_cbhtml .is-modal.buttoneditor,
+.is-ui .is-modal.buttoneditor {
+  z-index: 10002;
+  position: fixed;
+  overflow: hidden;
+  width: 520px;
+  height: 720px;
+  top: 50%;
+  left: auto;
+  right: 30%;
+  margin-top: -205px;
+  box-sizing: content-box;
+  flex-direction: row;
+  align-items: flex-start;
+}
+#_cbhtml .is-modal.buttoneditor .is-modal-bar,
+.is-ui .is-modal.buttoneditor .is-modal-bar {
+  line-height: 30px;
+  height: 30px;
+  background-color: #fafafa;
+}
+#_cbhtml .is-modal.buttoneditor .is-modal-bar .is-modal-close,
+.is-ui .is-modal.buttoneditor .is-modal-bar .is-modal-close {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  font-size: 10px;
+}
+#_cbhtml .is-modal.buttoneditor.active,
+.is-ui .is-modal.buttoneditor.active {
+  display: flex;
+}
+#_cbhtml .is-modal.buttoneditor > div:not(.is-draggable),
+.is-ui .is-modal.buttoneditor > div:not(.is-draggable) {
+  width: 100%;
+  margin-top: 30px;
+}
+#_cbhtml .is-modal.buttoneditor button,
+.is-ui .is-modal.buttoneditor button {
+  padding: 0 10px;
+  height: 35px;
+}
+#_cbhtml .is-modal.buttoneditor .is-button-remove,
+.is-ui .is-modal.buttoneditor .is-button-remove {
+  position: absolute;
+  top: -11px;
+  right: -11px;
+  width: 20px;
+  height: 20px;
+  justify-content: center;
+  align-items: center;
+  background: #f96700;
+  color: #fff;
+  font-size: 12px;
+  cursor: pointer;
+  display: none;
+  border-radius: 500px;
+}
+#_cbhtml .is-modal.buttoneditor .is-button-remove svg,
+.is-ui .is-modal.buttoneditor .is-button-remove svg {
+  fill: white;
+  width: 20px;
+  height: 20px;
+}
+#_cbhtml .is-modal.buttoneditor #divMyButtonList,
+.is-ui .is-modal.buttoneditor #divMyButtonList {
+  padding: 10px 20px 10px;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-top: transparent 150px solid;
+  box-sizing: border-box;
+  overflow: hidden;
+  overflow-y: auto;
+  overflow-y: auto;
+}
+#_cbhtml .is-modal.buttoneditor #divMyButtonList a,
+.is-ui .is-modal.buttoneditor #divMyButtonList a {
+  position: relative;
+  margin: 10px 20px 20px 0;
+}
+#_cbhtml .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove,
+.is-ui .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove {
+  display: flex;
+}
+#_cbhtml .is-modal.buttoneditor #divButtonTemplateList,
+.is-ui .is-modal.buttoneditor #divButtonTemplateList {
+  padding: 10px 20px 10px;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-top: transparent 100px solid;
+  box-sizing: border-box;
+  overflow: hidden;
+  overflow-y: auto;
+  overflow-y: auto;
+}
+#_cbhtml .is-modal.buttoneditor #divButtonTemplateList a,
+.is-ui .is-modal.buttoneditor #divButtonTemplateList a {
+  position: relative;
+  margin: 10px 20px 20px 0;
+}
 #_cbhtml .is-modal.columnsettings .is-modal-bar,
 .is-ui .is-modal.columnsettings .is-modal-bar {
   background-color: #fafafa;
@@ -2548,15 +2654,17 @@ button:focus {
 .is-ui .is-tool.is-module-tool > button svg {
   fill: #121212;
 }
-#_cbhtml .is-tool#divLinkTool button, #_cbhtml .is-tool#divSvgTool button,
+#_cbhtml .is-tool#divLinkTool button, #_cbhtml .is-tool#divButtonTool button, #_cbhtml .is-tool#divSvgTool button,
 .is-ui .is-tool#divLinkTool button,
+.is-ui .is-tool#divButtonTool button,
 .is-ui .is-tool#divSvgTool button {
   width: 30px;
   height: 30px;
   background: rgba(243, 243, 243, 0.9);
 }
-#_cbhtml .is-tool#divLinkTool button svg, #_cbhtml .is-tool#divSvgTool button svg,
+#_cbhtml .is-tool#divLinkTool button svg, #_cbhtml .is-tool#divButtonTool button svg, #_cbhtml .is-tool#divSvgTool button svg,
 .is-ui .is-tool#divLinkTool button svg,
+.is-ui .is-tool#divButtonTool button svg,
 .is-ui .is-tool#divSvgTool button svg {
   fill: #121212;
 }