@g1cloud/page-builder-editor 1.0.0-alpha.78 → 1.0.0-alpha.79

package/css/page-builder-editor.scss

@@ -1,315 +0,0 @@
-@use "variable" as *;
-@use "canvas" as *;
-@use "../dist/style.css";
-
-
-.bs-clickable {
-  user-select: none;
-  cursor: pointer;
-
-  &:hover {
-    filter: opacity(75%);
-  }
-
-  &:active {
-    filter: opacity(50%);
-  }
-
-  &.disabled {
-    filter: opacity(40%)
-  }
-}
-
-.pb-menu {
-  width: 100%;
-
-  .pb-toolbar {
-    margin: 0 -8px;
-
-    .pb-tool-button-group {
-      &::after {
-        content: '';
-        margin: 0 8px;
-        height: 80%;
-        border-right: 1px solid var(--border-light);
-        align-self: center;
-      }
-
-      .pb-tool-button {
-        padding: 2px;
-        margin: 0 2px;
-
-        .tool-button {
-          width: 28px;
-          height: 28px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-      }
-    }
-  }
-}
-
-.editor-wrapper {
-  height: 100%;
-}
-
-.pb-editor {
-  height: 100%;
-}
-
-.pb-editor-body {
-  padding: 8px 0 0;
-  gap: 8px;
-  height: 1px;
-
-  .bs-tab-sheet {
-    .tab-bar {
-      .tabs {
-        padding-top: 0;
-      }
-    }
-  }
-}
-
-.pb-navigator {
-  width: 200px;
-  height: 1px;
-  overflow-y: auto;
-  padding: 8px 0;
-  flex-grow: 1;
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.pb-sidebar {
-  width: 300px;
-  overflow: auto;
-  border: 1px solid var(--border-light);
-
-  .pb-sidebar-properties {
-    padding: 0;
-
-    .pb-sidebar-property-group {
-      &:not(:empty) {
-        padding: 16px 16px;
-        border-bottom: 1px solid #eaeaea;
-
-      }
-
-      .group-title {
-        > label {
-          padding: 4px 0;
-          font-size: 90%;
-          font-weight: 600;
-        }
-      }
-
-      .group-editor {
-        padding: 4px 0;
-        font-size: 0.9em;
-
-        .title {
-          padding: 0 0 8px 0;
-
-          label {
-            min-width: 6em;
-            max-width: 6em;
-            padding-right: 0.5em;
-            font-weight: bold;
-          }
-        }
-
-        .sub-title {
-          label {
-            min-width: 6em;
-            max-width: 6em;
-            padding-right: 0.5em;
-            font-weight: 400;
-          }
-        }
-      }
-
-      .property-editor {
-        padding: 4px 0;
-        font-size: 0.9em;
-
-        > .title {
-          padding: 0 0 8px 0;
-
-          > label {
-            min-width: 6em;
-            max-width: 6em;
-            padding-right: 0.5em;
-            font-weight: 600;
-          }
-        }
-      }
-
-      .property-editor:nth-child(n+2) {
-        margin-top: 4px
-      }
-
-      @import "./property-editor-color";
-      @import "./property-editor-image";
-      @import "./property-editor-multiline-text";
-      @import "./property-editor-product";
-      @import "./property-editor-readonly-text";
-      @import "./property-editor-select";
-      @import "./property-editor-text";
-      @import "./property-editor-number";
-      @import "./property-editor-html";
-
-      @import "./property-group-editor-background";
-      @import "./property-group-editor-border";
-      @import "./property-group-editor-position";
-      @import "./property-group-editor-size";
-      @import "./property-group-editor-media";
-
-      @import "./property-localpart";
-    }
-  }
-}
-
-.pb-color-picker {
-  display: inline-flex;
-  position: relative;
-
-  .buttons {
-    display: flex;
-    padding: 0;
-
-    button {
-      width: 24px;
-      height: 24px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      &.none {
-        position: relative;
-        overflow: hidden;
-
-        &::after {
-          content: "\00A0";
-          display: inline-block;
-          width: 100px;
-          height: 1px;
-          background: red;
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%) rotate(45deg);
-        }
-      }
-
-      &.picker-button {
-        border: 1px solid #cccccc;
-      }
-
-      i {
-        font-size: 1.4rem;
-      }
-    }
-  }
-
-  .sketch-wrap {
-    width: 220px;
-    position: absolute;
-    z-index: 10;
-    left: -12px;
-    top: 24px;
-    white-space: break-spaces;
-    text-align: left;
-  }
-}
-
-.pb-part-add-modal {
-  .section-title {
-    font-weight: 700;
-  }
-
-  .group {
-
-    .part {
-      @extend .bs-clickable;
-      border: 1px solid var(--border-light);
-      border-radius: 4px;
-      padding: 8px 16px;
-    }
-  }
-}
-
-.pb-html-editor-modal {
-  .preview {
-    width: 50%;
-
-    .content {
-      border: solid 1px #ccc;
-
-      iframe {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  .editor {
-    width: 50%;
-
-    .bs-tab-sheet > :nth-child(2) {
-      height: 0;
-    }
-
-    .tags {
-      height: 60%;
-
-      .content {
-      }
-    }
-
-    .style {
-      height: 40%;
-
-      .content {
-      }
-    }
-
-    .bs-code-editor {
-      height: 100%;
-    }
-  }
-
-  .buttons {
-    text-align: center;
-
-    button {
-      color: #fff;
-      border: none;
-      padding: 4px 12px;
-      cursor: pointer;
-      line-height: 1;
-      height: 28px;
-      background-color: #1f8fff;
-    }
-  }
-}
-
-.pb-youtube-modal {
-  .flex-grow-1.overflow-auto {
-    overflow: hidden !important;
-  }
-
-  button {
-    color: #fff;
-    border: none;
-    padding: 4px 12px;
-    cursor: pointer;
-    line-height: 1;
-    height: 28px;
-    background-color: #1f8fff;
-  }
-}

package/css/page-builder-viewer.scss

@@ -1 +0,0 @@
-@import '@g1cloud/page-builder-viewer/dist/css/page-builder-viewer.css';

package/css/variable.scss

@@ -1,5 +0,0 @@
-$color-canvas-frame-bg: #aaa;
-
-:root {
-  --color-canvas-frame-bg: #{$color-canvas-frame-bg};
-}

package/dist/css/page-builder-editor.css

@@ -1,388 +0,0 @@
-@charset "UTF-8";
-:root {
-  --color-canvas-frame-bg: #aaa;
-}
-
-.pb-canvas-wrapper {
-  background-color: var(--color-canvas-frame-bg);
-  flex-grow: 1;
-  min-width: 0;
-  width: 0;
-  height: 100%;
-  padding: 20px;
-  outline: none;
-  overflow: auto;
-}
-
-.pb-canvas {
-  display: flex;
-  flex-direction: row;
-  transform-origin: top left;
-  width: fit-content;
-  height: 100%;
-  margin: 0;
-}
-
-.pb-page-frame iframe.page-frame {
-  border: 0;
-}
-
-:root {
-  --color-canvas-frame-bg: #aaa;
-}
-
-.pb-editor .pb-editor-body .tab-bar {
-  padding: 0;
-}
-
-.bs-clickable, .pb-part-add-modal .group .part {
-  user-select: none;
-  cursor: pointer;
-}
-.bs-clickable:hover, .pb-part-add-modal .group .part:hover {
-  filter: opacity(75%);
-}
-.bs-clickable:active, .pb-part-add-modal .group .part:active {
-  filter: opacity(50%);
-}
-.bs-clickable.disabled, .pb-part-add-modal .group .disabled.part {
-  filter: opacity(40%);
-}
-
-.pb-menu {
-  width: 100%;
-}
-.pb-menu .pb-toolbar {
-  margin: 0 -8px;
-}
-.pb-menu .pb-toolbar .pb-tool-button-group::after {
-  content: "";
-  margin: 0 8px;
-  height: 80%;
-  border-right: 1px solid var(--border-light);
-  align-self: center;
-}
-.pb-menu .pb-toolbar .pb-tool-button-group .pb-tool-button {
-  padding: 2px;
-  margin: 0 2px;
-}
-.pb-menu .pb-toolbar .pb-tool-button-group .pb-tool-button .tool-button {
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.editor-wrapper {
-  height: 100%;
-}
-
-.pb-editor {
-  height: 100%;
-}
-
-.pb-editor-body {
-  padding: 8px 0 0;
-  gap: 8px;
-  height: 1px;
-}
-.pb-editor-body .bs-tab-sheet .tab-bar .tabs {
-  padding-top: 0;
-}
-
-.pb-navigator {
-  width: 200px;
-  height: 1px;
-  overflow-y: auto;
-  padding: 8px 0;
-  flex-grow: 1;
-}
-.pb-navigator:focus {
-  outline: none;
-}
-
-.pb-sidebar {
-  width: 300px;
-  overflow: auto;
-  border: 1px solid var(--border-light);
-}
-.pb-sidebar .pb-sidebar-properties {
-  padding: 0;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group:not(:empty) {
-  padding: 16px 16px;
-  border-bottom: 1px solid #eaeaea;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-title > label {
-  padding: 4px 0;
-  font-size: 90%;
-  font-weight: 600;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor {
-  padding: 4px 0;
-  font-size: 0.9em;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor .title {
-  padding: 0 0 8px 0;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor .title label {
-  min-width: 6em;
-  max-width: 6em;
-  padding-right: 0.5em;
-  font-weight: bold;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor .sub-title label {
-  min-width: 6em;
-  max-width: 6em;
-  padding-right: 0.5em;
-  font-weight: 400;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor {
-  padding: 4px 0;
-  font-size: 0.9em;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor > .title {
-  padding: 0 0 8px 0;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor > .title > label {
-  min-width: 6em;
-  max-width: 6em;
-  padding-right: 0.5em;
-  font-weight: 600;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor:nth-child(n+2) {
-  margin-top: 4px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-color .color {
-  width: 50%;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-image button.select-button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  width: 120px;
-  height: 28px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-image .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-product button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  width: 200px;
-  height: 28px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-product .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-select .bs-select {
-  display: block;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-select .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-text .bs-text-input {
-  display: block;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-text .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-text .bs-text-input {
-  display: block;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-text .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-html button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  width: 100px;
-  height: 28px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-html .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-background .color {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-background .color .bs-text-input {
-  flex-grow: 1;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-background .image {
-  flex: 1;
-  padding-left: 8px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-background .image button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  width: 120px;
-  height: 28px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-border .color {
-  width: 50%;
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-border .color .bs-text-input {
-  flex-grow: 1;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-border .corner-icon {
-  width: 1.1em;
-  height: 1.1em;
-  fill: #000;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media button.select-button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  width: 120px;
-  height: 28px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media .input-area {
-  height: 24px;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .title {
-  font-weight: 600;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part button {
-  color: #fff;
-  border: none;
-  padding: 0 4px;
-  cursor: pointer;
-  line-height: 1;
-  height: 24px;
-  background-color: #1f8fff;
-}
-.pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .input-area {
-  height: 24px;
-}
-
-.pb-color-picker {
-  display: inline-flex;
-  position: relative;
-}
-.pb-color-picker .buttons {
-  display: flex;
-  padding: 0;
-}
-.pb-color-picker .buttons button {
-  width: 24px;
-  height: 24px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.pb-color-picker .buttons button.none {
-  position: relative;
-  overflow: hidden;
-}
-.pb-color-picker .buttons button.none::after {
-  content: " ";
-  display: inline-block;
-  width: 100px;
-  height: 1px;
-  background: red;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) rotate(45deg);
-}
-.pb-color-picker .buttons button.picker-button {
-  border: 1px solid #cccccc;
-}
-.pb-color-picker .buttons button i {
-  font-size: 1.4rem;
-}
-.pb-color-picker .sketch-wrap {
-  width: 220px;
-  position: absolute;
-  z-index: 10;
-  left: -12px;
-  top: 24px;
-  white-space: break-spaces;
-  text-align: left;
-}
-
-.pb-part-add-modal .section-title {
-  font-weight: 700;
-}
-.pb-part-add-modal .group .part {
-  border: 1px solid var(--border-light);
-  border-radius: 4px;
-  padding: 8px 16px;
-}
-
-.pb-html-editor-modal .preview {
-  width: 50%;
-}
-.pb-html-editor-modal .preview .content {
-  border: solid 1px #ccc;
-}
-.pb-html-editor-modal .preview .content iframe {
-  width: 100%;
-  height: 100%;
-}
-.pb-html-editor-modal .editor {
-  width: 50%;
-}
-.pb-html-editor-modal .editor .bs-tab-sheet > :nth-child(2) {
-  height: 0;
-}
-.pb-html-editor-modal .editor .tags {
-  height: 60%;
-}
-.pb-html-editor-modal .editor .style {
-  height: 40%;
-}
-.pb-html-editor-modal .editor .bs-code-editor {
-  height: 100%;
-}
-.pb-html-editor-modal .buttons {
-  text-align: center;
-}
-.pb-html-editor-modal .buttons button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  height: 28px;
-  background-color: #1f8fff;
-}
-
-.pb-youtube-modal .flex-grow-1.overflow-auto {
-  overflow: hidden !important;
-}
-.pb-youtube-modal button {
-  color: #fff;
-  border: none;
-  padding: 4px 12px;
-  cursor: pointer;
-  line-height: 1;
-  height: 28px;
-  background-color: #1f8fff;
-}

package/dist/css/page-builder-viewer.css

@@ -1 +0,0 @@
-@import '@g1cloud/page-builder-viewer/dist/css/page-builder-viewer.css';