@alpaca-headless/alpaca-headless-nextjs 1.0.27 → 1.0.128

package/dist/editor.css

@@ -1,3 +1,11 @@
+.a-pointer-events-none {
+  pointer-events: none;
+}
+
+.a-fixed {
+  position: fixed;
+}
+
 .a-absolute {
   position: absolute;
 }
@@ -10,21 +18,68 @@
   inset: 0px;
 }
 
+.-a-bottom-1 {
+  bottom: -0.25rem;
+}
+
+.-a-right-2 {
+  right: -0.5rem;
+}
+
+.a-left-1\/2 {
+  left: 50%;
+}
+
 .a-right-0 {
   right: 0px;
 }
 
+.a-right-3 {
+  right: 0.75rem;
+}
+
+.a-right-px {
+  right: 1px;
+}
+
 .a-top-0 {
   top: 0px;
 }
 
+.a-top-1\/2 {
+  top: 50%;
+}
+
+.a-top-3 {
+  top: 0.75rem;
+}
+
+.a-top-px {
+  top: 1px;
+}
+
+.a-z-10 {
+  z-index: 10;
+}
+
+.a-z-1000 {
+  z-index: 1000;
+}
+
+.a-z-50 {
+  z-index: 50;
+}
+
 .a-m-1 {
   margin: 0.25rem;
 }
 
-.a-mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.a-m-2 {
+  margin: 0.5rem;
+}
+
+.a-m-3 {
+  margin: 0.75rem;
 }
 
 .a-my-2 {
@@ -32,6 +87,14 @@
   margin-bottom: 0.5rem;
 }
 
+.a-mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.a-mb-3 {
+  margin-bottom: 0.75rem;
+}
+
 .a-ml-1 {
   margin-left: 0.25rem;
 }
@@ -40,10 +103,22 @@
   margin-left: 0.75rem;
 }
 
+.a-mt-1 {
+  margin-top: 0.25rem;
+}
+
 .a-mt-3 {
   margin-top: 0.75rem;
 }
 
+.a-mt-5 {
+  margin-top: 1.25rem;
+}
+
+.a-block {
+  display: block;
+}
+
 .a-flex {
   display: flex;
 }
@@ -52,30 +127,102 @@
   display: grid;
 }
 
+.a-hidden {
+  display: none;
+}
+
+.a-h-10 {
+  height: 2.5rem;
+}
+
 .a-h-24 {
   height: 6rem;
 }
 
+.a-h-28 {
+  height: 7rem;
+}
+
+.a-h-4 {
+  height: 1rem;
+}
+
+.a-h-52 {
+  height: 13rem;
+}
+
+.a-h-64 {
+  height: 16rem;
+}
+
+.a-h-96 {
+  height: 24rem;
+}
+
+.a-h-\[calc\(100\%-25px\)\] {
+  height: calc(100% - 25px);
+}
+
 .a-h-full {
   height: 100%;
 }
 
+.a-w-10 {
+  width: 2.5rem;
+}
+
 .a-w-24 {
   width: 6rem;
 }
 
-.a-w-full {
-  width: 100%;
+.a-w-28 {
+  width: 7rem;
+}
+
+.a-w-4 {
+  width: 1rem;
 }
 
-.a-max-w-sm {
-  max-width: 24rem;
+.a-w-96 {
+  width: 24rem;
+}
+
+.a-w-full {
+  width: 100%;
 }
 
 .a-flex-1 {
   flex: 1 1 0%;
 }
 
+.-a-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.a--translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.a--translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-a-rotate-45 {
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.a-transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.a-cursor-default {
+  cursor: default;
+}
+
 .a-cursor-grab {
   cursor: grab;
 }
@@ -84,12 +231,30 @@
   cursor: move;
 }
 
+.a-cursor-nwse-resize {
+  cursor: nwse-resize;
+}
+
 .a-cursor-pointer {
   cursor: pointer;
 }
 
-.a-grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+.a-select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.a-resize {
+  resize: both;
+}
+
+.a-grid-cols-\[min-content_1fr\] {
+  grid-template-columns: min-content 1fr;
+}
+
+.a-grid-cols-\[repeat\(auto-fill\,_minmax\(70px\,_1fr\)\)\] {
+  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
 }
 
 .a-flex-col {
@@ -136,10 +301,8 @@
   gap: 0.75rem;
 }
 
-.a-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+.a-gap-4 {
+  gap: 1rem;
 }
 
 .a-overflow-auto {
@@ -150,6 +313,10 @@
   overflow: hidden;
 }
 
+.a-overflow-scroll {
+  overflow: scroll;
+}
+
 .a-overflow-y-auto {
   overflow-y: auto;
 }
@@ -158,16 +325,20 @@
   overflow-x: hidden;
 }
 
+.a-whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .a-break-all {
   word-break: break-all;
 }
 
-.a-rounded-none {
-  border-radius: 0px;
+.a-rounded-full {
+  border-radius: 9999px;
 }
 
-.a-rounded-xl {
-  border-radius: 0.75rem;
+.a-rounded-none {
+  border-radius: 0px;
 }
 
 .a-border {
@@ -178,23 +349,77 @@
   border-width: 0px;
 }
 
+.a-border-2 {
+  border-width: 2px;
+}
+
 .a-border-b {
   border-bottom-width: 1px;
 }
 
+.a-border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.a-border-l-4 {
+  border-left-width: 4px;
+}
+
 .a-border-r {
   border-right-width: 1px;
 }
 
+.a-border-t {
+  border-top-width: 1px;
+}
+
 .a-border-t-2 {
   border-top-width: 2px;
 }
 
+.a-border-dashed {
+  border-style: dashed;
+}
+
+.a-border-none {
+  border-style: none;
+}
+
+.a-border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+}
+
 .a-border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
+.a-border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgb(31 41 55 / var(--tw-border-opacity));
+}
+
+.a-border-orange-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 146 60 / var(--tw-border-opacity));
+}
+
+.a-border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(192 132 252 / var(--tw-border-opacity));
+}
+
+.a-border-sky-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 189 248 / var(--tw-border-opacity));
+}
+
+.a-bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+
 .a-bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -205,6 +430,16 @@
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
+.a-bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
+.a-bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
 .a-bg-orange-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
