jsonforms-react-spectrum-vite-test/dist/index.dev.mjs

## Complex Forms in the blink of an eye

(function() {
  "use strict";
  try {
    if (typeof document != "undefined") {
      var elementStyle = document.createElement("style");
      elementStyle.appendChild(document.createTextNode(`* {
  font-family: 'Adobe Clean', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
}

button {
  cursor: pointer !important;
}

#jsonforms-wrapper {
  max-width: calc(100% - 47px);
}

.jsonforms-dispatch-container,
.spectrum-array-item-header,
div[class^='spectrum-Textfield'] {
  width: 100%;
}

.spectrum-array-item-name {
  text-align: left;
  width: 100%;
  font-weight: 600;
  padding-left: var(
    --spectrum-actionbutton-text-padding-x,
    var(--spectrum-global-dimension-size-150)
  );
  padding-right: var(
    --spectrum-actionbutton-text-padding-x,
    var(--spectrum-global-dimension-size-150)
  );
  box-sizing: border-box !important;
}

/* Checks if it has a .spectrum-array-item-path, and adds a negative margin */
button:has(.spectrum-array-item-path) .spectrum-array-item-name {
  margin-top: -6px;
}

.spectrum-array-item-path {
  padding-left: var(
    --spectrum-actionbutton-text-padding-x,
    var(--spectrum-global-dimension-size-150)
  );
  padding-right: var(
    --spectrum-actionbutton-text-padding-x,
    var(--spectrum-global-dimension-size-150)
  );
  margin-bottom: 4px;
  box-sizing: border-box !important;
  width: 100%;
  text-align: left;
}

.spectrum-array-item-preview-image {
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-right: 10px;
  margin-left: 2px;
}

.spectrum-array-item-number {
  --spectrum-array-item-number-size: 1.2rem;

  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spectrum-array-item-number-size);
  height: var(--spectrum-array-item-number-size);
  border-radius: 50%;
  overflow: hidden;
  line-height: var(--spectrum-array-item-number-size);
  font-size: 0.75em;
  font-weight: 500;
  text-align: center;
  color: var(--spectrum-tooltip-text-color, var(--spectrum-global-color-static-white));
  flex-shrink: 0;
  background-color: var(
    --spectrum-tooltip-background-color,
    var(--spectrum-global-color-static-gray-700)
  ) !important;
}

.grabbable {
  display: flex;
  width: 50px;
  background-color: transparent;
  fill: var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color));
  border-radius: var(
    --spectrum-actionbutton-quiet-border-radius,
    var(--spectrum-alias-border-radius-regular)
  );
  border-color: transparent;
  margin: -5px -12px -5px 0px;
  touch-action: none;
  min-width: 34px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  outline: none;
}

.grabcursor {
  cursor: move !important; /* fallback if grab cursor is unsupported */
  cursor: grab !important;
  cursor: -webkit-grab !important;
  cursor: -moz-grab !important;
  cursor: -o-grab !important;
  cursor: -ms-grab !important;
}

/* Apply a "closed-hand" cursor during drag operation. */
.grabcursor:active {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -o-grabbing !important;
  cursor: -ms-grabbing !important;
}

.arrow-icon {
  padding: 6px 0px;
}

.grabbable:focus-visible {
  box-shadow: 0 0 0 1px
    var(
      --spectrum-actionbutton-quiet-border-color-key-focus,
      var(--spectrum-alias-border-color-focus)
    );
  border-color: var(
    --spectrum-actionbutton-quiet-border-color-key-focus,
    var(--spectrum-alias-border-color-focus)
  );
  border-width: var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin));
}

.animated-modal-item.animated-modal-item-div.detailed-view {
  background-color: var(--spectrum-global-color-gray-100);
  top: 0;
  z-index: 9000;
  width: 95%;
  min-height: 100%;
  height: 100%;
  flex-grow: 1;
  position: absolute;
  background-color: var(--spectrum-global-color-gray-100);
  overflow-x: hidden;
  overflow-y: auto;

  border-left-color: var(
    --spectrum-alias-border-color-dark,
    var(--spectrum-global-color-dark, var(--spectrum-semantic-dark-color-border))
  );
  border-left-width: var(--spectrum-alias-border-size-thin);
  border-left-style: solid;
}
.animated-modal-item.animated-modal-item-div.detailed-view
  > .jsonforms-dispatch-wrapper
  > .spectrum-array-item-header {
  position: sticky;
  width: 100%;
  padding: 10px 13px 10px 13px;
  margin-top: -12px;
  top: -12px;
  left: 0;

  background-color: var(--spectrum-global-color-gray-100);
  z-index: 1;
  border-bottom-color: var(
    --spectrum-alias-border-color-dark,
    var(--spectrum-global-color-dark, var(--spectrum-semantic-dark-color-border))
  );
  border-bottom-width: var(--spectrum-alias-border-size-thin);
  border-bottom-style: solid;
}

.modal-element,
.array-item-content {
  margin-left: var(--spectrum-global-dimension-size-250, var(--spectrum-alias-size-250)) !important;
  margin-right: var(
    --spectrum-global-dimension-size-250,
    var(--spectrum-alias-size-250)
  ) !important;
  margin-top: 12px !important;
}

.jsonforms-dispatch-container .array-item-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0px !important;
}

.animated-modal-item.animated-modal-item-div.detailed-view
  > .jsonforms-dispatch-wrapper
  > div.spectrum-array-item-header {
  top: 0;
  width: calc(100% - 26px);
}

.list-array-item:has(.jsonforms-dispatch-wrapper) {
  display: flex;
  flex-direction: column;
}

.jsonforms-dispatch-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.jsonforms-dispatch-wrapper:not(:has(section)) > .array-item-content {
  margin: var(--spectrum-global-dimension-size-160, var(--spectrum-alias-size-160));
  border: 2px solid transparent;
}

[class^='spectrum-Tabs_'] {
  margin: var(--spectrum-global-dimension-size-160, var(--spectrum-alias-size-160));
}

section section,
section [class^='spectrum-Tabs_'] {
  margin: 0;
}

.animated-modal-item.dark-background {
  background-color: rgba(0, 0, 0, 1);
  opacity: 0.2;
  z-index: 8000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 95%;
}

.animated-modal-item.animated-modal-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#jsonforms-array-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}

/* Just for the Playground */
.App-Form {
  min-height: 80vh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.jsonforms-dispatch-container label {
  display: none;
}

.jsonforms-dispatch-container section {
  margin: 0 0 0 10px !important;
}

.list-array-item {
  background-color: var(--spectrum-global-color-gray-100);
  padding: 10px !important;
  min-height: 62px !important;
  display: flex;
  align-items: center;
}

.list-array-item:not(:has(.jsonforms-dispatch-wrapper)) {
  height: 62px !important;
}

.list-array-item.no-accordion {
  padding: 8px 12px !important;
}
.list-array-item.no-accordion [class^='spectrum-FieldLabel_'] {
  display: none;
}

.disabledMovement {
  cursor: not-allowed !important;
}

.keyboard-movement {
  fill: var(
    --spectrum-actionbutton-quiet-border-color-key-focus,
    var(--spectrum-alias-border-color-focus)
  );
}
@media (hover: none) and (pointer: coarse) {
  .keyboard-movement {
    fill: inherit;
  }
}

.grabbable .keyboard-user,
.keyboard-user .mouse-drag-handle {
  display: none;
}

.keyboard-user .keyboard-user,
.pointer-user .mouse-user {
  display: flex;
  fill: var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color));
}

.keyboard-user .keyboard-user {
  fill: currentColor;
}

.add-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 62px;
  cursor: pointer;
  background-color: var(--spectrum-global-color-gray-100);
  outline: none;
  padding: 0;
  margin: 0 0 10px 0;
  border-radius: var(--spectrum-alias-border-radius-medium) !important;
  border: 1px dashed
    var(
      --spectrum-alias-border-color-dark,
      var(--spectrum-global-color-dark, var(--spectrum-semantic-dark-color-border))
    ) !important;
}

.add-item:focus {
  outline: none;
}

.add-item:focus-visible {
  outline: none;
  border: 2px solid
    var(
      --spectrum-actionbutton-quiet-border-color-key-focus,
      var(--spectrum-alias-border-color-focus)
    ) !important;
  box-shadow: none;
}

.drag-and-drop-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
  position: relative;
  touch-action: none;
  transform-origin: 50% 50% 0px;
}

.drag-and-drop-item {
  touch-action: none;
  transform-origin: 50% 50% 0px;
  width: 100%;
}

.add-container {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  width: 100%;
  z-index: 80 !important;
}

.add-container:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 3px solid
    var(
      --spectrum-actionbutton-quiet-border-color-key-focus,
      var(--spectrum-alias-border-color-focus)
    );
  background: var(
    --spectrum-actionbutton-quiet-border-color-key-focus,
    var(--spectrum-alias-border-color-focus)
  );
  width: 100%;
  transform: translateY(-50%);
}

.add-container,
.add-container button {
  opacity: 0;
  transition: 0.5s opacity ease-in-out;
}
.add-container:hover,
.add-container:hover button {
  opacity: 1;
  transition-delay: 0.8s;
}
.add-container:focus-within,
.add-container:focus-within button {
  opacity: 1;
}

.add-container button {
  z-index: 81 !important;
}

/* List with Detail */
.list-with-detail-master-item-row[aria-selected='true'] {
  background-color: var(--spectrum-global-color-gray-200);
}

.list-with-detail-master-item-number {
  --list-with-detail-master-item-number-size: 1.2rem;

  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--list-with-detail-master-item-number-size);
  height: var(--list-with-detail-master-item-number-size);
  border-radius: 50%;
  overflow: hidden;
  line-height: var(--list-with-detail-master-item-number-size);
  font-size: 0.75em;
  font-weight: 500;
  text-align: center;
  background-color: var(
    --spectrum-tooltip-background-color,
    var(--spectrum-global-color-static-gray-700)
  );
  color: var(--spectrum-tooltip-text-color, var(--spectrum-global-color-static-white));
}

[aria-selected='true'] .list-with-detail-master-item-number {
  background-color: var(--spectrum-global-color-gray-900);
  color: var(--spectrum-tooltip-text-color, var(--spectrum-global-color-static-white));
}

/* TipTap */
.ProseMirror {
  background-color: var(
    --spectrum-textfield-background-color,
    var(--spectrum-global-color-gray-50)
  );
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
  box-sizing: border-box;
  border: var(--spectrum-textfield-border-size, var(--spectrum-alias-border-size-thin)) solid;
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
  border-radius: 0 0
    var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular))
    var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
  height: auto;
  max-height: 45vh;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  min-height: 129px;
  padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px
    calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
  text-indent: 0;
  vertical-align: top;
  font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
  line-height: var(
    --spectrum-textfield-text-line-height,
    var(--spectrum-alias-body-text-line-height)
  );
  text-overflow: ellipsis;
  outline: 0;
}

.ProseMirror > * {
  margin: 0;
}

.no-toolbar > .ProseMirror {
  border-radius: var(
    --spectrum-textfield-border-radius,
    var(--spectrum-alias-border-radius-regular)
  ) !important;
}

.ProseMirror-focused {
  border-color: var(
    --spectrum-textfield-border-color-down,
    var(--spectrum-alias-border-color-mouse-focus)
  );
}

.keyboard-user .ProseMirror-focused {
  border-width: 2px;
}

.tiptap-toolbar {
  border-radius: var(
      --spectrum-textfield-border-radius,
      var(--spectrum-alias-border-radius-regular)
    )
    var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)) 0 0 !important;
  border-bottom: none !important;
}

.last-toolbar-button {
  margin-right: 8px;
}

.read-only > .ProseMirror {
  background-color: var(
    --spectrum-textfield-background-color-disabled,
    var(--spectrum-global-color-gray-200)
  );
  color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  -webkit-text-fill-color: var(
    --spectrum-textfield-text-color-disabled,
    var(--spectrum-alias-text-color-disabled)
  );
}

.read-only.no-toolbar > .ProseMirror {
  border-color: var(
    --spectrum-textfield-border-color-disabled,
    var(--spectrum-alias-border-color-transparent)
  );
}

/* CodeMirror */
.spectrum-codemirror {
  background-color: var(
    --spectrum-textfield-background-color,
    var(--spectrum-global-color-gray-50)
  );
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
  box-sizing: border-box;
  border: var(--spectrum-textfield-border-size, var(--spectrum-alias-border-size-thin)) solid;
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
  border-radius: var(
    --spectrum-textfield-border-radius,
    var(--spectrum-alias-border-radius-regular)
  );
  height: auto;
  min-height: 30px;
  max-height: 45vh;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  padding: 0 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px
    calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
  text-indent: 0;
  vertical-align: top;
  font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
  line-height: var(
    --spectrum-textfield-text-line-height,
    var(--spectrum-alias-body-text-line-height)
  );
  outline: 0;
}

.cm-gutters,
.cm-gutter {
  min-height: 28px !important;
  height: 100% !important;
  padding-bottom: 2.5px !important;
}

.cm-content {
  padding: 5px 0 !important;
}

.spectrum-codemirror:focus-within {
  border-color: var(
    --spectrum-textfield-border-color-down,
    var(--spectrum-alias-border-color-mouse-focus)
  ) !important;
  border: var(--spectrum-textfield-border-size, var(--spectrum-alias-border-size-thin)) solid;
  border-radius: var(
    --spectrum-textfield-border-radius,
    var(--spectrum-alias-border-radius-regular)
  );
}

.spectrum-label {
  font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(
    --spectrum-fieldlabel-text-font-weight,
    var(--spectrum-global-font-weight-regular)
  );
  position: relative;
  top: 3px;
  color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color));
  padding: var(--spectrum-fieldlabel-padding-top, var(--spectrum-global-dimension-size-50)) 0
    var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
  vertical-align: top;
  box-sizing: border-box;
}

.spectrum-codemirror > .cm-editor {
  background-color: var(
    --spectrum-textfield-background-color,
    var(--spectrum-global-color-gray-50)
  );
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
}

.spectrum-codemirror > .cm-editor > .cm-scroller > .cm-gutters {
  background-color: var(
    --spectrum-fieldbutton-background-color-down,
    var(--spectrum-global-color-gray-200)
  );
  border-color: var(
    --spectrum-fieldbutton-border-color-down,
    var(--spectrum-alias-border-color-down)
  );
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
}

.spectrum-codemirror > .cm-editor > .cm-scroller > .cm-content > .cm-activeLine,
.spectrum-codemirror > .cm-editor > .cm-scroller > .cm-gutters > .cm-gutter > .cm-activeLineGutter {
  background-color: var(
    --spectrum-table-row-background-color-selected-hover,
    var(--spectrum-alias-highlight-selected-hover)
  ) !important;
}

/* Creates a Zebra Layout */
.spectrum-codemirror > .cm-editor > .cm-scroller > .cm-content > div:nth-child(even) {
  background-color: var(
    --spectrum-table-row-background-color-hover,
    var(--spectrum-alias-highlight-hover)
  );
}

.read-only,
.spectrum-codemirror.read-only > .cm-editor > .cm-scroller {
  background-color: var(
    --spectrum-textfield-background-color-disabled,
    var(--spectrum-global-color-gray-200)
  );
  color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  -webkit-text-fill-color: var(
    --spectrum-textfield-text-color-disabled,
    var(--spectrum-alias-text-color-disabled)
  );
  border-color: var(
    --spectrum-textfield-border-color-disabled,
    var(--spectrum-alias-border-color-transparent)
  );
}

.spectrum-codemirror.read-only,
.spectrum-codemirror.read-only > .cm-editor > .cm-scroller {
  background-color: var(
    --spectrum-textfield-background-color-disabled,
    var(--spectrum-global-color-gray-200)
  );
  color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  -webkit-text-fill-color: var(
    --spectrum-textfield-text-color-disabled,
    var(--spectrum-alias-text-color-disabled)
  );
  border-color: var(
    --spectrum-textfield-border-color-disabled,
    var(--spectrum-alias-border-color-transparent)
  );
}

.spectrum-codemirror.read-only > .cm-editor > .cm-scroller > .cm-content > .cm-activeLine,
.spectrum-codemirror.read-only
  > .cm-editor
  > .cm-scroller
  > .cm-gutters
  > .cm-gutter
  > .cm-activeLineGutter {
  background-color: transparent !important;
}

.keyboard-user .spectrum-codemirror:focus-within {
  border-width: 2px;
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
}

/* SpectrumCategorizationStepper */
.categorization-stepper {
  counter-reset: categorization-step-number;
}

.categorization-stepper div[role='tab'] {
  counter-increment: categorization-step-number;
}

.categorization-stepper div[role='tab'] > span:before {
  --categorization-stepper-number-size: 1.2rem;

  display: inline-block;
  width: var(--categorization-stepper-number-size);
  height: var(--categorization-stepper-number-size);
  border-radius: 50%;
  margin-right: 0.4rem;
  overflow: hidden;
  content: counter(categorization-step-number);
  text-align: center;
  vertical-align: middle;
  line-height: var(--categorization-stepper-number-size);
  font-size: 0.75em;
  font-weight: 500;
  background-color: var(--spectrum-global-color-gray-500);
  color: var(--spectrum-global-color-gray-200);
}

.categorization-stepper div[role='tab'][aria-selected='true'] > span:before {
  background-color: var(--spectrum-global-color-gray-900);
  color: var(--spectrum-global-color-gray-100);
}

.animated-modal-item.animated-modal-item-div.detailed-view > .spectrum-array-item-header {
  position: sticky;
  width: 100%;
  padding: 10px 13px 10px 13px;
  margin-top: -12px;
  top: -12px;
  left: 0;

  background-color: var(--spectrum-global-color-gray-100);
  z-index: 1;
  border-bottom-color: var(
    --spectrum-alias-border-color-dark,
    var(--spectrum-global-color-dark, var(--spectrum-semantic-dark-color-border))
  );
  border-bottom-width: var(--spectrum-alias-border-size-thin);
  border-bottom-style: solid;
}

/* InputText */
.assetpicker-button {
  min-width: min-content !important;
  /* margin-top: 25px !important; */
  margin-left: 5px !important;
}

.assetpicker-button-bottom {
  min-width: min-content !important;
  margin-top: 5px !important;
  margin-right: 3px !important;
}

div:has(> div[id^='#/'][hidden]) {
  display: none !important;
}
div:has(> div.jsonForms-hidden[hidden]) {
  display: none !important;
}

.arrowContainer {
  padding: 3px 7px;
}

/* Spinner Test */
@keyframes loadingSpinnerKeyframes1 {
  0% {
    transform: rotate(90deg);
  }
  1.69% {
    transform: rotate(72.3deg);
  }
  3.39% {
    transform: rotate(55.5deg);
  }
  5.08% {
    transform: rotate(40.3deg);
  }
  6.78% {
    transform: rotate(25deg);
  }
  8.47% {
    transform: rotate(10.6deg);
  }
  10.17%,
  11.86%,
  13.56%,
  15.25%,
  16.95%,
  18.64%,
  20.34%,
  22.03%,
  23.73%,
  25.42%,
  27.12%,
  28.81%,
  30.51%,
  32.2%,
  33.9%,
  35.59%,
  37.29%,
  38.98%,
  40.68% {
    transform: rotate(0);
  }
  42.37% {
    transform: rotate(5.3deg);
  }
  44.07% {
    transform: rotate(13.4deg);
  }
  45.76% {
    transform: rotate(20.6deg);
  }
  47.46% {
    transform: rotate(29deg);
  }
  49.15% {
    transform: rotate(36.5deg);
  }
  50.85% {
    transform: rotate(42.6deg);
  }
  52.54% {
    transform: rotate(48.8deg);
  }
  54.24% {
    transform: rotate(54.2deg);
  }
  55.93% {
    transform: rotate(59.4deg);
  }
  57.63% {
    transform: rotate(63.2deg);
  }
  59.32% {
    transform: rotate(67.2deg);
  }
  61.02% {
    transform: rotate(70.8deg);
  }
  62.71% {
    transform: rotate(73.8deg);
  }
  64.41% {
    transform: rotate(76.2deg);
  }
  66.1% {
    transform: rotate(78.7deg);
  }
  67.8% {
    transform: rotate(80.6deg);
  }
  69.49% {
    transform: rotate(82.6deg);
  }
  71.19% {
    transform: rotate(83.7deg);
  }
  72.88% {
    transform: rotate(85deg);
  }
  74.58% {
    transform: rotate(86.3deg);
  }
  76.27% {
    transform: rotate(87deg);
  }
  77.97% {
    transform: rotate(87.7deg);
  }
  79.66% {
    transform: rotate(88.3deg);
  }
  81.36% {
    transform: rotate(88.6deg);
  }
  83.05%,
  84.75% {
    transform: rotate(89.2deg);
  }
  86.44% {
    transform: rotate(89.5deg);
  }
  88.14% {
    transform: rotate(89.9deg);
  }
  89.83% {
    transform: rotate(89.7deg);
  }
  91.53% {
    transform: rotate(90.1deg);
  }
  93.22% {
    transform: rotate(90.2deg);
  }
  94.92% {
    transform: rotate(90.1deg);
  }
  96.61% {
    transform: rotate(90deg);
  }
  98.31% {
    transform: rotate(89.8deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loadingSpinnerKeyframes2 {
  0%,
  1.69%,
  3.39%,
  5.08%,
  6.78%,
  8.47% {
    transform: rotate(180deg);
  }
  10.17% {
    transform: rotate(179.2deg);
  }
  11.86% {
    transform: rotate(164deg);
  }
  13.56% {
    transform: rotate(151.8deg);
  }
  15.25% {
    transform: rotate(140.8deg);
  }
  16.95% {
    transform: rotate(130.3deg);
  }
  18.64% {
    transform: rotate(120.4deg);
  }
  20.34% {
    transform: rotate(110.8deg);
  }
  22.03% {
    transform: rotate(101.6deg);
  }
  23.73% {
    transform: rotate(93.5deg);
  }
  25.42% {
    transform: rotate(85.4deg);
  }
  27.12% {
    transform: rotate(78.1deg);
  }
  28.81% {
    transform: rotate(71.2deg);
  }
  30.51% {
    transform: rotate(89.1deg);
  }
  32.2% {
    transform: rotate(105.5deg);
  }
  33.9% {
    transform: rotate(121.3deg);
  }
  35.59% {
    transform: rotate(135.5deg);
  }
  37.29% {
    transform: rotate(148.4deg);
  }
  38.98% {
    transform: rotate(161deg);
  }
  40.68% {
    transform: rotate(173.5deg);
  }
  100%,
  42.37%,
  44.07%,
  45.76%,
  47.46%,
  49.15%,
  50.85%,
  52.54%,
  54.24%,
  55.93%,
  57.63%,
  59.32%,
  61.02%,
  62.71%,
  64.41%,
  66.1%,
  67.8%,
  69.49%,
  71.19%,
  72.88%,
  74.58%,
  76.27%,
  77.97%,
  79.66%,
  81.36%,
  83.05%,
  84.75%,
  86.44%,
  88.14%,
  89.83%,
  91.53%,
  93.22%,
  94.92%,
  96.61%,
  98.31% {
    transform: rotate(180deg);
  }
}

@keyframes loadingSpinnerRotateKeyframes {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.loadingSpinner,
.loadingSpinner .loadingSpinnerActiveTrack,
.loadingSpinner .loadingSpinnerTrack {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  box-sizing: border-box;
}
.loadingSpinner .loadingSpinnerActiveTrack1,
.loadingSpinner .loadingSpinnerActiveTrack2 {
  height: 64px;
}
.loadingSpinner {
  display: inline-block;
  position: relative;
}
.loadingSpinnerActiveTracks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loadingSpinnerActiveTrack {
  border-color: #1373e6;
}
.loadingSpinnerTrack {
  border-color: #e6e6e6;
}
.loadingSpinnerActiveSubTrack1,
.loadingSpinnerActiveSubTrack2,
.loadingSpinnerActiveTrack1,
.loadingSpinnerActiveTrack2 {
  overflow: hidden;
  transform-origin: 100% center;
  transform: rotate(180deg);
}
.loadingSpinnerActiveTrack1,
.loadingSpinnerActiveTrack2 {
  width: 50%;
  position: absolute;
}
.loadingSpinner .loadingSpinnerActiveTrack,
.loadingSpinner .loadingSpinnerTrack {
  border-style: solid;
  border-width: 4px;
}
.loadingSpinner .loadingSpinnerActiveTracks {
  will-change: transform;
  transform: translateZ(0);
  animation: 1s cubic-bezier(0.25, 0.78, 0.48, 0.89) infinite loadingSpinnerRotateKeyframes;
  transform-origin: center;
}
.loadingSpinner .loadingSpinnerActiveSubTrack1,
.loadingSpinner .loadingSpinnerActiveSubTrack2 {
  will-change: transform;
  transform: translateZ(0);
  animation: 1s linear infinite loadingSpinnerKeyframes1;
}
.loadingSpinner .loadingSpinnerActiveSubTrack2 {
  animation: 1s linear infinite loadingSpinnerKeyframes2;
}`));
      document.head.appendChild(elementStyle);
    }
  } catch (e) {
    console.error("vite-plugin-css-injected-by-js", e);
  }
})();
var __accessCheck = (obj, member, msg) => {
  if (!member.has(obj))
    throw TypeError("Cannot " + msg);
};
var __privateGet = (obj, member, getter) => {
  __accessCheck(obj, member, "read from private field");
  return getter ? getter.call(obj) : member.get(obj);
};
var __privateAdd = (obj, member, value) => {
  if (member.has(obj))
    throw TypeError("Cannot add the same private member more than once");
  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
};
var __privateSet = (obj, member, value, setter) => {
  __accessCheck(obj, member, "write to private field");
  setter ? setter.call(obj, value) : member.set(obj, value);
  return value;
};
var __privateMethod = (obj, member, method) => {
  __accessCheck(obj, member, "access private method");
  return method;
};
var _breadcrumbs, _copy, copy_fn;
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { getAjv, resolveSchema, Actions, rankWith, isObjectControl, findUISchema, Generate, createCombinatorRenderInfos, createDefaultValue, isOneOfControl, composePaths, Resolve, getData, Helpers, and, uiTypeIs, schemaMatches, hasType, isAnyOfControl, isDescriptionHidden, optionIs, isAllOfControl, findMatchingUISchema, computeLabel, isVisible, categorizationHasCategory, isControl, isBooleanControl, isEnumControl, isIntegerControl, isNumberControl, isRangeControl, isMultiLineControl, isStringControl, NOT_APPLICABLE, isOneOfEnumControl, schemaTypeIs, or, isDateControl, isDateTimeControl, isTimeControl } from "@jsonforms/core";
import { useJsonForms, withJsonFormsContext, ctxToArrayControlProps, ctxDispatchToControlProps, withJsonFormsDetailProps, JsonFormsDispatch, ctxToControlProps, withJsonFormsAnyOfProps, withJsonFormsControlProps, withJsonFormsAllOfProps, withJsonFormsLayoutProps, withJsonFormsMasterListItemProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps, withJsonFormsEnumCellProps, withJsonFormsEnumProps, DispatchCell, withJsonFormsOneOfEnumProps, withJsonFormsMultiEnumProps } from "@jsonforms/react";
import { DialogContainer, Dialog, Heading, Divider, Content, ButtonGroup, Button, View, ContextualHelp, Text, ToggleButton, Checkbox, Flex, TextField, ActionButton, useProvider, defaultTheme, Provider, TooltipTrigger, Tooltip, ActionMenu, Item, Picker, Tabs, TabList, TabPanels, DialogTrigger, Switch, Grid, NumberField, MenuTrigger, Menu, ActionGroup, TagGroup, ComboBox, Slider, TextArea, RadioGroup, Radio } from "@adobe/react-spectrum";
import get from "lodash/get";
import set from "lodash/set";
import equal from "fast-deep-equal";
import * as React from "react";
import React__default, { useMemo, useContext, useState, useRef, useEffect, createElement } from "react";
import ReactDom from "react-dom";
import { useSpring, easings, animated } from "react-spring";
import ReactFocusLock from "react-focus-lock";
import ArrayKeyedMap from "array-keyed-map";
import isEqual from "lodash/isEqual";
import debounce from "lodash/debounce";
import isEmpty$1 from "lodash/isEmpty";
import { produce } from "immer";
import merge from "lodash/merge";
import Add from "@spectrum-icons/workflow/Add";
import ArrowDown from "@spectrum-icons/workflow/ArrowDown";
import ArrowUp from "@spectrum-icons/workflow/ArrowUp";
import Asset from "@spectrum-icons/workflow/Asset";
import ChevronDown from "@spectrum-icons/workflow/ChevronDown";
import ChevronUp from "@spectrum-icons/workflow/ChevronUp";
import Close from "@spectrum-icons/workflow/Close";
import Delete from "@spectrum-icons/workflow/Delete";
import DocumentFragment from "@spectrum-icons/workflow/DocumentFragment";
import DragHandle from "@spectrum-icons/workflow/DragHandle";
import Duplicate from "@spectrum-icons/workflow/Duplicate";
import Edit from "@spectrum-icons/workflow/Edit";
import "@spectrum-icons/workflow/FolderOpen";
import FolderSearch from "@spectrum-icons/workflow/FolderSearch";
import "@spectrum-icons/workflow/Link";
import OpenIn from "@spectrum-icons/workflow/OpenIn";
import Properties from "@spectrum-icons/workflow/Properties";
import Redo from "@spectrum-icons/workflow/Redo";
import "@spectrum-icons/workflow/Star";
import "@spectrum-icons/workflow/StarOutline";
import TableAdd from "@spectrum-icons/workflow/TableAdd";
import TableColumnAddLeft from "@spectrum-icons/workflow/TableColumnAddLeft";
import TableColumnAddRight from "@spectrum-icons/workflow/TableColumnAddRight";
import TableColumnRemoveCenter from "@spectrum-icons/workflow/TableColumnRemoveCenter";
import TableEdit from "@spectrum-icons/workflow/TableEdit";
import TableMergeCells from "@spectrum-icons/workflow/TableMergeCells";
import TableRowAddBottom from "@spectrum-icons/workflow/TableRowAddBottom";
import TableRowAddTop from "@spectrum-icons/workflow/TableRowAddTop";
import TableRowRemoveCenter from "@spectrum-icons/workflow/TableRowRemoveCenter";
import TableRowSplit from "@spectrum-icons/workflow/TableRowSplit";
import TagBold from "@spectrum-icons/workflow/TagBold";
import TagItalic from "@spectrum-icons/workflow/TagItalic";
import TagUnderline from "@spectrum-icons/workflow/TagUnderline";
import TextAlignCenter from "@spectrum-icons/workflow/TextAlignCenter";
import TextAlignJustify from "@spectrum-icons/workflow/TextAlignJustify";
import TextAlignLeft from "@spectrum-icons/workflow/TextAlignLeft";
import TextAlignRight from "@spectrum-icons/workflow/TextAlignRight";
import TextBulleted from "@spectrum-icons/workflow/TextBulleted";
import TextNumbered from "@spectrum-icons/workflow/TextNumbered";
import TextStrikethrough from "@spectrum-icons/workflow/TextStrikethrough";
import TextSubscript from "@spectrum-icons/workflow/TextSubscript";
import TextSuperscript from "@spectrum-icons/workflow/TextSuperscript";
import Undo from "@spectrum-icons/workflow/Undo";
import { DatePicker, TimeField } from "@react-spectrum/datepicker";
import startCase from "lodash/startCase";
import { get as get$1 } from "lodash";
import { useDrag } from "@use-gesture/react";
import { useSprings, useSpringRef, animated as animated$1 } from "@react-spring/web";
import { parseDate, today, getLocalTimeZone, toZoned, now, parseAbsoluteToLocal, parseDateTime, parseTime } from "@internationalized/date";
import { useEditor, EditorContent } from "@tiptap/react";
import Document from "@tiptap/extension-document";
import Focus from "@tiptap/extension-focus";
import Highlight from "@tiptap/extension-highlight";
import Image from "@tiptap/extension-image";
import Link from "@tiptap/extension-link";
import Subscript from "@tiptap/extension-subscript";
import Superscript from "@tiptap/extension-superscript";
import Text$1 from "@tiptap/extension-text";
import TextAlign from "@tiptap/extension-text-align";
import TypographyExtension from "@tiptap/extension-typography";
import UnderlineExtension from "@tiptap/extension-underline";
import { Blockquote } from "@tiptap/extension-blockquote";
import { Bold } from "@tiptap/extension-bold";
import { BulletList } from "@tiptap/extension-bullet-list";
import { Code } from "@tiptap/extension-code";
import { CodeBlock } from "@tiptap/extension-code-block";
import { Dropcursor } from "@tiptap/extension-dropcursor";
import { HardBreak } from "@tiptap/extension-hard-break";
import { History } from "@tiptap/extension-history";
import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
import { Italic } from "@tiptap/extension-italic";
import { ListItem } from "@tiptap/extension-list-item";
import { OrderedList } from "@tiptap/extension-ordered-list";
import { Strike } from "@tiptap/extension-strike";
import { Node, mergeAttributes, Mark } from "@tiptap/core";
import { Heading as Heading$1 } from "@tiptap/extension-heading";
import { Paragraph } from "@tiptap/extension-paragraph";
import { TextStyle } from "@tiptap/extension-text-style";
import Table from "@tiptap/extension-table";
import TableCell from "@tiptap/extension-table-cell";
import TableHeader from "@tiptap/extension-table-header";
import TableRow from "@tiptap/extension-table-row";
import CodeMirror from "@uiw/react-codemirror";
import { json, jsonParseLinter } from "@codemirror/lang-json";
import { linter, lintGutter } from "@codemirror/lint";
import maxBy from "lodash/maxBy";
import isArray from "lodash/isArray";
import Draw from "@spectrum-icons/workflow/Draw";
import NewItem from "@spectrum-icons/workflow/NewItem";
function DeleteDialog({
  cancelBtnText = "Cancel",
  confirmBtnText = "Delete",
  contentText = "Are you sure you wish to delete this item?",
  deleteModalOpen,
  headingText = "Delete Item?",
  onPressEndHandler,
  onPressStartHandler,
  setDeleteModalOpen
}) {
  return /* @__PURE__ */ jsx(DialogContainer, { onDismiss: () => setDeleteModalOpen(false), children: deleteModalOpen && /* @__PURE__ */ jsxs(Dialog, { children: [
    /* @__PURE__ */ jsx(Heading, { children: headingText }),
    /* @__PURE__ */ jsx(Divider, {}),
    /* @__PURE__ */ jsx(Content, { children: contentText }),
    /* @__PURE__ */ jsxs(ButtonGroup, { children: [
      /* @__PURE__ */ jsx(Button, { variant: "secondary", onPress: () => setDeleteModalOpen(false), children: cancelBtnText }),
      /* @__PURE__ */ jsx(
        Button,
        {
          autoFocus: true,
          variant: "cta",
          onPressStart: onPressStartHandler,
          onPressEnd: onPressEndHandler,
          children: confirmBtnText
        }
      )
    ] })
  ] }) });
}
const withAjvProps = (Component) => (props) => {
  const ctx = useJsonForms();
  const ajv = getAjv({ jsonforms: { ...ctx } });
  return /* @__PURE__ */ jsx(Component, { ...props, ajv });
};
const findAllCFsWithGivenPathRecursive = (obj, _path, result) => {
  if (obj) {
    if (obj._path === _path && obj._model) {
      result.push(obj);
    }
    for (const value of Object.values(obj)) {
      if (typeof value === "object") {
        findAllCFsWithGivenPathRecursive(value, _path, result);
      }
    }
  }
};
const findAllItemsWithGivenPath = (data, _path) => {
  const result = [];
  findAllCFsWithGivenPathRecursive(data, _path, result);
  return result;
};
const allCopiesUpdater = (jsonPath, newData) => (data) => {
  if (equal(newData, get(data, jsonPath))) {
    return data;
  }
  const jsonPathSegments = jsonPath.split(".");
  let i = jsonPathSegments.length - 1;
  let changedCfPath = void 0;
  while (i >= 0) {
    const contentFragmentModelUnderJsonPath = get(data, [
      ...jsonPathSegments.slice(0, i),
      "_model"
    ]);
    if (contentFragmentModelUnderJsonPath) {
      changedCfPath = get(data, [...jsonPathSegments.slice(0, i), "_path"]);
      break;
    }
    --i;
  }
  if (i >= 0) {
    for (const item of findAllItemsWithGivenPath(data, changedCfPath)) {
      set(item, jsonPathSegments.slice(i, jsonPathSegments.length), newData);
      if (item._edited) {
        item._edited.add(jsonPathSegments[i]);
      } else {
        item._edited = /* @__PURE__ */ new Set([jsonPathSegments[i]]);
      }
    }
  } else {
    set(data, jsonPath, newData);
  }
  return data;
};
const allCopiesReducer = (jsonPath, reducer) => (data) => {
  const jsonPathSegments = jsonPath.split(".");
  let i = jsonPathSegments.length - 1;
  let changedCfPath = void 0;
  while (i >= 0) {
    changedCfPath = get(data, [...jsonPathSegments.slice(0, i), "_path"]);
    if (changedCfPath) {
      break;
    }
    --i;
  }
  if (i >= 0) {
    for (const item of findAllItemsWithGivenPath(data, changedCfPath)) {
      set(
        item,
        jsonPathSegments.slice(i, jsonPathSegments.length),
        reducer(get(item, jsonPathSegments.slice(i, jsonPathSegments.length)))
      );
      if (item._edited) {
        item._edited.add(jsonPathSegments[i]);
      } else {
        item._edited = /* @__PURE__ */ new Set([jsonPathSegments[i]]);
      }
    }
  } else {
    set(data, jsonPath, reducer(get(data, jsonPath)));
  }
  return data;
};
const isTrivialPermutation = (permutation) => permutation.every((value, index, array) => !index || array[index - 1] < value);
const arrayStrictlyExtendsPrefix = (prefix, array) => {
  if (array.length <= prefix.length)
    return false;
  for (let i = 0; i < prefix.length; ++i) {
    if (prefix[i] !== array[i]) {
      return false;
    }
  }
  return true;
};
const arrayExtendsPrefix = (prefix, array) => {
  if (array.length < prefix.length)
    return false;
  for (let i = 0; i < prefix.length; ++i) {
    if (prefix[i] !== array[i]) {
      return false;
    }
  }
  return true;
};
const _Breadcrumbs = class _Breadcrumbs {
  constructor(data = []) {
    __privateAdd(this, _copy);
    __privateAdd(this, _breadcrumbs, new ArrayKeyedMap());
    for (const { path, name, usesDetailedView } of data) {
      __privateGet(this, _breadcrumbs).set(path.split("."), {
        name: name ?? null,
        usesDetailedView: usesDetailedView || false
      });
    }
  }
  get(path) {
    return __privateGet(this, _breadcrumbs).get(path.split("."));
  }
  addBreadcrumb({ path, name, crxPath, usesDetailedView }) {
    const explodedPath = path.split(".");
    const existingBreadcrumb = __privateGet(this, _breadcrumbs).get(explodedPath);
    if (path && name !== (existingBreadcrumb == null ? void 0 : existingBreadcrumb.name) && !(existingBreadcrumb && !name)) {
      if (crxPath) {
        window.postMessage(
          {
            type: "breadcrumb-added",
            crxPath
          },
          "*"
        );
      }
      const result = __privateMethod(this, _copy, copy_fn).call(this);
      __privateGet(result, _breadcrumbs).set(explodedPath, {
        name,
        usesDetailedView: usesDetailedView ?? false
      });
      return result;
    } else {
      return this;
    }
  }
  deleteBreadcrumb(path) {
    const explodedPath = path.split(".");
    if (__privateGet(this, _breadcrumbs).get(explodedPath) !== void 0) {
      const result = __privateMethod(this, _copy, copy_fn).call(this);
      __privateGet(result, _breadcrumbs).delete(explodedPath);
      return result;
    } else {
      return this;
    }
  }
  truncateBreadcrumbsAtParent(path) {
    const parentPath = path.slice(0, path.lastIndexOf("."));
    return this.truncateBreadcrumbs(parentPath);
  }
  truncateBreadcrumbsAndDelete(path) {
    if (__privateGet(this, _breadcrumbs).hasPrefix(path.split("."))) {
      return this.truncateBreadcrumbs(path).deleteBreadcrumb(path);
    } else {
      return this;
    }
  }
  truncateBreadcrumbsAndAdd(path) {
    return this.leavePrefixesOnly(path).addBreadcrumb({ path, name: null });
  }
  truncateBreadcrumbs(path) {
    const explodedPath = path.split(".");
    const keysLongerThanPath = [...__privateGet(this, _breadcrumbs).keys()].filter(
      (breadcrumbPath) => arrayStrictlyExtendsPrefix(explodedPath, breadcrumbPath)
    );
    if (keysLongerThanPath.length) {
      const result = new _Breadcrumbs();
      const entriesLeft = [...__privateGet(this, _breadcrumbs).entries()].filter(
        ([breadcrumbPath]) => !arrayStrictlyExtendsPrefix(explodedPath, breadcrumbPath)
      );
      for (const [key, value] of entriesLeft) {
        __privateGet(result, _breadcrumbs).set(key, value);
      }
      return result;
    } else {
      return this;
    }
  }
  leavePrefixesOnly(path) {
    const explodedPath = (path == null ? void 0 : path.split(".")) || [];
    const nonPrefixes = [...__privateGet(this, _breadcrumbs).keys()].filter(
      (breadcrumbPath) => !arrayExtendsPrefix(breadcrumbPath, explodedPath)
    );
    if (nonPrefixes.length) {
      const result = new _Breadcrumbs();
      const entriesLeft = [...__privateGet(this, _breadcrumbs).entries()].filter(
        ([breadcrumbPath]) => arrayExtendsPrefix(breadcrumbPath, explodedPath)
      );
      for (const [key, value] of entriesLeft) {
        __privateGet(result, _breadcrumbs).set(key, value);
      }
      return result;
    } else {
      return this;
    }
  }
  reorderBreadcrumbs(path, newOrder) {
    if (!isTrivialPermutation(newOrder) && this.hasPrefix(`${path}`)) {
      return new _Breadcrumbs(
        this.entries().map(([existingPath, { name, usesDetailedView }]) => {
          const regExp = new RegExp(`^${path.replaceAll(".", "\\.")}\\.([0-9]+)(\\.|$)`);
          return {
            path: existingPath.replace(
              regExp,
              (_match, breadcrumbIndex, finalCharacter) => `${path}.${newOrder.indexOf(Number(breadcrumbIndex))}${finalCharacter}`
            ),
            name,
            usesDetailedView
          };
        })
      );
    }
    return this;
  }
  clear() {
    return new _Breadcrumbs();
  }
  hasPrefix(path) {
    return Boolean(path) && __privateGet(this, _breadcrumbs).hasPrefix(path.split("."));
  }
  has(path) {
    return __privateGet(this, _breadcrumbs).has(path.split("."));
  }
  keys() {
    return [...__privateGet(this, _breadcrumbs).keys()].map((pathSegements) => pathSegements.join("."));
  }
  entries() {
    return [...__privateGet(this, _breadcrumbs).entries()].map((item) => {
      const [pathSegments, value] = item;
      return [pathSegments.join("."), value];
    });
  }
  optimisticLongestPath() {
    var _a;
    return (_a = [...__privateGet(this, _breadcrumbs).keys()].at(-1)) == null ? void 0 : _a.join(".");
  }
};
_breadcrumbs = new WeakMap();
_copy = new WeakSet();
copy_fn = function() {
  const result = new _Breadcrumbs();
  __privateSet(result, _breadcrumbs, __privateGet(this, _breadcrumbs));
  return result;
};
let Breadcrumbs = _Breadcrumbs;
const BreadcrumbsContext = React__default.createContext({
  breadcrumbs: new Breadcrumbs(),
  addBreadcrumb: () => {
  },
  deleteBreadcrumb: () => {
  },
  truncateBreadcrumbs: () => {
  },
  truncateBreadcrumbsAndDelete: () => {
  },
  truncateBreadcrumbsAndAdd: () => {
  },
  truncateBreadcrumbsAtParent: () => {
  },
  resetBreadcrumbs: () => {
  },
  reorderBreadcrumbs: () => {
  }
});
const useBreadcrumbs = () => {
  const breadcrumbsContext = React__default.useContext(BreadcrumbsContext);
  if (breadcrumbsContext === void 0) {
    throw new Error("useBreadcrumbs must be used within a BreadcrumbsProvider");
  }
  return breadcrumbsContext;
};
const BreadcrumbsProvider = ({ children }) => {
  const [breadcrumbs, setBreadcrumbs] = React__default.useState(new Breadcrumbs());
  const addBreadcrumb = React__default.useCallback(
    (breadcrumb) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.addBreadcrumb(breadcrumb));
    },
    [setBreadcrumbs]
  );
  const deleteBreadcrumb = React__default.useCallback(
    (path) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.deleteBreadcrumb(path));
    },
    [setBreadcrumbs]
  );
  const resetBreadcrumbs = React__default.useCallback(
    (data) => {
      setBreadcrumbs(new Breadcrumbs(data));
    },
    [setBreadcrumbs]
  );
  const truncateBreadcrumbs = React__default.useCallback(
    (path) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.truncateBreadcrumbs(path));
    },
    [setBreadcrumbs]
  );
  const truncateBreadcrumbsAtParent = React__default.useCallback(
    (path) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.truncateBreadcrumbsAtParent(path));
    },
    [setBreadcrumbs]
  );
  const truncateBreadcrumbsAndDelete = React__default.useCallback(
    (path) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.truncateBreadcrumbsAndDelete(path));
    },
    [setBreadcrumbs]
  );
  const truncateBreadcrumbsAndAdd = React__default.useCallback(
    (path) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.truncateBreadcrumbsAndAdd(path));
    },
    [setBreadcrumbs]
  );
  const reorderBreadcrumbs = React__default.useCallback(
    (path, newOrder) => {
      setBreadcrumbs((breadcrumbs2) => breadcrumbs2.reorderBreadcrumbs(path, newOrder));
    },
    [setBreadcrumbs]
  );
  return /* @__PURE__ */ jsx(
    BreadcrumbsContext.Provider,
    {
      value: {
        breadcrumbs,
        addBreadcrumb,
        deleteBreadcrumb,
        resetBreadcrumbs,
        truncateBreadcrumbs,
        truncateBreadcrumbsAtParent,
        truncateBreadcrumbsAndDelete,
        truncateBreadcrumbsAndAdd,
        reorderBreadcrumbs
      },
      children
    }
  );
};
var define_import_meta_env_default$2 = { BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
const ANIMATION_DURATION = 700;
const ModalItemAnimationWrapper = ({
  children,
  elements,
  enableDetailedView = true,
  expanded,
  setExpanded,
  header,
  isAnimating,
  path,
  setIsAnimating
}) => {
  const { breadcrumbs } = useBreadcrumbs();
  const breadcrumbEntries = breadcrumbs.entries();
  const [firstOpen, setFirstOpen] = React__default.useState(true);
  const [isBlackoutHovered, setIsBlackoutHovered] = React__default.useState(false);
  const jsonFormWrapper = document.getElementById("jsonforms-wrapper") || document.getElementsByClassName("App-Form")[0];
  const addToZIndex = 2 * Math.round(((path == null ? void 0 : path.split(".").length) ?? 1) / 2);
  const openPosition = breadcrumbEntries.findIndex(
    (item) => {
      return item[0].startsWith(path);
    }
  );
  const nrOfNonDetailViewPaths = breadcrumbEntries.filter(
    (breadcrumbItem) => !breadcrumbItem[1].usesDetailedView
  ).length;
  const nrOfNonDetailViewPathsBeforeCurrent = breadcrumbEntries.slice(0, openPosition).filter((breadcrumbItem) => !breadcrumbItem[1].usesDetailedView).length;
  const positionFromEnd = breadcrumbEntries.length - openPosition;
  const leftOffset = 2.5 * (positionFromEnd - nrOfNonDetailViewPaths + nrOfNonDetailViewPathsBeforeCurrent);
  const onStartFunction = () => {
    setIsAnimating(true);
  };
  const onRestFunction = () => {
    var _a, _b;
    setIsAnimating(false);
    if (((_b = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.className) == null ? void 0 : _b.includes("keyboard-user")) && expanded && firstOpen) {
      setFirstOpen(false);
      focusFirstUsableInput();
    } else if (!expanded && !firstOpen) {
      setFirstOpen(true);
    }
  };
  const [slideAnim] = useSpring(
    () => ({
      config: {
        duration: define_import_meta_env_default$2.VITE_DISABLE_EDITOR_ANIMATIONS === "true" ? 0 : ANIMATION_DURATION,
        easing: easings.easeOutQuart
      },
      left: expanded ? isBlackoutHovered ? `${15 - leftOffset}%` : `${10 - leftOffset}%` : "100%",
      onRest: () => onRestFunction(),
      onStart: () => onStartFunction()
    }),
    [expanded, isBlackoutHovered, breadcrumbEntries]
  );
  const [darkenAnim] = useSpring(
    () => ({
      config: {
        duration: define_import_meta_env_default$2.VITE_DISABLE_EDITOR_ANIMATIONS === "true" ? 0 : 400,
        easing: easings.easeInOutCubic
      },
      opacity: leftOffset >= 0 ? expanded ? 0.5 : 0 : 0,
      display: expanded ? "block" : "collapse"
    }),
    [expanded]
  );
  const childrenContent = (expanded2, isAnimating2, elements2, children2) => {
    if (expanded2 || isAnimating2) {
      if (elements2) {
        return /* @__PURE__ */ jsxs(View, { UNSAFE_className: "jsonforms-dispatch-wrapper", children: [
          header,
          /* @__PURE__ */ jsx(Content, { UNSAFE_className: "modal-element", children: elements2 })
        ] });
      } else if (children2) {
        return children2;
      }
    }
    return null;
  };
  return ReactDom.createPortal(
    /* @__PURE__ */ jsx(
      ReactFocusLock,
      {
        className: "spectrum-detailed-view-dialog-wrapper",
        disabled: !expanded,
        returnFocus: true,
        as: "div",
        autoFocus: false,
        shards: [
          document.getElementById("debug-menu-button"),
          document.getElementById("cf-editor-breadcrumbs"),
          ...document.querySelectorAll("*[class^='spectrum-Popover']")
        ],
        whiteList: (node) => {
          if ([...document.querySelectorAll("#jsonforms-wrapper")].some((foundNode) => foundNode.contains(node)) || // prettier-ignore
          [...document.querySelectorAll("#debug-wrapper")].some((foundNode) => foundNode.contains(node)) || // prettier-ignore
          [...document.querySelectorAll("#cf-editor-breadcrumbs")].some((foundNode) => foundNode.contains(node)) || // prettier-ignore
          [...document.querySelectorAl