@tailor-cms/ce-accordion-edit 0.0.10 → 0.0.12

package/dist/style.css

@@ -1,510 +1,29 @@
-.user-avatar-container[data-v-45935d71] {
-  padding: 0.125rem;
-  overflow: hidden !important;
+.v-expansion-panel[data-v-15f10ea6] {
+  border: thin solid rgba(0, 0, 0, 0.12);
 }
-.user-avatar-container .user-avatar[data-v-45935d71] {
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 50%;
-}.header[data-v-be7786f0] {
-  display: flex;
-  align-items: flex-start;
-}
-.header .info-container[data-v-be7786f0] {
-  display: flex;
-  flex-direction: column;
-  flex: 0 100%;
-  max-width: calc(100% - 12rem);
-  margin-left: 0.75rem;
-}
-.header .info-container .author[data-v-be7786f0] {
-  display: inline-block;
-  max-width: 75%;
-  font-size: 1rem;
-}
-.header .info-container .edited[data-v-be7786f0],
-.header .info-container .time[data-v-be7786f0] {
-  font-size: 0.75rem;
-}
-.header .info-container hr.v-divider--vertical[data-v-be7786f0] {
-  margin: 0.25rem 0.125rem 0.125rem 0.625rem;
-}
-.header .info-container[data-v-be7786f0] .editor-link {
-  display: inline-flex;
-  align-self: flex-end;
-}
-.header .actions[data-v-be7786f0] {
-  margin-left: auto;
-}.content[data-v-40deed1f] {
-  margin-top: 0.375rem;
-}
-.content pre[data-v-40deed1f] {
-  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-40deed1f] {
-  opacity: 0.7;
-}
-.content.resolved .resolvement-options[data-v-40deed1f] {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.25rem;
-  font-size: 0.75rem;
-}.comment[data-v-a3fef950] {
-  display: flex;
-  flex-direction: column;
-  font-family: Roboto, Arial, sans-serif;
-}
-.comment-body[data-v-a3fef950] {
-  flex: 1;
-  padding: 0 0.25rem 0 3.25rem;
-}
-.comment-editor.v-textarea[data-v-a3fef950] {
-  margin: 0.75rem 0 0 0;
-}
-.comment-editor.v-textarea[data-v-a3fef950] .v-input__slot {
-  width: auto;
-}.thread-list[data-v-4ecec4f3] {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.thread-list .thread-list-item .v-divider[data-v-4ecec4f3] {
-  margin: 0 0.25rem 1rem 0.25rem;
-  color: #fafafa;
-  opacity: 0.3;
-}
-.thread-list .thread-list-item:first-child .v-divider[data-v-4ecec4f3] {
-  display: none;
-}.unseen-divider[data-v-4263ea62] {
-  text-align: center;
-}
-.unseen-divider .v-divider[data-v-4263ea62] {
-  margin: 1rem 0 0.25rem;
-}
-.unseen-divider[data-v-4263ea62] .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-4263ea62] .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-07bad38e] {
-  width: 100%;
-}
-.discussion-thread.scroll-container[data-v-07bad38e] {
-  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-07bad38e]::-webkit-scrollbar {
-  display: none !important;
-}
-.discussion-thread .fade-enter-active[data-v-07bad38e],
-.discussion-thread .fade-leave-active[data-v-07bad38e] {
-  transition: opacity 0.5s;
-}
-.discussion-thread .fade-enter[data-v-07bad38e],
-.discussion-thread .fade-leave-to[data-v-07bad38e] {
-  opacity: 0;
-}.embedded-discussion[data-v-99396f68] {
-  font-family: Roboto, Arial, sans-serif;
-}
-.embedded-discussion .discussion-heading[data-v-99396f68] {
-  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-99396f68] {
-  display: flex;
-  justify-content: flex-end;
-  margin: 0.5rem 0 0 0;
-}
-.embedded-discussion .header[data-v-99396f68] {
-  margin: 0.75rem 0 1.25rem 0;
-  font-size: 1.125rem;
-  font-weight: 400;
-}
-.embedded-discussion .comment-input[data-v-99396f68] {
-  margin: 0 0.25rem 0 0.25rem;
-}
-.embedded-discussion .alert[data-v-99396f68] .v-icon {
-  color: var(--v-primary-darken2) !important;
-}
-.embedded-discussion .v-input[data-v-99396f68] textarea::placeholder {
-  opacity: 0.85;
-}[data-v-338458c5] .v-menu__content {
-  background: #fff;
-}
-[data-v-338458c5] .v-menu__content .embedded-discussion {
-  text-align: left;
-}
-[data-v-338458c5] .v-menu__content .comment .author {
-  font-size: 0.875rem;
-}
-[data-v-338458c5] .comment-body {
-  padding: 0 0.25rem 0 3.9375rem;
-}
-.unseen[data-v-338458c5] {
-  font-size: 0.75rem;
-}.content-element[data-v-383f7426] {
-  position: relative;
-  border: 1px solid transparent;
-}
-.content-element[data-v-383f7426]::after {
-  content: "";
-  display: none;
-  position: absolute;
-  top: 0;
-  right: -0.125rem;
-  width: 0.125rem;
-  height: 100%;
-}
-.content-element.focused[data-v-383f7426] {
-  border: 1px dashed #1de9b6;
-}
-.content-element.focused[data-v-383f7426]::after {
-  display: block;
-  background: #1de9b6;
-}
-.content-element.selected[data-v-383f7426] {
-  border: 1px dashed #ff4081;
-}
-.content-element.selected[data-v-383f7426]::after {
-  display: block;
-  background: #ff4081;
-}
-.frame[data-v-383f7426] {
-  padding: 10px 20px;
-  border: 1px solid #e1e1e1;
-}
-.element-actions[data-v-383f7426] {
-  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-383f7426] {
-  min-height: 1.75rem;
-  opacity: 0;
-  transition: opacity 0.1s linear;
-}
-.element-actions > .is-visible[data-v-383f7426] {
-  opacity: 1;
-  transition: opacity 0.5s linear;
-}
-.active-users[data-v-383f7426] {
-  position: absolute;
-  top: 0;
-  left: -1.625rem;
-}
-.save-indicator[data-v-383f7426] {
-  position: absolute;
-  left: 0;
-}
-.header[data-v-383f7426] {
-  width: 100%;
-  max-height: 0;
-}
-.header.visible[data-v-383f7426] {
-  max-height: unset;
-  padding: 0 0 0.5rem;
-}
-.diff.new[data-v-383f7426] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
-}
-.diff.changed[data-v-383f7426], .diff.removed[data-v-383f7426] {
-  border: none;
-  box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
-}
-.diff .element-actions[data-v-383f7426] {
-  display: none;
-}.drag-handle[data-v-c1b775ac] {
-  position: absolute;
-  left: -0.1875rem;
-  z-index: 2;
-  width: 1.625rem;
-  opacity: 0;
-}
-.drag-handle .mdi[data-v-c1b775ac] {
-  color: #888;
-  font-size: 1.75rem;
-}
-.hovered .drag-handle[data-v-c1b775ac] {
-  opacity: 1;
-  transition: opacity 0.6s ease-in-out;
-  cursor: pointer;
-}
-.disabled .drag-handle[data-v-c1b775ac] {
-  display: none;
-}
-.contained-content[data-v-c1b775ac] {
-  position: relative;
-  margin: 7px 0;
-  padding: 0;
-}.content-element[data-v-30027808] {
-  border: 1px solid #e1e1e1;
-}
-.content-element.selected[data-v-30027808] {
-  border-style: dashed;
-  border-color: #444;
-}
-.content-element.selected[data-v-30027808]::after {
-  display: none;
-}
-.element-wrapper[data-v-30027808] {
-  position: relative;
-}
-.open-element-button[data-v-30027808] {
-  position: absolute;
-  top: -0.75rem;
-  right: -0.75rem;
-}.dialog-title[data-v-7f696b46] {
-  display: flex;
-}
-.dialog-title .text-truncate[data-v-7f696b46] {
-  flex: 1;
-  text-align: left;
-}.v-treeview[data-v-eedd142d] {
-  max-height: 31.25rem;
-}.element-container[data-v-52ffe34b] {
-  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-52ffe34b] {
-  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-52ffe34b] {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0 2.25rem;
-}
-.add-element[data-v-52ffe34b] {
-  width: 8.125rem;
-  min-width: 8.125rem;
-  height: auto !important;
-  min-height: 4.75rem;
-  padding: 0.5rem 0.375rem !important;
-}
-.add-element[data-v-52ffe34b] .v-btn__content {
-  text-transform: none;
-}
-.add-element[data-v-52ffe34b] .v-btn__prepend {
-  margin-bottom: 0.25rem;
-}/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
-.list-group[data-v-72a17b8e] {
-  padding: 0.625rem 1.5rem;
-}
-[data-v-72a17b8e] .sortable-ghost .drag-handle {
-  display: none;
-}
-[data-v-72a17b8e] .sortable-ghost .content-element {
-  max-height: 9.375rem;
-  background: #f4f5f5;
-}
-[data-v-72a17b8e] .sortable-ghost .content-element > * {
-  visibility: hidden;
-}
-[data-v-72a17b8e] .sortable-drag .content-element {
-  max-height: auto;
-  background: #fff;
-}.default-activator-state[data-v-8bab654d], .inline-activator.disabled[data-v-8bab654d], .inline-activator.disabled[data-v-8bab654d]:hover, .inline-activator[data-v-8bab654d] {
-  padding: 0 3.125rem;
-  opacity: 0;
-}
-.inline-activator[data-v-8bab654d] {
-  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-8bab654d] {
-  flex: 1;
-  display: inline-flex;
-  margin: 0;
-  border-top: 0.0625rem solid #455a64;
-}
-.inline-activator[data-v-8bab654d]:hover, .inline-activator[data-v-8bab654d]: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-8bab654d], .inline-activator.disabled[data-v-8bab654d]:hover {
-  pointer-events: none;
-}.list-item[data-v-bb7ebfba] .v-list-item__append i {
-  opacity: 1 !important;
-}
-.list-item.readonly[data-v-bb7ebfba] {
-  pointer-events: none;
-}
-.list-item.readonly .v-btn[data-v-bb7ebfba] {
-  pointer-events: auto;
-}
-.list-item-active[data-v-bb7ebfba] {
-  color: #f9c2d5;
-}.v-list-group[data-v-aa0a487f] {
-  --list-indent-size: 0.75rem;
-}.file-name[data-v-d2256d71] {
-  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-d2256d71] {
-  transition: all 0.3s ease;
-}
-.v-overlay.expanded[data-v-d2256d71] {
-  backdrop-filter: blur(18px);
-}
-.v-overlay[data-v-d2256d71] img {
-  max-width: 100%;
-}
-.v-label[data-v-d2256d71] {
-  opacity: 0.65;
-}.v-sheet[data-v-9f40ea62] {
-  display: flex;
-  padding: 0.25rem;
-  gap: 0.125rem;
-}
-.v-sheet .v-divider[data-v-9f40ea62] {
-  margin: 0 0.125rem;
-}
-.v-btn[data-v-9f40ea62] {
-  color: currentColor !important;
-}
-.v-btn[data-v-9f40ea62] .v-icon {
-  font-size: 1.24rem !important;
-}[data-v-46860bbe] .ProseMirror {
-  overflow-y: auto;
-  outline: none;
-  width: 100%;
-}
-[data-v-46860bbe] .ProseMirror > * + * {
-  margin-top: 0.75em;
-}
-[data-v-46860bbe] .ProseMirror ul,[data-v-46860bbe] .ProseMirror ol {
-  padding: 0 1rem;
-}
-[data-v-46860bbe] .ProseMirror pre {
-  background: #0d0d0d;
-  color: #fff;
-  padding: 0.75rem 1rem;
-  border-radius: 0.5rem;
-}
-[data-v-46860bbe] .ProseMirror pre code {
-  color: inherit;
-  padding: 0;
-  background: none;
-  font-size: 0.8rem;
-}
-[data-v-46860bbe] .ProseMirror blockquote {
-  padding-left: 1rem;
-  border-left: 2px solid color-mix(in srgb, currentColor 20%, transparent);
-}
-.v-field--center-affix[data-v-46860bbe] .v-label.v-field-label:not(.v-field-label--floating) {
-  top: calc(50% - 1.125rem);
-}[data-v-e9b75b4e] .add-element-container {
-  margin-top: 1rem !important;
-}
-[data-v-e9b75b4e] .add-element-container .v-btn {
-  margin-top: 0 !important;
-  margin-bottom: 0.5rem !important;
-}
-[data-v-e9b75b4e] .list-group {
-  padding: 1rem 2.5rem;
-}
-[data-v-e9b75b4e] .list-group .contained-content {
-  margin: 0;
-}
-[data-v-e9b75b4e] .v-input__details {
-  padding-inline: 1rem;
-}
-.question[data-v-e9b75b4e] {
-  position: relative;
-}
-.question[data-v-e9b75b4e]::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-e9b75b4e]::after {
-  opacity: 1;
-  border-width: 2px;
-}
-.question[data-v-e9b75b4e]:hover::after {
-  opacity: 0.87;
-}
-.v-input--error .question[data-v-e9b75b4e]::after {
-  color: rgb(var(--v-theme-error));
-  opacity: 1;
-}[data-v-0c4fbd95] .v-input__control {
-  flex-wrap: wrap;
-}.accordion-title[data-v-e73c8d01] {
+.accordion-title[data-v-15f10ea6] {
   font-size: 1rem;
   font-weight: 500;
   letter-spacing: 0.009375em;
 }
-.v-input[data-v-e73c8d01] {
+.v-input[data-v-15f10ea6] {
   position: relative;
 }
-.v-input[data-v-e73c8d01] .v-input__details {
+.v-input[data-v-15f10ea6] .v-input__details {
   position: absolute;
   padding: 0 !important;
   z-index: 9;
 }
-.v-input[data-v-e73c8d01] .v-input__details .v-messages__message {
+.v-input[data-v-15f10ea6] .v-input__details .v-messages__message {
   margin-top: 0.25rem;
   border-radius: 4px;
   padding: 0.5rem 0.75rem;
   background: #424242;
   color: #fff !important;
-}.tce-accordion[data-v-3645ad06] {
+}.tce-accordion[data-v-9edcde9f] {
   text-align: left;
   margin: 1rem 0;
+}
+[data-v-9edcde9f] .sortable-ghost > * {
+  visibility: hidden;
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS accordion element",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -25,13 +25,12 @@
     "typescript": "^5.1.6",
     "vite": "^4.4.5",
     "vue-tsc": "^1.8.5",
-    "@tailor-cms/ce-accordion-manifest": "0.0.10"
+    "@tailor-cms/ce-accordion-manifest": "0.0.12"
   },
   "dependencies": {
-    "@paralleldrive/cuid2": "^2.2.2",
-    "@tailor-cms/core-components": "^1.0.24",
     "lodash": "^4.17.21",
-    "sortablejs": "^1.15.3"
+    "sortablejs": "^1.15.3",
+    "uuid": "^11.0.5"
   },
   "publishConfig": {
     "access": "public"