@etsoo/editor/dist/14.eoeditor.js

ETSOO Free WYSIWYG HTML Editor

"use strict";(self.webpackChunk_etsoo_editor=self.webpackChunk_etsoo_editor||[]).push([[14],{14(n,i,e){e.d(i,{default:()=>a});var t=e(601),o=e.n(t),r=e(314),p=e.n(r)()(o());p.push([n.id,':host {\n  --close-button-right: 8px;\n  --height: 120px;\n  --color-panel: RGBA(48, 58, 178, 0.2);\n}\n.wrapper {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: gray;\n  opacity: 1;\n  transform: scale(1.1);\n  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;\n  z-index: 9000;\n}\n.modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9010;\n}\n.close-button {\n  position: fixed;\n  top: 8px;\n  right: var(--close-button-right);\n  cursor: pointer;\n  z-index: 9020;\n}\n.container {\n  width: 100%;\n  height: calc(100% - var(--height));\n  box-sizing: border-box;\n  padding: 8px;\n  overflow: auto;\n  visibility: hidden;\n}\n.container canvas {\n  box-sizing: border-box;\n  border: 1px dotted #fff;\n}\n.toolbar {\n  border-top: 2px outset;\n  box-sizing: border-box;\n  bottom: 0px;\n  background-color: #fff;\n  height: var(--height);\n  padding: 8px;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.settings {\n  position: fixed;\n  box-sizing: border-box;\n  visibility: hidden;\n  left: 0px;\n  bottom: var(--height);\n  right: 0px;\n  padding: 8px;\n  background-color: #fff;\n  opacity: 0.9;\n  font-size: 11px;\n}\n.form {\n  display: grid;\n  grid-gap: 8px;\n  grid-template-columns: repeat(1, 90px minmax(100px, 1fr));\n  align-items: center;\n}\n.flex {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n}\n.vflex {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n}\n.settings input[type="range"] {\n  width: 100px;\n}\n.settings label {\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n}\n.settings label span {\n  margin-right: 4px;\n}\n.settings label.span2 {\n  grid-column: span 2;\n}\n@media (min-width: 400px) {\n  .form {\n    grid-template-columns: repeat(2, 78px minmax(100px, 1fr));\n  }\n}\n@media (min-width: 768px) {\n  .form {\n    grid-template-columns: repeat(3, 78px minmax(100px, 1fr));\n  }\n}\n@media (min-width: 992px) {\n  .form {\n    grid-template-columns: repeat(4, 78px minmax(100px, 1fr));\n  }\n}\n@media (min-width: 1200px) {\n  .form {\n    grid-template-columns: repeat(5, 78px minmax(100px, 1fr));\n  }\n}\n.icons {\n  flex-grow: 1;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n}\n.icons button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.icons div.separator {\n  border-left: 1px solid #ccc;\n  height: 22px;\n  margin: 4px 0px;\n  display: inline-block;\n}\nbutton:disabled {\n  color: RGBA(0, 0, 0, 0.33);\n}\nbutton:disabled svg {\n  fill: RGBA(0, 0, 0, 0.33);\n}\ninput[type="text"],\ninput[type="number"] {\n  width: 72px;\n}\n.panels {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100%;\n  gap: 4px;\n}\n.size-indicator {\n  font-size: 9px;\n  text-align: center;\n}\n.move-panel {\n  border: 1px inset;\n  background-color: #f3f3f3;\n  flex-grow: 1;\n  position: relative;\n  box-sizing: border-box;\n}\n.move-panel .mover {\n  border: 1px dotted #ccc;\n  background-color: var(--color-panel);\n  position: absolute;\n  box-sizing: border-box;\n}\n\neo-popup .grid {\n  padding: 1em;\n  font-size: 12px;\n  display: grid;\n  grid-template-columns: 78px 1fr 78px 1fr;\n  align-items: center;\n  column-gap: 9px;\n  row-gap: 9px;\n}\neo-popup .grid .grid-title {\n  grid-column: 1 / -1;\n  font-weight: bold;\n}\neo-popup .grid .full-width {\n  grid-column: 1 / -1;\n}\n',""]);const a=p}}]);