@@ -225,6 +460,15 @@
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.a-bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
+.a-object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
 .a-p-0 {
   padding: 0px;
 }
@@ -233,8 +477,12 @@
   padding: 0.25rem;
 }
 
-.a-p-10 {
-  padding: 2.5rem;
+.a-p-1\.5 {
+  padding: 0.375rem;
+}
+
+.a-p-12 {
+  padding: 3rem;
 }
 
 .a-p-2 {
@@ -249,8 +497,13 @@
   padding: 1rem;
 }
 
-.a-p-6 {
-  padding: 1.5rem;
+.a-p-8 {
+  padding: 2rem;
+}
+
+.a-px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
 .a-px-3 {
@@ -258,6 +511,50 @@
   padding-right: 0.75rem;
 }
 
+.a-py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.a-pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.a-pr-3 {
+  padding-right: 0.75rem;
+}
+
+.a-pt-3 {
+  padding-top: 0.75rem;
+}
+
+.a-pt-3px {
+  padding-top: 3px;
+}
+
+.a-pt-6 {
+  padding-top: 1.5rem;
+}
+
+.a-text-center {
+  text-align: center;
+}
+
+.a-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.a-text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.a-text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .a-text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -272,17 +569,13 @@
   font-weight: 700;
 }
 
-.a-font-medium {
-  font-weight: 500;
-}
-
 .a-font-semibold {
   font-weight: 600;
 }
 
-.a-text-black {
+.a-text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
 .a-text-gray-300 {
@@ -300,11 +593,35 @@
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
+.a-text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
+.a-text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+
+.a-text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+
+.a-text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
 .a-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.a-opacity-50 {
+  opacity: 0.5;
+}
+
 .a-shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -317,27 +634,53 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.a-shadow-blue-500\/50 {
+  --tw-shadow-color: rgb(59 130 246 / 0.5);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
 .a-ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.a-ring-orange-400 {
+.a-ring-red-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
 }
 
-.a-ring-purple-400 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity));
+.a-drop-shadow {
+  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.a-ring-red-500 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
+.a-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.a-duration-200 {
+  transition-duration: 200ms;
 }
 
+/* @font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+} */
+
+/* .p-blockui-container {
+  --font-family: "Open Sans";
+} */
+
 .alpaca-no-border {
   border: none !important;
 }
@@ -347,8 +690,7 @@
 }
 
 .alpaca-editor-content {
-  height: calc(100vh - 70px);
-  padding: 3px;
+  height: calc(100vh - 50px);
 }
 
 .alpaca-component-selected {
@@ -361,30 +703,16 @@
   font-weight: bold;
 }
 
-.alpaca-fields-section-headline {
-  background: #f0f0f0;
-  padding: 8px;
-  margin-top: 30px;
-}
-
-.alpaca-field-label {
-  font-weight: bolder;
-  display: block;
-  margin: 15px 0 5px 0;
-}
-
-.alpaca-editor-tabs {
-  overflow: hidden;
-  position: relative;
+.p-tabview-panels {
+  padding: 0;
 }
 
 .alpaca-editor-tabs div.p-tabview-panels {
   overflow: auto;
-  height: calc(100% - 60px);
-  padding: 0;
+  height: calc(100% - 49px);
 }
 
-.alpaca-editor.p-splitter {
+.p-splitter {
   border: 0;
   border-radius: 0;
 }
@@ -425,28 +753,16 @@ div.p-tree .p-treenode-droppoint {
   height: 3px;
 }
 
-.ape-placeholder {
-  transition: all 0.3s;
-  display: flex;
-  justify-items: center;
-  align-items: center;
-  background: #eee;
-  cursor: pointer;
-  padding: 20px;
-  visibility: visible;
-  opacity: 1;
-}
-
-.ape-placeholder > div {
+.a-placeholder > div {
   opacity: 1;
   transition: 0.3s;
 }
 
-.ape-placeholder.ape-hidden > div {
+.a-placeholder.a-hidden > div {
   opacity: 0;
 }
 
-.ape-placeholder.ape-hidden {
+.a-placeholder.a-hidden {
   height: 0;
   width: 0;
   padding: 0;
@@ -455,13 +771,18 @@ div.p-tree .p-treenode-droppoint {
   transition: none;
 }
 
-.ap-editframe.ap-removed {
-  transition: all 1.5s;
+.a-editframe.a-removed {
+  transition: all 0.7s;
   opacity: 0;
 }
 
 .p-dropdown-label.p-inputtext {
   padding: 8px;
+  font-size: 14px;
+}
+
+.p-inputtext {
+  padding: 7px;
 }
 
 div.p-tabview .p-tabview-nav li .p-tabview-nav-link {
@@ -474,10 +795,147 @@ div.p-tabview .p-tabview-nav li .p-tabview-nav-link {
   font-size: 18px;
 }
 
+.a-inserting-placeholder {
+  min-width: 50px;
+}
+
+.a-editframe:has(.a-placeholder-dropzone) {
+  min-height: 60px;
+}
+
+.p-dialog-header {
+  background-color: #f0f0f0;
+}
+
+.p-dialog-content:has(.p-confirm-dialog-message) {
+  padding-top: 18px;
+}
+
+.p-tree-toggler {
+  height: 26px;
+  width: 18px;
+}
+
+.p-blockui-container {
+  overflow: hidden;
+}
+
+.a-h-fill-available {
+  height: -moz-available;
+  /* WebKit-based browsers will ignore this. */
+  height: -webkit-fill-available;
+  /* Mozilla-based browsers will ignore this. */
+}
+
+.p-listbox-item {
+  padding: 4px;
+}
+
+.p-treenode-content:has(> .a-selected-secondary) {
+  background: #f5f5f5;
+}
+
+.p-menubar-root-list {
+  flex-wrap: nowrap;
+}
+
+.p-menuitem-link {
+  padding: 0.5rem;
+}
+
+.p-tabview-title {
+  font-size: 14px;
+}
+
+.a-mce-selected:has(.a-selected) .a-editframe:not(.a-selected) {
+  display: none;
+}
+
+.a-mce-selected .a-editframe.a-selected {
+  display: block;
+}
+
+.a-mce-selected:not(:has(.a-editframe.a-selected)) .a-editframe:nth-child(2) {
+  display: block;
+}
+
+.a-mce-items {
+  background: #f0f0f0;
+}
+
+.a-mce-items .a-editframe-menu {
+  display: none;
+}
+
+.a-mce-items .a-editframe {
+  cursor: pointer;
+  width: var(--a-mce-thumb-width, 150);
+  height: var(--a-mce-thumb-height, 150);
+  position: relative;
+}
+
+.a-mce-items .a-placeholder {
+  position: relative;
+  width: 200px;
+  moz-transform: scale(0.6);
+  zoom: 0.6;
+}
+
+.a-mce-items .a-editframe > * {
+  position: absolute;
+  inset: 0;
+  justify-content: center;
+  moz-transform: scale(var(--a-mce-thumb-zoom, 0.2));
+  zoom: var(--a-mce-thumb-zoom, 0.2);
+  pointer-events: none;
+}
+
+.a-mce:not(:has(.a-editframe.a-selected)) .a-mce-items {
+  display: none;
+}
+
+div.a-mce > .a-mce-items:has(.a-inserting-placeholder),
+.a-editframe.a-selected > .a-mce .a-mce-items {
+  display: flex;
+}
+
+.a-workbox .p-datatable .p-datatable-tbody > tr > td {
+  padding: 6px 4px;
+}
+
+.a-focused-field .a-focus-shadow {
+  box-shadow: 0 0 7px 0 #48abe0;
+  transition: box-shadow 0.5s ease-in-out;
+}
+
+.p-tooltip-text {
+  padding: 5px;
+  font-size: 12px;
+}
+
+.p-overlaypanel .p-overlaypanel-content {
+  padding: 8px;
+}
+
+.hover\:a-scale-\[1\.1\]:hover {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:a-bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
 .hover\:a-underline:hover {
   text-decoration-line: underline;
 }
 
+.hover\:a-opacity-100:hover {
+  opacity: 1;
+}
+
 .hover\:a-shadow-md:hover {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);