@tailor-cms/ce-quill-html-edit 0.0.4 → 0.0.6

package/dist/index.css

@@ -1,503 +1,4 @@
-.user-avatar-container[data-v-08f71019] {
-  padding: 0.125rem;
-  overflow: hidden !important;
-}
-.user-avatar-container .user-avatar[data-v-08f71019] {
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 50%;
-}.header[data-v-68caba16] {
-  display: flex;
-  align-items: flex-start;
-}
-.header .info-container[data-v-68caba16] {
-  display: flex;
-  flex-direction: column;
-  flex: 0 100%;
-  max-width: calc(100% - 12rem);
-  margin-left: 0.75rem;
-}
-.header .info-container .author[data-v-68caba16] {
-  display: inline-block;
-  max-width: 75%;
-  font-size: 1rem;
-}
-.header .info-container .edited[data-v-68caba16],
-.header .info-container .time[data-v-68caba16] {
-  font-size: 0.75rem;
-}
-.header .info-container hr.v-divider--vertical[data-v-68caba16] {
-  margin: 0.25rem 0.125rem 0.125rem 0.625rem;
-}
-.header .info-container[data-v-68caba16] .editor-link {
-  display: inline-flex;
-  align-self: flex-end;
-}
-.header .actions[data-v-68caba16] {
-  margin-left: auto;
-}.content[data-v-b6b6fcf5] {
-  margin-top: 0.375rem;
-}
-.content pre[data-v-b6b6fcf5] {
-  height: 100%;
-  margin: 0;
-  padding: 0 0.25rem 0.5rem 0;
-  font: inherit;
-  white-space: pre-wrap;
-  word-break: break-all;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  background: inherit;
-  border: none;
-  overflow: hidden;
-}
-.content.resolved[data-v-b6b6fcf5] {
-  opacity: 0.7;
-}
-.content.resolved .resolvement-options[data-v-b6b6fcf5] {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.25rem;
-  font-size: 0.75rem;
-}.comment[data-v-32db3485] {
-  display: flex;
-  flex-direction: column;
-  font-family: Roboto, Arial, sans-serif;
-}
-.comment-body[data-v-32db3485] {
-  flex: 1;
-  padding: 0 0.25rem 0 3.25rem;
-}
-.comment-editor.v-textarea[data-v-32db3485] {
-  margin: 0.75rem 0 0 0;
-}
-.comment-editor.v-textarea[data-v-32db3485] .v-input__slot {
-  width: auto;
-}.thread-list[data-v-311c4652] {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.thread-list .thread-list-item .v-divider[data-v-311c4652] {
-  margin: 0 0.25rem 1rem 0.25rem;
-  color: #fafafa;
-  opacity: 0.3;
-}
-.thread-list .thread-list-item:first-child .v-divider[data-v-311c4652] {
-  display: none;
-}.unseen-divider[data-v-be37ba50] {
-  text-align: center;
-}
-.unseen-divider .v-divider[data-v-be37ba50] {
-  margin: 1rem 0 0.25rem;
-}
-.unseen-divider[data-v-be37ba50] .v-chip.v-chip--outlined.v-chip {
-  margin: -1.5rem 0 0.5rem 0;
-  border-radius: 1rem !important;
-  background-color: #fafafa !important;
-}
-.unseen-divider[data-v-be37ba50] .v-chip.v-chip--outlined.v-chip .v-chip__content .v-chip__close {
-  margin-top: 0.125rem;
-  font-size: 0.75rem !important;
-}.discussion-thread[data-v-022fcbdf] {
-  width: 100%;
-}
-.discussion-thread.scroll-container[data-v-022fcbdf] {
-  max-height: 31.25rem;
-  box-sizing: content-box;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -ms-overflow-style: none !important;
-  scrollbar-width: none !important;
-}
-.discussion-thread.scroll-container[data-v-022fcbdf]::-webkit-scrollbar {
-  display: none !important;
-}
-.discussion-thread .fade-enter-active[data-v-022fcbdf],
-.discussion-thread .fade-leave-active[data-v-022fcbdf] {
-  transition: opacity 0.5s;
-}
-.discussion-thread .fade-enter[data-v-022fcbdf],
-.discussion-thread .fade-leave-to[data-v-022fcbdf] {
-  opacity: 0;
-}.embedded-discussion[data-v-4bce48ca] {
-  font-family: Roboto, Arial, sans-serif;
-}
-.embedded-discussion .discussion-heading[data-v-4bce48ca] {
-  padding: 0 0 0.5rem 0;
-  font-size: 0.875rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-}
-.embedded-discussion .resolve-btn-container[data-v-4bce48ca] {
-  display: flex;
-  justify-content: flex-end;
-  margin: 0.5rem 0 0 0;
-}
-.embedded-discussion .header[data-v-4bce48ca] {
-  margin: 0.75rem 0 1.25rem 0;
-  font-size: 1.125rem;
-  font-weight: 400;
-}
-.embedded-discussion .comment-input[data-v-4bce48ca] {
-  margin: 0 0.25rem 0 0.25rem;
-}
-.embedded-discussion .alert[data-v-4bce48ca] .v-icon {
-  color: var(--v-primary-darken2) !important;
-}
-.embedded-discussion .v-input[data-v-4bce48ca] textarea::placeholder {
-  opacity: 0.85;
-}[data-v-41ba7175] .v-menu__content {
-  background: #fff;
-}
-[data-v-41ba7175] .v-menu__content .embedded-discussion {
-  text-align: left;
-}
-[data-v-41ba7175] .v-menu__content .comment .author {
-  font-size: 0.875rem;
-}
-[data-v-41ba7175] .comment-body {
-  padding: 0 0.25rem 0 3.9375rem;
-}
-.unseen[data-v-41ba7175] {
-  font-size: 0.75rem;
-}[data-v-a813d944] .v-input__control {
-  flex-wrap: wrap;
-}.content-element[data-v-8d4e1cd3] {
-  position: relative;
-  border: 1px solid transparent;
-}
-.content-element[data-v-8d4e1cd3]::after {
-  content: "";
-  display: none;
-  position: absolute;
-  top: 0;
-  right: -0.125rem;
-  width: 0.125rem;
-  height: 100%;
-}
-.content-element.focused[data-v-8d4e1cd3] {
-  border: 1px dashed #1de9b6;
-}
-.content-element.focused[data-v-8d4e1cd3]::after {
-  display: block;
-  background: #1de9b6;
-}
-.content-element.selected[data-v-8d4e1cd3] {
-  border: 1px dashed #ff4081;
-}
-.content-element.selected[data-v-8d4e1cd3]::after {
-  display: block;
-  background: #ff4081;
-}
-.frame[data-v-8d4e1cd3] {
-  padding: 10px 20px;
-  border: 1px solid #e1e1e1;
-}
-.element-actions[data-v-8d4e1cd3] {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: -0.0625rem;
-  right: -2.5rem;
-  width: 3rem;
-  height: 100%;
-  padding-left: 0.75rem;
-}
-.element-actions[data-v-8d4e1cd3] > * {
-  min-height: 1.75rem;
-  opacity: 0;
-  transition: opacity 0.1s linear;
-}
-.element-actions > .is-visible[data-v-8d4e1cd3] {
-  opacity: 1;
-  transition: opacity 0.5s linear;
-}
-.active-users[data-v-8d4e1cd3] {
-  position: absolute;
-  top: 0;
-  left: -1.625rem;
-}
-.save-indicator[data-v-8d4e1cd3] {
-  position: absolute;
-  left: 0;
-}
-.header[data-v-8d4e1cd3] {
-  width: 100%;
-  max-height: 0;
-}
-.header.visible[data-v-8d4e1cd3] {
-  max-height: unset;
-  padding: 0 0 0.5rem;
-}
-.diff.new[data-v-8d4e1cd3] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
-}
-.diff.changed[data-v-8d4e1cd3], .diff.removed[data-v-8d4e1cd3] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
-}
-.diff .element-actions[data-v-8d4e1cd3] {
-  display: none;
-}.drag-handle[data-v-1d6d5e96] {
-  position: absolute;
-  left: -0.1875rem;
-  z-index: 2;
-  width: 1.625rem;
-  opacity: 0;
-}
-.drag-handle .mdi[data-v-1d6d5e96] {
-  color: #888;
-  font-size: 1.75rem;
-}
-.hovered .drag-handle[data-v-1d6d5e96] {
-  opacity: 1;
-  transition: opacity 0.6s ease-in-out;
-  cursor: pointer;
-}
-.disabled .drag-handle[data-v-1d6d5e96] {
-  display: none;
-}
-.contained-content[data-v-1d6d5e96] {
-  position: relative;
-  margin: 7px 0;
-  padding: 0;
-}.content-element[data-v-c749c875] {
-  border: 1px solid #e1e1e1;
-}
-.content-element.selected[data-v-c749c875] {
-  border-style: dashed;
-  border-color: #444;
-}
-.content-element.selected[data-v-c749c875]::after {
-  display: none;
-}
-.element-wrapper[data-v-c749c875] {
-  position: relative;
-}
-.open-element-button[data-v-c749c875] {
-  position: absolute;
-  top: -0.75rem;
-  right: -0.75rem;
-}.dialog-title[data-v-7d729e58] {
-  display: flex;
-}
-.dialog-title .text-truncate[data-v-7d729e58] {
-  flex: 1;
-  text-align: left;
-}.v-treeview[data-v-2114afc6] {
-  max-height: 31.25rem;
-}.element-container[data-v-967e64fb] {
-  min-height: 20rem;
-  padding: 0 0 1.875rem;
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-  overflow: hidden;
-}
-.group-heading[data-v-967e64fb] {
-  margin: 0 2.5rem 0.75rem;
-  padding-top: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1rem;
-  text-align: left;
-}
-.group-elements[data-v-967e64fb] {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0 2.25rem;
-}
-.add-element[data-v-967e64fb] {
-  width: 8.125rem;
-  min-width: 8.125rem;
-  height: auto !important;
-  min-height: 4.75rem;
-  padding: 0.5rem 0.375rem !important;
-}
-.add-element[data-v-967e64fb] .v-btn__content {
-  text-transform: none;
-}
-.add-element[data-v-967e64fb] .v-btn__prepend {
-  margin-bottom: 0.25rem;
-}/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
-.list-group[data-v-e7b25d51] {
-  padding: 0.625rem 1.5rem;
-}
-[data-v-e7b25d51] .sortable-ghost .drag-handle {
-  display: none;
-}
-[data-v-e7b25d51] .sortable-ghost .content-element {
-  max-height: 9.375rem;
-  background: #f4f5f5;
-}
-[data-v-e7b25d51] .sortable-ghost .content-element > * {
-  visibility: hidden;
-}
-[data-v-e7b25d51] .sortable-drag .content-element {
-  max-height: auto;
-  background: #fff;
-}.default-activator-state[data-v-31c6a0cf], .inline-activator.disabled[data-v-31c6a0cf], .inline-activator.disabled[data-v-31c6a0cf]:hover, .inline-activator[data-v-31c6a0cf] {
-  padding: 0 3.125rem;
-  opacity: 0;
-}
-.inline-activator[data-v-31c6a0cf] {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin: 0;
-  padding: 0 3.125rem;
-  opacity: 0;
-  transition: opacity 0.3s, padding 0.3s;
-}
-.inline-activator hr[data-v-31c6a0cf] {
-  flex: 1;
-  display: inline-flex;
-  margin: 0;
-  border-top: 0.0625rem solid #455a64;
-}
-.inline-activator[data-v-31c6a0cf]:hover, .inline-activator[data-v-31c6a0cf]:focus {
-  padding: 0 0 1.25rem 0;
-  opacity: 1;
-  outline: none;
-  transition: opacity 0.3s 0.25s, padding 0.3s 0.1s;
-}
-.inline-activator.disabled[data-v-31c6a0cf], .inline-activator.disabled[data-v-31c6a0cf]:hover {
-  pointer-events: none;
-}.list-item[data-v-cf214b0a] .v-list-item__append i {
-  opacity: 1 !important;
-}
-.list-item.readonly[data-v-cf214b0a] {
-  pointer-events: none;
-}
-.list-item.readonly .v-btn[data-v-cf214b0a] {
-  pointer-events: auto;
-}
-.list-item-active[data-v-cf214b0a] {
-  color: #f9c2d5;
-}.v-list-group[data-v-a5d65e4d] {
-  --list-indent-size: 0.75rem;
-}.file-name[data-v-2d9a2a84] {
-  font-size: 1rem;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.v-overlay[data-v-2d9a2a84] {
-  transition: all 0.3s ease;
-}
-.v-overlay.expanded[data-v-2d9a2a84] {
-  backdrop-filter: blur(18px);
-}
-.v-overlay[data-v-2d9a2a84] img {
-  max-width: 100%;
-}
-.v-label[data-v-2d9a2a84] {
-  opacity: 0.65;
-}.v-sheet[data-v-b3ca3b5a] {
-  display: flex;
-  padding: 0.25rem;
-  gap: 0.125rem;
-}
-.v-sheet .v-divider[data-v-b3ca3b5a] {
-  margin: 0 0.125rem;
-}
-.v-btn[data-v-b3ca3b5a] {
-  color: currentColor !important;
-}
-.v-btn[data-v-b3ca3b5a] .v-icon {
-  font-size: 1.24rem !important;
-}[data-v-1c744653] .ProseMirror {
-  overflow-y: auto;
-  outline: none;
-  width: 100%;
-}
-[data-v-1c744653] .ProseMirror > * + * {
-  margin-top: 0.75em;
-}
-[data-v-1c744653] .ProseMirror ul,[data-v-1c744653] .ProseMirror ol {
-  padding: 0 1rem;
-}
-[data-v-1c744653] .ProseMirror pre {
-  background: #0d0d0d;
-  color: #fff;
-  padding: 0.75rem 1rem;
-  border-radius: 0.5rem;
-}
-[data-v-1c744653] .ProseMirror pre code {
-  color: inherit;
-  padding: 0;
-  background: none;
-  font-size: 0.8rem;
-}
-[data-v-1c744653] .ProseMirror blockquote {
-  padding-left: 1rem;
-  border-left: 2px solid color-mix(in srgb, currentColor 20%, transparent);
-}
-.v-field--center-affix[data-v-1c744653] .v-label.v-field-label:not(.v-field-label--floating) {
-  top: calc(50% - 1.125rem);
-}[data-v-bc8a4bf2] .add-element-container {
-  margin-top: 1rem !important;
-}
-[data-v-bc8a4bf2] .add-element-container .v-btn {
-  margin-top: 0 !important;
-  margin-bottom: 0.5rem !important;
-}
-[data-v-bc8a4bf2] .list-group {
-  padding: 1rem 2.5rem;
-}
-[data-v-bc8a4bf2] .list-group .contained-content {
-  margin: 0;
-}
-[data-v-bc8a4bf2] .v-input__details {
-  padding-inline: 1rem;
-}
-.question[data-v-bc8a4bf2] {
-  position: relative;
-}
-.question[data-v-bc8a4bf2]::after {
-  content: "";
-  position: absolute;
-  height: 100%;
-  left: 0;
-  top: 0;
-  width: 100%;
-  border: 1px solid currentColor;
-  opacity: 0.38;
-  pointer-events: none;
-  border-radius: inherit;
-  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.question.focused[data-v-bc8a4bf2]::after {
-  opacity: 1;
-  border-width: 2px;
-}
-.question[data-v-bc8a4bf2]:hover::after {
-  opacity: 0.87;
-}
-.v-input--error .question[data-v-bc8a4bf2]::after {
-  color: rgb(var(--v-theme-error));
-  opacity: 1;
-}[data-v-da04ead1] .v-input__control {
-  flex-wrap: wrap;
-}.drag-handle[data-v-1a62f88d] {
-  margin: 0.625rem 0 0.625rem -0.5rem;
-}
-.diff.new[data-v-1a62f88d] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
-}
-.diff.changed[data-v-1a62f88d], .diff.removed[data-v-1a62f88d] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
-}/*!
+/*!
  * Quill Editor v2.0.3
  * https://quilljs.com
  * Copyright (c) 2017-2024, Slab
@@ -556,20 +57,28 @@
   transition: none;
   margin-left: 16px;
   padding-right: 8px;
-}.tce-container[data-v-0a28b1f1] {
+}.tce-container[data-v-48178d4c] {
   text-align: left;
 }
-.ql-container.ql-snow[data-v-0a28b1f1] {
+.ql-container.ql-snow[data-v-48178d4c] {
   border: none;
   font-size: 1rem;
 }
-[data-v-0a28b1f1] .ql-editor {
-  min-height: 10.5rem;
+.placeholder[data-v-48178d4c] {
+  color: rgba(0, 0, 0, 0.5);
+}
+[data-v-48178d4c] .ql-editor {
+  min-height: 5rem;
+  padding: 0.5rem;
 }
-[data-v-0a28b1f1] .ql-editor.ql-blank::before {
+[data-v-48178d4c] .ql-editor.ql-blank::before {
   width: 100%;
+  color: rgba(0, 0, 0, 0.5);
+  font-style: normal;
+  left: 0.5rem;
+  right: 0.5rem;
 }
-[data-v-0a28b1f1] .ql-editor img {
+[data-v-48178d4c] .ql-editor img {
   vertical-align: initial;
 }.tce-html-toolbar {
   display: flex;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { ElementManifest } from '@tailor-cms/ce-quill-html-manifest';
+import Edit from './components/Edit.vue';
+import TopToolbar from './components/TopToolbar.vue';
+declare const manifest: ElementManifest;
+export default manifest;
+export { Edit, TopToolbar };