@mieweb/forms-editor 1.0.2 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/index.js +1492 -1696
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
package/dist/index.js
CHANGED
|
@@ -5,713 +5,358 @@
|
|
|
5
5
|
if (!document.querySelector('#questionnaire-editor-styles')) {
|
|
6
6
|
const style = document.createElement('style');
|
|
7
7
|
style.id = 'questionnaire-editor-styles';
|
|
8
|
-
style.textContent = "/*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\n.pointer-events-none {\n pointer-events: none;\n}\n.\\!visible {\n visibility: visible !important;\n}\n.collapse {\n visibility: collapse;\n}\n.visible {\n visibility: visible;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.relative {\n position: relative;\n}\n.static {\n position: static;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: calc(var(--spacing) * 0);\n}\n.-top-\\[20\\%\\] {\n top: calc(20% * -1);\n}\n.top-0 {\n top: calc(var(--spacing) * 0);\n}\n.top-1\\/2 {\n top: calc(1/2 * 100%);\n}\n.top-2 {\n top: calc(var(--spacing) * 2);\n}\n.top-3 {\n top: calc(var(--spacing) * 3);\n}\n.top-4 {\n top: calc(var(--spacing) * 4);\n}\n.top-6 {\n top: calc(var(--spacing) * 6);\n}\n.top-11 {\n top: calc(var(--spacing) * 11);\n}\n.top-\\[10\\%\\] {\n top: 10%;\n}\n.top-full {\n top: 100%;\n}\n.-right-\\[10\\%\\] {\n right: calc(10% * -1);\n}\n.right-0 {\n right: calc(var(--spacing) * 0);\n}\n.right-2 {\n right: calc(var(--spacing) * 2);\n}\n.right-3 {\n right: calc(var(--spacing) * 3);\n}\n.right-4 {\n right: calc(var(--spacing) * 4);\n}\n.bottom-0 {\n bottom: calc(var(--spacing) * 0);\n}\n.bottom-5 {\n bottom: calc(var(--spacing) * 5);\n}\n.bottom-full {\n bottom: 100%;\n}\n.-left-2 {\n left: calc(var(--spacing) * -2);\n}\n.-left-\\[10\\%\\] {\n left: calc(10% * -1);\n}\n.left-0 {\n left: calc(var(--spacing) * 0);\n}\n.left-5 {\n left: calc(var(--spacing) * 5);\n}\n.z-10 {\n z-index: 10;\n}\n.z-20 {\n z-index: 20;\n}\n.z-40 {\n z-index: 40;\n}\n.z-50 {\n z-index: 50;\n}\n.z-60 {\n z-index: 60;\n}\n.z-9999 {\n z-index: 9999;\n}\n.\\!container {\n width: 100% !important;\n @media (width >= 40rem) {\n max-width: 40rem !important;\n }\n @media (width >= 48rem) {\n max-width: 48rem !important;\n }\n @media (width >= 64rem) {\n max-width: 64rem !important;\n }\n @media (width >= 80rem) {\n max-width: 80rem !important;\n }\n @media (width >= 96rem) {\n max-width: 96rem !important;\n }\n}\n.container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n}\n.m-0 {\n margin: calc(var(--spacing) * 0);\n}\n.-mx-6 {\n margin-inline: calc(var(--spacing) * -6);\n}\n.mx-auto {\n margin-inline: auto;\n}\n.my-2 {\n margin-block: calc(var(--spacing) * 2);\n}\n.my-9 {\n margin-block: calc(var(--spacing) * 9);\n}\n.-mt-6 {\n margin-top: calc(var(--spacing) * -6);\n}\n.mt-0 {\n margin-top: calc(var(--spacing) * 0);\n}\n.mt-1 {\n margin-top: calc(var(--spacing) * 1);\n}\n.mt-2 {\n margin-top: calc(var(--spacing) * 2);\n}\n.mt-3 {\n margin-top: calc(var(--spacing) * 3);\n}\n.mt-4 {\n margin-top: calc(var(--spacing) * 4);\n}\n.mt-5 {\n margin-top: calc(var(--spacing) * 5);\n}\n.mt-8 {\n margin-top: calc(var(--spacing) * 8);\n}\n.mt-12 {\n margin-top: calc(var(--spacing) * 12);\n}\n.mr-2 {\n margin-right: calc(var(--spacing) * 2);\n}\n.mb-0 {\n margin-bottom: calc(var(--spacing) * 0);\n}\n.mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n}\n.mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n}\n.mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n}\n.mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\n}\n.mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n}\n.mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n}\n.mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n}\n.mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n}\n.mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n}\n.mb-10 {\n margin-bottom: calc(var(--spacing) * 10);\n}\n.mb-12 {\n margin-bottom: calc(var(--spacing) * 12);\n}\n.mb-14 {\n margin-bottom: calc(var(--spacing) * 14);\n}\n.mb-16 {\n margin-bottom: calc(var(--spacing) * 16);\n}\n.mb-20 {\n margin-bottom: calc(var(--spacing) * 20);\n}\n.ml-2 {\n margin-left: calc(var(--spacing) * 2);\n}\n.ml-auto {\n margin-left: auto;\n}\n.block {\n display: block;\n}\n.contents {\n display: contents;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.inline {\n display: inline;\n}\n.inline-block {\n display: inline-block;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.h-1 {\n height: calc(var(--spacing) * 1);\n}\n.h-3 {\n height: calc(var(--spacing) * 3);\n}\n.h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n}\n.h-4 {\n height: calc(var(--spacing) * 4);\n}\n.h-5 {\n height: calc(var(--spacing) * 5);\n}\n.h-6 {\n height: calc(var(--spacing) * 6);\n}\n.h-7 {\n height: calc(var(--spacing) * 7);\n}\n.h-8 {\n height: calc(var(--spacing) * 8);\n}\n.h-9 {\n height: calc(var(--spacing) * 9);\n}\n.h-10 {\n height: calc(var(--spacing) * 10);\n}\n.h-11 {\n height: calc(var(--spacing) * 11);\n}\n.h-12 {\n height: calc(var(--spacing) * 12);\n}\n.h-16 {\n height: calc(var(--spacing) * 16);\n}\n.h-24 {\n height: calc(var(--spacing) * 24);\n}\n.h-72 {\n height: calc(var(--spacing) * 72);\n}\n.h-\\[60\\%\\] {\n height: 60%;\n}\n.h-\\[80\\%\\] {\n height: 80%;\n}\n.h-auto {\n height: auto;\n}\n.h-fit {\n height: fit-content;\n}\n.h-full {\n height: 100%;\n}\n.h-screen {\n height: 100vh;\n}\n.max-h-48 {\n max-height: calc(var(--spacing) * 48);\n}\n.max-h-56 {\n max-height: calc(var(--spacing) * 56);\n}\n.max-h-60 {\n max-height: calc(var(--spacing) * 60);\n}\n.max-h-64 {\n max-height: calc(var(--spacing) * 64);\n}\n.max-h-75 {\n max-height: calc(var(--spacing) * 75);\n}\n.max-h-96 {\n max-height: calc(var(--spacing) * 96);\n}\n.max-h-\\[60vh\\] {\n max-height: 60vh;\n}\n.max-h-\\[calc\\(100svh-13rem\\)\\] {\n max-height: calc(100svh - 13rem);\n}\n.max-h-\\[calc\\(100svh-24rem\\)\\] {\n max-height: calc(100svh - 24rem);\n}\n.max-h-screen {\n max-height: 100vh;\n}\n.min-h-10 {\n min-height: calc(var(--spacing) * 10);\n}\n.min-h-24 {\n min-height: calc(var(--spacing) * 24);\n}\n.min-h-64 {\n min-height: calc(var(--spacing) * 64);\n}\n.min-h-\\[calc\\(100vh-10rem\\)\\] {\n min-height: calc(100vh - 10rem);\n}\n.min-h-\\[calc\\(100vh-85px\\)\\] {\n min-height: calc(100vh - 85px);\n}\n.min-h-dvh {\n min-height: 100dvh;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.w-1\\/2 {\n width: calc(1/2 * 100%);\n}\n.w-3 {\n width: calc(var(--spacing) * 3);\n}\n.w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n}\n.w-3\\/4 {\n width: calc(3/4 * 100%);\n}\n.w-4 {\n width: calc(var(--spacing) * 4);\n}\n.w-5 {\n width: calc(var(--spacing) * 5);\n}\n.w-6 {\n width: calc(var(--spacing) * 6);\n}\n.w-7 {\n width: calc(var(--spacing) * 7);\n}\n.w-8 {\n width: calc(var(--spacing) * 8);\n}\n.w-9 {\n width: calc(var(--spacing) * 9);\n}\n.w-12 {\n width: calc(var(--spacing) * 12);\n}\n.w-16 {\n width: calc(var(--spacing) * 16);\n}\n.w-20 {\n width: calc(var(--spacing) * 20);\n}\n.w-32 {\n width: calc(var(--spacing) * 32);\n}\n.w-48 {\n width: calc(var(--spacing) * 48);\n}\n.w-\\[40\\%\\] {\n width: 40%;\n}\n.w-\\[50\\%\\] {\n width: 50%;\n}\n.w-fit {\n width: fit-content;\n}\n.w-full {\n width: 100%;\n}\n.w-px {\n width: 1px;\n}\n.max-w-2xl {\n max-width: var(--container-2xl);\n}\n.max-w-3xl {\n max-width: var(--container-3xl);\n}\n.max-w-4xl {\n max-width: var(--container-4xl);\n}\n.max-w-5xl {\n max-width: var(--container-5xl);\n}\n.max-w-7xl {\n max-width: var(--container-7xl);\n}\n.max-w-\\[80vw\\] {\n max-width: 80vw;\n}\n.max-w-full {\n max-width: 100%;\n}\n.max-w-md {\n max-width: var(--container-md);\n}\n.max-w-xl {\n max-width: var(--container-xl);\n}\n.min-w-0 {\n min-width: calc(var(--spacing) * 0);\n}\n.min-w-\\[44px\\] {\n min-width: 44px;\n}\n.min-w-fit {\n min-width: fit-content;\n}\n.flex-1 {\n flex: 1;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n.shrink-0 {\n flex-shrink: 0;\n}\n.border-collapse {\n border-collapse: collapse;\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n.scale-105 {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n}\n.rotate-180 {\n rotate: 180deg;\n}\n.transform {\n transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);\n}\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.touch-manipulation {\n touch-action: manipulation;\n}\n.resize {\n resize: both;\n}\n.resize-y {\n resize: vertical;\n}\n.appearance-none {\n appearance: none;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-center {\n align-items: center;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-start {\n align-items: flex-start;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.justify-evenly {\n justify-content: space-evenly;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.gap-0 {\n gap: calc(var(--spacing) * 0);\n}\n.gap-1 {\n gap: calc(var(--spacing) * 1);\n}\n.gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n}\n.gap-2 {\n gap: calc(var(--spacing) * 2);\n}\n.gap-3 {\n gap: calc(var(--spacing) * 3);\n}\n.gap-4 {\n gap: calc(var(--spacing) * 4);\n}\n.gap-5 {\n gap: calc(var(--spacing) * 5);\n}\n.gap-6 {\n gap: calc(var(--spacing) * 6);\n}\n.gap-8 {\n gap: calc(var(--spacing) * 8);\n}\n.space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.overflow-auto {\n overflow: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-visible {\n overflow: visible;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-y-visible {\n overflow-y: visible;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-2xl {\n border-radius: var(--radius-2xl);\n}\n.rounded-3xl {\n border-radius: var(--radius-3xl);\n}\n.rounded-full {\n border-radius: calc(infinity * 1px);\n}\n.rounded-lg {\n border-radius: var(--radius-lg);\n}\n.rounded-md {\n border-radius: var(--radius-md);\n}\n.rounded-xl {\n border-radius: var(--radius-xl);\n}\n.rounded-t-2xl {\n border-top-left-radius: var(--radius-2xl);\n border-top-right-radius: var(--radius-2xl);\n}\n.rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n}\n.border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n}\n.border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n}\n.border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n}\n.border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n}\n.border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n}\n.border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n}\n.border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n}\n.border-black\\/15 {\n border-color: color-mix(in oklab, var(--color-black) 15%, transparent);\n}\n.border-black\\/20 {\n border-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n}\n.border-blue-200 {\n border-color: var(--color-blue-200);\n}\n.border-blue-200\\/60 {\n border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);\n}\n.border-blue-300 {\n border-color: var(--color-blue-300);\n}\n.border-blue-400 {\n border-color: var(--color-blue-400);\n}\n.border-blue-600 {\n border-color: var(--color-blue-600);\n}\n.border-gray-100 {\n border-color: var(--color-gray-100);\n}\n.border-gray-200 {\n border-color: var(--color-gray-200);\n}\n.border-gray-300 {\n border-color: var(--color-gray-300);\n}\n.border-green-200 {\n border-color: var(--color-green-200);\n}\n.border-orange-500 {\n border-color: var(--color-orange-500);\n}\n.border-red-200 {\n border-color: var(--color-red-200);\n}\n.border-red-300 {\n border-color: var(--color-red-300);\n}\n.border-slate-100\\/80 {\n border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);\n}\n.border-slate-200 {\n border-color: var(--color-slate-200);\n}\n.border-slate-300 {\n border-color: var(--color-slate-300);\n}\n.border-slate-700 {\n border-color: var(--color-slate-700);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-white\\/30 {\n border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n}\n.border-white\\/40 {\n border-color: color-mix(in oklab, var(--color-white) 40%, transparent);\n}\n.bg-black\\/5 {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n}\n.bg-black\\/30 {\n background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n}\n.bg-black\\/50 {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n}\n.bg-blue-50 {\n background-color: var(--color-blue-50);\n}\n.bg-blue-100 {\n background-color: var(--color-blue-100);\n}\n.bg-blue-100\\/50 {\n background-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent);\n}\n.bg-blue-100\\/70 {\n background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);\n}\n.bg-blue-200\\/40 {\n background-color: color-mix(in oklab, var(--color-blue-200) 40%, transparent);\n}\n.bg-blue-400 {\n background-color: var(--color-blue-400);\n}\n.bg-blue-500 {\n background-color: var(--color-blue-500);\n}\n.bg-blue-600 {\n background-color: var(--color-blue-600);\n}\n.bg-gray-50 {\n background-color: var(--color-gray-50);\n}\n.bg-gray-100 {\n background-color: var(--color-gray-100);\n}\n.bg-gray-200 {\n background-color: var(--color-gray-200);\n}\n.bg-gray-300 {\n background-color: var(--color-gray-300);\n}\n.bg-gray-700 {\n background-color: var(--color-gray-700);\n}\n.bg-green-50 {\n background-color: var(--color-green-50);\n}\n.bg-green-100 {\n background-color: var(--color-green-100);\n}\n.bg-green-200\\/40 {\n background-color: color-mix(in oklab, var(--color-green-200) 40%, transparent);\n}\n.bg-indigo-100 {\n background-color: var(--color-indigo-100);\n}\n.bg-neutral-100 {\n background-color: var(--color-neutral-100);\n}\n.bg-orange-50 {\n background-color: var(--color-orange-50);\n}\n.bg-orange-500 {\n background-color: var(--color-orange-500);\n}\n.bg-red-50 {\n background-color: var(--color-red-50);\n}\n.bg-red-100 {\n background-color: var(--color-red-100);\n}\n.bg-slate-50 {\n background-color: var(--color-slate-50);\n}\n.bg-slate-50\\/60 {\n background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n}\n.bg-slate-100 {\n background-color: var(--color-slate-100);\n}\n.bg-slate-800 {\n background-color: var(--color-slate-800);\n}\n.bg-slate-900 {\n background-color: var(--color-slate-900);\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-white {\n background-color: var(--color-white);\n}\n.bg-white\\/70 {\n background-color: color-mix(in oklab, var(--color-white) 70%, transparent);\n}\n.bg-white\\/75 {\n background-color: color-mix(in oklab, var(--color-white) 75%, transparent);\n}\n.bg-gradient-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.bg-linear-\\[to_right\\,\\#059669\\,\\#0891b2_30\\%\\,\\#f59e0b_60\\%\\,\\#22c55e\\] {\n --tw-gradient-position: to right,#059669,#0891b2 30%,#f59e0b 60%,#22c55e;\n background-image: linear-gradient(var(--tw-gradient-stops,to right,#059669,#0891b2 30%,#f59e0b 60%,#22c55e));\n}\n.bg-linear-to-b {\n --tw-gradient-position: to bottom in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.bg-linear-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.from-blue-50 {\n --tw-gradient-from: var(--color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-gray-50 {\n --tw-gradient-from: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-slate-50 {\n --tw-gradient-from: var(--color-slate-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.from-white {\n --tw-gradient-from: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-gray-50 {\n --tw-gradient-to: var(--color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-gray-100 {\n --tw-gradient-to: var(--color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-slate-50 {\n --tw-gradient-to: var(--color-slate-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.to-white {\n --tw-gradient-to: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.bg-clip-text {\n background-clip: text;\n}\n.object-contain {\n object-fit: contain;\n}\n.p-0 {\n padding: calc(var(--spacing) * 0);\n}\n.p-1 {\n padding: calc(var(--spacing) * 1);\n}\n.p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n}\n.p-2 {\n padding: calc(var(--spacing) * 2);\n}\n.p-3 {\n padding: calc(var(--spacing) * 3);\n}\n.p-4 {\n padding: calc(var(--spacing) * 4);\n}\n.p-6 {\n padding: calc(var(--spacing) * 6);\n}\n.p-7 {\n padding: calc(var(--spacing) * 7);\n}\n.p-8 {\n padding: calc(var(--spacing) * 8);\n}\n.px-0 {\n padding-inline: calc(var(--spacing) * 0);\n}\n.px-0\\.5 {\n padding-inline: calc(var(--spacing) * 0.5);\n}\n.px-2 {\n padding-inline: calc(var(--spacing) * 2);\n}\n.px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n}\n.px-3 {\n padding-inline: calc(var(--spacing) * 3);\n}\n.px-4 {\n padding-inline: calc(var(--spacing) * 4);\n}\n.px-5 {\n padding-inline: calc(var(--spacing) * 5);\n}\n.px-6 {\n padding-inline: calc(var(--spacing) * 6);\n}\n.px-8 {\n padding-inline: calc(var(--spacing) * 8);\n}\n.py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n}\n.py-1 {\n padding-block: calc(var(--spacing) * 1);\n}\n.py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n}\n.py-2 {\n padding-block: calc(var(--spacing) * 2);\n}\n.py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n}\n.py-3 {\n padding-block: calc(var(--spacing) * 3);\n}\n.py-4 {\n padding-block: calc(var(--spacing) * 4);\n}\n.py-10 {\n padding-block: calc(var(--spacing) * 10);\n}\n.py-16 {\n padding-block: calc(var(--spacing) * 16);\n}\n.py-20 {\n padding-block: calc(var(--spacing) * 20);\n}\n.pt-1 {\n padding-top: calc(var(--spacing) * 1);\n}\n.pt-2 {\n padding-top: calc(var(--spacing) * 2);\n}\n.pt-3 {\n padding-top: calc(var(--spacing) * 3);\n}\n.pt-4 {\n padding-top: calc(var(--spacing) * 4);\n}\n.pt-5 {\n padding-top: calc(var(--spacing) * 5);\n}\n.pt-6 {\n padding-top: calc(var(--spacing) * 6);\n}\n.pt-8 {\n padding-top: calc(var(--spacing) * 8);\n}\n.pt-20 {\n padding-top: calc(var(--spacing) * 20);\n}\n.pt-32 {\n padding-top: calc(var(--spacing) * 32);\n}\n.pr-10 {\n padding-right: calc(var(--spacing) * 10);\n}\n.pr-28 {\n padding-right: calc(var(--spacing) * 28);\n}\n.pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n}\n.pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n}\n.pb-8 {\n padding-bottom: calc(var(--spacing) * 8);\n}\n.pb-20 {\n padding-bottom: calc(var(--spacing) * 20);\n}\n.pl-32 {\n padding-left: calc(var(--spacing) * 32);\n}\n.text-center {\n text-align: center;\n}\n.text-left {\n text-align: left;\n}\n.font-mono {\n font-family: var(--font-mono);\n}\n.font-sans {\n font-family: var(--font-sans);\n}\n.font-titillium {\n font-family: var(--font-titillium);\n}\n.text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n.text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n}\n.text-7xl {\n font-size: var(--text-7xl);\n line-height: var(--tw-leading, var(--text-7xl--line-height));\n}\n.text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n.text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n.text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n.text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n.text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.leading-none {\n --tw-leading: 1;\n line-height: 1;\n}\n.leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n}\n.leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n}\n.font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n.font-extrabold {\n --tw-font-weight: var(--font-weight-extrabold);\n font-weight: var(--font-weight-extrabold);\n}\n.font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n.font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n}\n.font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n.font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n.tracking-tight {\n --tw-tracking: var(--tracking-tight);\n letter-spacing: var(--tracking-tight);\n}\n.tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.text-blue-500 {\n color: var(--color-blue-500);\n}\n.text-blue-600 {\n color: var(--color-blue-600);\n}\n.text-blue-800 {\n color: var(--color-blue-800);\n}\n.text-blue-900 {\n color: var(--color-blue-900);\n}\n.text-gray-300 {\n color: var(--color-gray-300);\n}\n.text-gray-400 {\n color: var(--color-gray-400);\n}\n.text-gray-500 {\n color: var(--color-gray-500);\n}\n.text-gray-600 {\n color: var(--color-gray-600);\n}\n.text-gray-700 {\n color: var(--color-gray-700);\n}\n.text-gray-800 {\n color: var(--color-gray-800);\n}\n.text-gray-900 {\n color: var(--color-gray-900);\n}\n.text-green-600 {\n color: var(--color-green-600);\n}\n.text-green-700 {\n color: var(--color-green-700);\n}\n.text-indigo-700 {\n color: var(--color-indigo-700);\n}\n.text-orange-700 {\n color: var(--color-orange-700);\n}\n.text-red-600 {\n color: var(--color-red-600);\n}\n.text-red-700 {\n color: var(--color-red-700);\n}\n.text-slate-100 {\n color: var(--color-slate-100);\n}\n.text-slate-300 {\n color: var(--color-slate-300);\n}\n.text-slate-400 {\n color: var(--color-slate-400);\n}\n.text-slate-500 {\n color: var(--color-slate-500);\n}\n.text-slate-600 {\n color: var(--color-slate-600);\n}\n.text-slate-700 {\n color: var(--color-slate-700);\n}\n.text-slate-800 {\n color: var(--color-slate-800);\n}\n.text-slate-900 {\n color: var(--color-slate-900);\n}\n.text-transparent {\n color: transparent;\n}\n.text-white {\n color: var(--color-white);\n}\n.uppercase {\n text-transform: uppercase;\n}\n.italic {\n font-style: italic;\n}\n.no-underline {\n text-decoration-line: none;\n}\n.opacity-0 {\n opacity: 0%;\n}\n.opacity-50 {\n opacity: 50%;\n}\n.ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.ring-blue-500 {\n --tw-ring-color: var(--color-blue-500);\n}\n.ring-offset-2 {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n}\n.blur-\\[96px\\] {\n --tw-blur: blur(96px);\n 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,);\n}\n.invert {\n --tw-invert: invert(100%);\n 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,);\n}\n.filter {\n 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,);\n}\n.backdrop-blur-2xl {\n --tw-backdrop-blur: blur(var(--blur-2xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-lg {\n --tw-backdrop-blur: blur(var(--blur-lg));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-blur-xl {\n --tw-backdrop-blur: blur(var(--blur-xl));\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.backdrop-saturate-150 {\n --tw-backdrop-saturate: saturate(150%);\n -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n}\n.transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n}\n.duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n}\n.outline-none {\n --tw-outline-style: none;\n outline-style: none;\n}\n.select-none {\n -webkit-user-select: none;\n user-select: none;\n}\n.group-hover\\:text-green-600 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n color: var(--color-green-600);\n }\n }\n}\n.hover\\:translate-y-1 {\n &:hover {\n @media (hover: hover) {\n --tw-translate-y: calc(var(--spacing) * 1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n}\n.hover\\:scale-105 {\n &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n}\n.hover\\:border-blue-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-blue-300);\n }\n }\n}\n.hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-blue-400);\n }\n }\n}\n.hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-gray-400);\n }\n }\n}\n.hover\\:border-green-500 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-green-500);\n }\n }\n}\n.hover\\:border-slate-300\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);\n }\n }\n}\n.hover\\:border-slate-600 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-600);\n }\n }\n}\n.hover\\:border-white\\/50 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n }\n }\n}\n.hover\\:border-white\\/60 {\n &:hover {\n @media (hover: hover) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n}\n.hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n}\n.hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-50);\n }\n }\n}\n.hover\\:bg-blue-200\\/70 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-blue-200) 70%, transparent);\n }\n }\n}\n.hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n}\n.hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-700);\n }\n }\n}\n.hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n}\n.hover\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n}\n.hover\\:bg-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-orange-600);\n }\n }\n}\n.hover\\:bg-red-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-50);\n }\n }\n}\n.hover\\:bg-red-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-200);\n }\n }\n}\n.hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-50);\n }\n }\n}\n.hover\\:bg-slate-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-slate-700);\n }\n }\n}\n.hover\\:bg-white {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-white);\n }\n }\n}\n.hover\\:bg-white\\/60 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n}\n.hover\\:bg-white\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n}\n.hover\\:bg-white\\/85 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-white) 85%, transparent);\n }\n }\n}\n.hover\\:bg-white\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n}\n.hover\\:from-blue-100 {\n &:hover {\n @media (hover: hover) {\n --tw-gradient-from: var(--color-blue-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n}\n.hover\\:to-gray-100 {\n &:hover {\n @media (hover: hover) {\n --tw-gradient-to: var(--color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n}\n.hover\\:text-blue-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-600);\n }\n }\n}\n.hover\\:text-blue-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-700);\n }\n }\n}\n.hover\\:text-green-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-green-700);\n }\n }\n}\n.hover\\:text-red-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-600);\n }\n }\n}\n.hover\\:text-red-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-700);\n }\n }\n}\n.hover\\:text-slate-100 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-100);\n }\n }\n}\n.hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-slate-900);\n }\n }\n}\n.hover\\:ring-2 {\n &:hover {\n @media (hover: hover) {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_4px_16px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.9\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_12px_48px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.8\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 12px 48px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-\\[0_20px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\,0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,inset_0_1px_0_rgba\\(255\\,255\\,255\\,1\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-lg {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:shadow-xl {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.hover\\:ring-gray-300 {\n &:hover {\n @media (hover: hover) {\n --tw-ring-color: var(--color-gray-300);\n }\n }\n}\n.focus\\:border-blue-400 {\n &:focus {\n border-color: var(--color-blue-400);\n }\n}\n.focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.focus\\:ring-blue-400 {\n &:focus {\n --tw-ring-color: var(--color-blue-400);\n }\n}\n.focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n}\n.active\\:bg-slate-600 {\n &:active {\n background-color: var(--color-slate-600);\n }\n}\n.disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n}\n.disabled\\:opacity-40 {\n &:disabled {\n opacity: 40%;\n }\n}\n.disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n}\n.min-\\[445px\\]\\:inline {\n @media (width >= 445px) {\n display: inline;\n }\n}\n.sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.md\\:mt-4 {\n @media (width >= 48rem) {\n margin-top: calc(var(--spacing) * 4);\n }\n}\n.md\\:w-80 {\n @media (width >= 48rem) {\n width: calc(var(--spacing) * 80);\n }\n}\n.md\\:max-w-\\[75vw\\] {\n @media (width >= 48rem) {\n max-width: 75vw;\n }\n}\n.md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.md\\:grid-cols-3 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n.md\\:flex-row {\n @media (width >= 48rem) {\n flex-direction: row;\n }\n}\n.md\\:px-12 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n}\n.md\\:text-5xl {\n @media (width >= 48rem) {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n}\n.lg\\:mt-6 {\n @media (width >= 64rem) {\n margin-top: calc(var(--spacing) * 6);\n }\n}\n.lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n}\n.lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n}\n.lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n}\n.lg\\:h-4 {\n @media (width >= 64rem) {\n height: calc(var(--spacing) * 4);\n }\n}\n.lg\\:max-h-\\[calc\\(100dvh-11rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 11rem);\n }\n}\n.lg\\:max-h-\\[calc\\(100dvh-20rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 20rem);\n }\n}\n.lg\\:w-4 {\n @media (width >= 64rem) {\n width: calc(var(--spacing) * 4);\n }\n}\n.lg\\:w-72 {\n @media (width >= 64rem) {\n width: calc(var(--spacing) * 72);\n }\n}\n.lg\\:w-90 {\n @media (width >= 64rem) {\n width: calc(var(--spacing) * 90);\n }\n}\n.lg\\:max-w-full {\n @media (width >= 64rem) {\n max-width: 100%;\n }\n}\n.lg\\:grid-cols-2 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.lg\\:flex-row {\n @media (width >= 64rem) {\n flex-direction: row;\n }\n}\n.lg\\:items-center {\n @media (width >= 64rem) {\n align-items: center;\n }\n}\n.lg\\:justify-center {\n @media (width >= 64rem) {\n justify-content: center;\n }\n}\n.lg\\:gap-2 {\n @media (width >= 64rem) {\n gap: calc(var(--spacing) * 2);\n }\n}\n.lg\\:gap-3 {\n @media (width >= 64rem) {\n gap: calc(var(--spacing) * 3);\n }\n}\n.lg\\:px-3 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 3);\n }\n}\n.lg\\:px-4 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 4);\n }\n}\n.lg\\:px-6 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 6);\n }\n}\n.lg\\:py-2 {\n @media (width >= 64rem) {\n padding-block: calc(var(--spacing) * 2);\n }\n}\n.lg\\:pr-2 {\n @media (width >= 64rem) {\n padding-right: calc(var(--spacing) * 2);\n }\n}\n.lg\\:pb-4 {\n @media (width >= 64rem) {\n padding-bottom: calc(var(--spacing) * 4);\n }\n}\n.lg\\:text-2xl {\n @media (width >= 64rem) {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n}\n.lg\\:text-9xl {\n @media (width >= 64rem) {\n font-size: var(--text-9xl);\n line-height: var(--tw-leading, var(--text-9xl--line-height));\n }\n}\n.lg\\:text-sm {\n @media (width >= 64rem) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n}\n.\\[\\&_\\.edit-panel-container\\]\\:max-h-none {\n & .edit-panel-container {\n max-height: none;\n }\n}\n.\\[\\&_\\.edit-panel-container\\]\\:overflow-visible {\n & .edit-panel-container {\n overflow: visible;\n }\n}\n:root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-100: oklch(95.4% 0.038 75.164);\n --color-orange-200: oklch(90.1% 0.076 70.697);\n --color-orange-300: oklch(83.7% 0.128 66.29);\n --color-orange-400: oklch(75% 0.183 55.934);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-800: oklch(47% 0.157 37.304);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-orange-950: oklch(26.6% 0.079 36.259);\n --color-amber-50: oklch(98.7% 0.022 95.277);\n --color-amber-100: oklch(96.2% 0.059 95.617);\n --color-amber-200: oklch(92.4% 0.12 95.746);\n --color-amber-300: oklch(87.9% 0.169 91.605);\n --color-amber-400: oklch(82.8% 0.189 84.429);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-amber-600: oklch(66.6% 0.179 58.318);\n --color-amber-700: oklch(55.5% 0.163 48.998);\n --color-amber-800: oklch(47.3% 0.137 46.201);\n --color-amber-900: oklch(41.4% 0.112 45.904);\n --color-amber-950: oklch(27.9% 0.077 45.635);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-lime-50: oklch(98.6% 0.031 120.757);\n --color-lime-100: oklch(96.7% 0.067 122.328);\n --color-lime-200: oklch(93.8% 0.127 124.321);\n --color-lime-300: oklch(89.7% 0.196 126.665);\n --color-lime-400: oklch(84.1% 0.238 128.85);\n --color-lime-500: oklch(76.8% 0.233 130.85);\n --color-lime-600: oklch(64.8% 0.2 131.684);\n --color-lime-700: oklch(53.2% 0.157 131.589);\n --color-lime-800: oklch(45.3% 0.124 130.933);\n --color-lime-900: oklch(40.5% 0.101 131.063);\n --color-lime-950: oklch(27.4% 0.072 132.109);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-emerald-50: oklch(97.9% 0.021 166.113);\n --color-emerald-100: oklch(95% 0.052 163.051);\n --color-emerald-200: oklch(90.5% 0.093 164.15);\n --color-emerald-300: oklch(84.5% 0.143 164.978);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-emerald-700: oklch(50.8% 0.118 165.612);\n --color-emerald-800: oklch(43.2% 0.095 166.913);\n --color-emerald-900: oklch(37.8% 0.077 168.94);\n --color-emerald-950: oklch(26.2% 0.051 172.552);\n --color-teal-50: oklch(98.4% 0.014 180.72);\n --color-teal-100: oklch(95.3% 0.051 180.801);\n --color-teal-200: oklch(91% 0.096 180.426);\n --color-teal-300: oklch(85.5% 0.138 181.071);\n --color-teal-400: oklch(77.7% 0.152 181.912);\n --color-teal-500: oklch(70.4% 0.14 182.503);\n --color-teal-600: oklch(60% 0.118 184.704);\n --color-teal-700: oklch(51.1% 0.096 186.391);\n --color-teal-800: oklch(43.7% 0.078 188.216);\n --color-teal-900: oklch(38.6% 0.063 188.416);\n --color-teal-950: oklch(27.7% 0.046 192.524);\n --color-cyan-50: oklch(98.4% 0.019 200.873);\n --color-cyan-100: oklch(95.6% 0.045 203.388);\n --color-cyan-200: oklch(91.7% 0.08 205.041);\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-cyan-400: oklch(78.9% 0.154 211.53);\n --color-cyan-500: oklch(71.5% 0.143 215.221);\n --color-cyan-600: oklch(60.9% 0.126 221.723);\n --color-cyan-700: oklch(52% 0.105 223.128);\n --color-cyan-800: oklch(45% 0.085 224.283);\n --color-cyan-900: oklch(39.8% 0.07 227.392);\n --color-cyan-950: oklch(30.2% 0.056 229.695);\n --color-sky-50: oklch(97.7% 0.013 236.62);\n --color-sky-100: oklch(95.1% 0.026 236.824);\n --color-sky-200: oklch(90.1% 0.058 230.902);\n --color-sky-300: oklch(82.8% 0.111 230.318);\n --color-sky-400: oklch(74.6% 0.16 232.661);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-sky-600: oklch(58.8% 0.158 241.966);\n --color-sky-700: oklch(50% 0.134 242.749);\n --color-sky-800: oklch(44.3% 0.11 240.79);\n --color-sky-900: oklch(39.1% 0.09 240.876);\n --color-sky-950: oklch(29.3% 0.066 243.157);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-violet-50: oklch(96.9% 0.016 293.756);\n --color-violet-100: oklch(94.3% 0.029 294.588);\n --color-violet-200: oklch(89.4% 0.057 293.283);\n --color-violet-300: oklch(81.1% 0.111 293.571);\n --color-violet-400: oklch(70.2% 0.183 293.541);\n --color-violet-500: oklch(60.6% 0.25 292.717);\n --color-violet-600: oklch(54.1% 0.281 293.009);\n --color-violet-700: oklch(49.1% 0.27 292.581);\n --color-violet-800: oklch(43.2% 0.232 292.759);\n --color-violet-900: oklch(38% 0.189 293.745);\n --color-violet-950: oklch(28.3% 0.141 291.089);\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-200: oklch(90.2% 0.063 306.703);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-400: oklch(71.4% 0.203 305.504);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-800: oklch(43.8% 0.218 303.724);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-purple-950: oklch(29.1% 0.149 302.717);\n --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n --color-fuchsia-400: oklch(74% 0.238 322.16);\n --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n --color-pink-50: oklch(97.1% 0.014 343.198);\n --color-pink-100: oklch(94.8% 0.028 342.258);\n --color-pink-200: oklch(89.9% 0.061 343.231);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-pink-400: oklch(71.8% 0.202 349.761);\n --color-pink-500: oklch(65.6% 0.241 354.308);\n --color-pink-600: oklch(59.2% 0.249 0.584);\n --color-pink-700: oklch(52.5% 0.223 3.958);\n --color-pink-800: oklch(45.9% 0.187 3.815);\n --color-pink-900: oklch(40.8% 0.153 2.432);\n --color-pink-950: oklch(28.4% 0.109 3.907);\n --color-rose-50: oklch(96.9% 0.015 12.422);\n --color-rose-100: oklch(94.1% 0.03 12.58);\n --color-rose-200: oklch(89.2% 0.058 10.001);\n --color-rose-300: oklch(81% 0.117 11.638);\n --color-rose-400: oklch(71.2% 0.194 13.428);\n --color-rose-500: oklch(64.5% 0.246 16.439);\n --color-rose-600: oklch(58.6% 0.253 17.585);\n --color-rose-700: oklch(51.4% 0.222 16.935);\n --color-rose-800: oklch(45.5% 0.188 13.697);\n --color-rose-900: oklch(41% 0.159 10.272);\n --color-rose-950: oklch(27.1% 0.105 12.094);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-200: oklch(92% 0.004 286.32);\n --color-zinc-300: oklch(87.1% 0.006 286.286);\n --color-zinc-400: oklch(70.5% 0.015 286.067);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-600: oklch(44.2% 0.017 285.786);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-800: oklch(27.4% 0.006 286.033);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-zinc-950: oklch(14.1% 0.005 285.823);\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-stone-50: oklch(98.5% 0.001 106.423);\n --color-stone-100: oklch(97% 0.001 106.424);\n --color-stone-200: oklch(92.3% 0.003 48.717);\n --color-stone-300: oklch(86.9% 0.005 56.366);\n --color-stone-400: oklch(70.9% 0.01 56.259);\n --color-stone-500: oklch(55.3% 0.013 58.071);\n --color-stone-600: oklch(44.4% 0.011 73.639);\n --color-stone-700: oklch(37.4% 0.01 67.558);\n --color-stone-800: oklch(26.8% 0.007 34.298);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-stone-950: oklch(14.7% 0.004 49.25);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --breakpoint-sm: 40rem;\n --breakpoint-md: 48rem;\n --breakpoint-lg: 64rem;\n --breakpoint-xl: 80rem;\n --breakpoint-2xl: 96rem;\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n --tracking-tighter: -0.05em;\n --tracking-tight: -0.025em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --tracking-widest: 0.1em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);\n --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);\n --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n --blur-xs: 4px;\n --blur-sm: 8px;\n --blur-md: 12px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --blur-3xl: 64px;\n --perspective-dramatic: 100px;\n --perspective-near: 300px;\n --perspective-normal: 500px;\n --perspective-midrange: 800px;\n --perspective-distant: 1200px;\n --aspect-video: 16 / 9;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n --default-font-feature-settings: initial;\n --default-font-variation-settings: initial;\n --default-mono-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --default-mono-font-feature-settings: initial;\n --default-mono-font-variation-settings: initial;\n --font-titillium: \"Titillium Web\", sans-serif;\n}\ndiv:focus-visible, button:focus-visible {\n outline: none;\n}\n[data-bs-theme=\"dark\"] .qb-editor-root {\n color-scheme: dark;\n}\n[data-bs-theme=\"dark\"] .qb-editor-root .bg-white {\n background-color: #2B3036 !important;\n}\n[data-bs-theme=\"dark\"] .qb-editor-root .bg-gray-50 {\n background-color: #2B3036 !important;\n}\n[data-bs-theme=\"dark\"] .qb-editor-root .bg-gray-100 {\n background-color: #363c42 !important;\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateX(0);\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateY(0);\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateZ(0);\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n initial-value: skewX(0);\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n initial-value: skewY(0);\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%, 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";
|
|
8
|
+
style.textContent = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');\n@layer properties;\n:root, :host {\n --mie-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --mie-color-red-50: oklch(97.1% 0.013 17.38);\n --mie-color-red-100: oklch(93.6% 0.032 17.717);\n --mie-color-red-200: oklch(88.5% 0.062 18.334);\n --mie-color-red-300: oklch(80.8% 0.114 19.571);\n --mie-color-red-600: oklch(57.7% 0.245 27.325);\n --mie-color-red-700: oklch(50.5% 0.213 27.518);\n --mie-color-orange-50: oklch(98% 0.016 73.684);\n --mie-color-orange-500: oklch(70.5% 0.213 47.604);\n --mie-color-orange-600: oklch(64.6% 0.222 41.116);\n --mie-color-orange-700: oklch(55.3% 0.195 38.402);\n --mie-color-blue-50: oklch(97% 0.014 254.604);\n --mie-color-blue-100: oklch(93.2% 0.032 255.585);\n --mie-color-blue-200: oklch(88.2% 0.059 254.128);\n --mie-color-blue-300: oklch(80.9% 0.105 251.813);\n --mie-color-blue-400: oklch(70.7% 0.165 254.624);\n --mie-color-blue-500: oklch(62.3% 0.214 259.815);\n --mie-color-blue-600: oklch(54.6% 0.245 262.881);\n --mie-color-blue-700: oklch(48.8% 0.243 264.376);\n --mie-color-blue-800: oklch(42.4% 0.199 265.638);\n --mie-color-blue-900: oklch(37.9% 0.146 265.522);\n --mie-color-slate-50: oklch(98.4% 0.003 247.858);\n --mie-color-slate-200: oklch(92.9% 0.013 255.508);\n --mie-color-slate-300: oklch(86.9% 0.022 252.894);\n --mie-color-slate-400: oklch(70.4% 0.04 256.788);\n --mie-color-slate-500: oklch(55.4% 0.046 257.417);\n --mie-color-slate-600: oklch(44.6% 0.043 257.281);\n --mie-color-slate-700: oklch(37.2% 0.044 257.287);\n --mie-color-slate-900: oklch(20.8% 0.042 265.755);\n --mie-color-gray-50: oklch(98.5% 0.002 247.839);\n --mie-color-gray-100: oklch(96.7% 0.003 264.542);\n --mie-color-gray-200: oklch(92.8% 0.006 264.531);\n --mie-color-gray-300: oklch(87.2% 0.01 258.338);\n --mie-color-gray-400: oklch(70.7% 0.022 261.325);\n --mie-color-gray-500: oklch(55.1% 0.027 264.364);\n --mie-color-gray-600: oklch(44.6% 0.03 256.802);\n --mie-color-gray-700: oklch(37.3% 0.034 259.733);\n --mie-color-gray-800: oklch(27.8% 0.033 256.848);\n --mie-color-gray-900: oklch(21% 0.034 264.665);\n --mie-color-black: #000;\n --mie-color-white: #fff;\n --mie-spacing: 0.25rem;\n --mie-container-md: 28rem;\n --mie-container-xl: 36rem;\n --mie-container-4xl: 56rem;\n --mie-container-7xl: 80rem;\n --mie-text-xs: 0.75rem;\n --mie-text-xs--line-height: calc(1 / 0.75);\n --mie-text-sm: 0.875rem;\n --mie-text-sm--line-height: calc(1.25 / 0.875);\n --mie-text-base: 1rem;\n --mie-text-base--line-height: calc(1.5 / 1);\n --mie-text-lg: 1.125rem;\n --mie-text-lg--line-height: calc(1.75 / 1.125);\n --mie-text-xl: 1.25rem;\n --mie-text-xl--line-height: calc(1.75 / 1.25);\n --mie-text-2xl: 1.5rem;\n --mie-text-2xl--line-height: calc(2 / 1.5);\n --mie-font-weight-light: 300;\n --mie-font-weight-normal: 400;\n --mie-font-weight-medium: 500;\n --mie-font-weight-semibold: 600;\n --mie-font-weight-bold: 700;\n --mie-tracking-wide: 0.025em;\n --mie-leading-relaxed: 1.625;\n --mie-radius-md: 0.375rem;\n --mie-radius-lg: 0.5rem;\n --mie-radius-xl: 0.75rem;\n --mie-radius-2xl: 1rem;\n --mie-default-transition-duration: 150ms;\n --mie-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --mie-font-titillium: \"Titillium Web\", sans-serif;\n}\n.mie\\:pointer-events-none {\n pointer-events: none;\n}\n.mie\\:absolute {\n position: absolute;\n}\n.mie\\:fixed {\n position: fixed;\n}\n.mie\\:relative {\n position: relative;\n}\n.mie\\:sticky {\n position: sticky;\n}\n.mie\\:inset-0 {\n inset: calc(var(--mie-spacing) * 0);\n}\n.mie\\:top-0 {\n top: calc(var(--mie-spacing) * 0);\n}\n.mie\\:top-1\\/2 {\n top: calc(1/2 * 100%);\n}\n.mie\\:top-2 {\n top: calc(var(--mie-spacing) * 2);\n}\n.mie\\:top-3 {\n top: calc(var(--mie-spacing) * 3);\n}\n.mie\\:top-11 {\n top: calc(var(--mie-spacing) * 11);\n}\n.mie\\:right-0 {\n right: calc(var(--mie-spacing) * 0);\n}\n.mie\\:right-2 {\n right: calc(var(--mie-spacing) * 2);\n}\n.mie\\:right-3 {\n right: calc(var(--mie-spacing) * 3);\n}\n.mie\\:bottom-0 {\n bottom: calc(var(--mie-spacing) * 0);\n}\n.mie\\:bottom-5 {\n bottom: calc(var(--mie-spacing) * 5);\n}\n.mie\\:bottom-full {\n bottom: 100%;\n}\n.mie\\:-left-2 {\n left: calc(var(--mie-spacing) * -2);\n}\n.mie\\:left-0 {\n left: calc(var(--mie-spacing) * 0);\n}\n.mie\\:left-5 {\n left: calc(var(--mie-spacing) * 5);\n}\n.mie\\:z-10 {\n z-index: 10;\n}\n.mie\\:z-20 {\n z-index: 20;\n}\n.mie\\:z-40 {\n z-index: 40;\n}\n.mie\\:z-50 {\n z-index: 50;\n}\n.mie\\:z-9999 {\n z-index: 9999;\n}\n.mie\\:m-0 {\n margin: calc(var(--mie-spacing) * 0);\n}\n.mie\\:-mx-6 {\n margin-inline: calc(var(--mie-spacing) * -6);\n}\n.mie\\:mx-4 {\n margin-inline: calc(var(--mie-spacing) * 4);\n}\n.mie\\:mx-auto {\n margin-inline: auto;\n}\n.mie\\:my-2 {\n margin-block: calc(var(--mie-spacing) * 2);\n}\n.mie\\:my-9 {\n margin-block: calc(var(--mie-spacing) * 9);\n}\n.mie\\:-mt-6 {\n margin-top: calc(var(--mie-spacing) * -6);\n}\n.mie\\:mt-1 {\n margin-top: calc(var(--mie-spacing) * 1);\n}\n.mie\\:mt-2 {\n margin-top: calc(var(--mie-spacing) * 2);\n}\n.mie\\:mt-3 {\n margin-top: calc(var(--mie-spacing) * 3);\n}\n.mie\\:mt-4 {\n margin-top: calc(var(--mie-spacing) * 4);\n}\n.mie\\:mr-2 {\n margin-right: calc(var(--mie-spacing) * 2);\n}\n.mie\\:mb-1 {\n margin-bottom: calc(var(--mie-spacing) * 1);\n}\n.mie\\:mb-1\\.5 {\n margin-bottom: calc(var(--mie-spacing) * 1.5);\n}\n.mie\\:mb-2 {\n margin-bottom: calc(var(--mie-spacing) * 2);\n}\n.mie\\:mb-3 {\n margin-bottom: calc(var(--mie-spacing) * 3);\n}\n.mie\\:mb-4 {\n margin-bottom: calc(var(--mie-spacing) * 4);\n}\n.mie\\:mb-6 {\n margin-bottom: calc(var(--mie-spacing) * 6);\n}\n.mie\\:ml-2 {\n margin-left: calc(var(--mie-spacing) * 2);\n}\n.mie\\:ml-auto {\n margin-left: auto;\n}\n.mie\\:block {\n display: block;\n}\n.mie\\:flex {\n display: flex;\n}\n.mie\\:grid {\n display: grid;\n}\n.mie\\:hidden {\n display: none;\n}\n.mie\\:inline-flex {\n display: inline-flex;\n}\n.mie\\:h-1 {\n height: calc(var(--mie-spacing) * 1);\n}\n.mie\\:h-3 {\n height: calc(var(--mie-spacing) * 3);\n}\n.mie\\:h-3\\.5 {\n height: calc(var(--mie-spacing) * 3.5);\n}\n.mie\\:h-4 {\n height: calc(var(--mie-spacing) * 4);\n}\n.mie\\:h-5 {\n height: calc(var(--mie-spacing) * 5);\n}\n.mie\\:h-6 {\n height: calc(var(--mie-spacing) * 6);\n}\n.mie\\:h-7 {\n height: calc(var(--mie-spacing) * 7);\n}\n.mie\\:h-8 {\n height: calc(var(--mie-spacing) * 8);\n}\n.mie\\:h-9 {\n height: calc(var(--mie-spacing) * 9);\n}\n.mie\\:h-10 {\n height: calc(var(--mie-spacing) * 10);\n}\n.mie\\:h-11 {\n height: calc(var(--mie-spacing) * 11);\n}\n.mie\\:h-12 {\n height: calc(var(--mie-spacing) * 12);\n}\n.mie\\:h-24 {\n height: calc(var(--mie-spacing) * 24);\n}\n.mie\\:h-72 {\n height: calc(var(--mie-spacing) * 72);\n}\n.mie\\:h-auto {\n height: auto;\n}\n.mie\\:h-fit {\n height: fit-content;\n}\n.mie\\:h-full {\n height: 100%;\n}\n.mie\\:max-h-32 {\n max-height: calc(var(--mie-spacing) * 32);\n}\n.mie\\:max-h-48 {\n max-height: calc(var(--mie-spacing) * 48);\n}\n.mie\\:max-h-56 {\n max-height: calc(var(--mie-spacing) * 56);\n}\n.mie\\:max-h-60 {\n max-height: calc(var(--mie-spacing) * 60);\n}\n.mie\\:max-h-64 {\n max-height: calc(var(--mie-spacing) * 64);\n}\n.mie\\:max-h-75 {\n max-height: calc(var(--mie-spacing) * 75);\n}\n.mie\\:max-h-\\[60vh\\] {\n max-height: 60vh;\n}\n.mie\\:max-h-\\[calc\\(100svh-13rem\\)\\] {\n max-height: calc(100svh - 13rem);\n}\n.mie\\:max-h-\\[calc\\(100svh-24rem\\)\\] {\n max-height: calc(100svh - 24rem);\n}\n.mie\\:max-h-none {\n max-height: none;\n}\n.mie\\:max-h-screen {\n max-height: 100vh;\n}\n.mie\\:min-h-10 {\n min-height: calc(var(--mie-spacing) * 10);\n}\n.mie\\:min-h-24 {\n min-height: calc(var(--mie-spacing) * 24);\n}\n.mie\\:min-h-64 {\n min-height: calc(var(--mie-spacing) * 64);\n}\n.mie\\:w-1\\/2 {\n width: calc(1/2 * 100%);\n}\n.mie\\:w-3 {\n width: calc(var(--mie-spacing) * 3);\n}\n.mie\\:w-3\\.5 {\n width: calc(var(--mie-spacing) * 3.5);\n}\n.mie\\:w-3\\/4 {\n width: calc(3/4 * 100%);\n}\n.mie\\:w-4 {\n width: calc(var(--mie-spacing) * 4);\n}\n.mie\\:w-5 {\n width: calc(var(--mie-spacing) * 5);\n}\n.mie\\:w-6 {\n width: calc(var(--mie-spacing) * 6);\n}\n.mie\\:w-7 {\n width: calc(var(--mie-spacing) * 7);\n}\n.mie\\:w-8 {\n width: calc(var(--mie-spacing) * 8);\n}\n.mie\\:w-9 {\n width: calc(var(--mie-spacing) * 9);\n}\n.mie\\:w-12 {\n width: calc(var(--mie-spacing) * 12);\n}\n.mie\\:w-20 {\n width: calc(var(--mie-spacing) * 20);\n}\n.mie\\:w-32 {\n width: calc(var(--mie-spacing) * 32);\n}\n.mie\\:w-fit {\n width: fit-content;\n}\n.mie\\:w-full {\n width: 100%;\n}\n.mie\\:w-px {\n width: 1px;\n}\n.mie\\:max-w-4xl {\n max-width: var(--mie-container-4xl);\n}\n.mie\\:max-w-7xl {\n max-width: var(--mie-container-7xl);\n}\n.mie\\:max-w-\\[80vw\\] {\n max-width: 80vw;\n}\n.mie\\:max-w-full {\n max-width: 100%;\n}\n.mie\\:max-w-md {\n max-width: var(--mie-container-md);\n}\n.mie\\:max-w-xl {\n max-width: var(--mie-container-xl);\n}\n.mie\\:min-w-0 {\n min-width: calc(var(--mie-spacing) * 0);\n}\n.mie\\:min-w-\\[44px\\] {\n min-width: 44px;\n}\n.mie\\:flex-1 {\n flex: 1;\n}\n.mie\\:shrink-0 {\n flex-shrink: 0;\n}\n.mie\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n.mie\\:scale-105 {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n}\n.mie\\:rotate-180 {\n rotate: 180deg;\n}\n.mie\\:cursor-not-allowed {\n cursor: not-allowed;\n}\n.mie\\:cursor-pointer {\n cursor: pointer;\n}\n.mie\\:touch-manipulation {\n touch-action: manipulation;\n}\n.mie\\:resize-y {\n resize: vertical;\n}\n.mie\\:appearance-none {\n appearance: none;\n}\n.mie\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.mie\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.mie\\:flex-col {\n flex-direction: column;\n}\n.mie\\:flex-wrap {\n flex-wrap: wrap;\n}\n.mie\\:items-center {\n align-items: center;\n}\n.mie\\:items-end {\n align-items: flex-end;\n}\n.mie\\:items-start {\n align-items: flex-start;\n}\n.mie\\:justify-between {\n justify-content: space-between;\n}\n.mie\\:justify-center {\n justify-content: center;\n}\n.mie\\:justify-end {\n justify-content: flex-end;\n}\n.mie\\:justify-evenly {\n justify-content: space-evenly;\n}\n.mie\\:justify-start {\n justify-content: flex-start;\n}\n.mie\\:gap-0 {\n gap: calc(var(--mie-spacing) * 0);\n}\n.mie\\:gap-1 {\n gap: calc(var(--mie-spacing) * 1);\n}\n.mie\\:gap-1\\.5 {\n gap: calc(var(--mie-spacing) * 1.5);\n}\n.mie\\:gap-2 {\n gap: calc(var(--mie-spacing) * 2);\n}\n.mie\\:gap-3 {\n gap: calc(var(--mie-spacing) * 3);\n}\n.mie\\:gap-4 {\n gap: calc(var(--mie-spacing) * 4);\n}\n.mie\\:space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--mie-spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--mie-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.mie\\:space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--mie-spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--mie-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.mie\\:space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--mie-spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--mie-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.mie\\:space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--mie-spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--mie-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n}\n.mie\\:truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.mie\\:overflow-auto {\n overflow: auto;\n}\n.mie\\:overflow-hidden {\n overflow: hidden;\n}\n.mie\\:overflow-visible {\n overflow: visible;\n}\n.mie\\:overflow-y-auto {\n overflow-y: auto;\n}\n.mie\\:rounded {\n border-radius: 0.25rem;\n}\n.mie\\:rounded-2xl {\n border-radius: var(--mie-radius-2xl);\n}\n.mie\\:rounded-full {\n border-radius: calc(infinity * 1px);\n}\n.mie\\:rounded-lg {\n border-radius: var(--mie-radius-lg);\n}\n.mie\\:rounded-md {\n border-radius: var(--mie-radius-md);\n}\n.mie\\:rounded-xl {\n border-radius: var(--mie-radius-xl);\n}\n.mie\\:rounded-t-2xl {\n border-top-left-radius: var(--mie-radius-2xl);\n border-top-right-radius: var(--mie-radius-2xl);\n}\n.mie\\:rounded-t-lg {\n border-top-left-radius: var(--mie-radius-lg);\n border-top-right-radius: var(--mie-radius-lg);\n}\n.mie\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n}\n.mie\\:border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n}\n.mie\\:border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n}\n.mie\\:border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n}\n.mie\\:border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n}\n.mie\\:border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n}\n.mie\\:border-black\\/10 {\n border-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--mie-color-black) 10%, transparent);\n }\n}\n.mie\\:border-black\\/15 {\n border-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--mie-color-black) 15%, transparent);\n }\n}\n.mie\\:border-black\\/20 {\n border-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--mie-color-black) 20%, transparent);\n }\n}\n.mie\\:border-blue-200 {\n border-color: var(--mie-color-blue-200);\n}\n.mie\\:border-blue-300 {\n border-color: var(--mie-color-blue-300);\n}\n.mie\\:border-blue-400 {\n border-color: var(--mie-color-blue-400);\n}\n.mie\\:border-blue-600 {\n border-color: var(--mie-color-blue-600);\n}\n.mie\\:border-gray-100 {\n border-color: var(--mie-color-gray-100);\n}\n.mie\\:border-gray-200 {\n border-color: var(--mie-color-gray-200);\n}\n.mie\\:border-gray-300 {\n border-color: var(--mie-color-gray-300);\n}\n.mie\\:border-orange-500 {\n border-color: var(--mie-color-orange-500);\n}\n.mie\\:border-red-200 {\n border-color: var(--mie-color-red-200);\n}\n.mie\\:border-red-300 {\n border-color: var(--mie-color-red-300);\n}\n.mie\\:border-slate-200 {\n border-color: var(--mie-color-slate-200);\n}\n.mie\\:border-slate-300 {\n border-color: var(--mie-color-slate-300);\n}\n.mie\\:border-transparent {\n border-color: transparent;\n}\n.mie\\:bg-black\\/5 {\n background-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--mie-color-black) 5%, transparent);\n }\n}\n.mie\\:bg-black\\/30 {\n background-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--mie-color-black) 30%, transparent);\n }\n}\n.mie\\:bg-black\\/50 {\n background-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--mie-color-black) 50%, transparent);\n }\n}\n.mie\\:bg-blue-50 {\n background-color: var(--mie-color-blue-50);\n}\n.mie\\:bg-blue-100 {\n background-color: var(--mie-color-blue-100);\n}\n.mie\\:bg-blue-400 {\n background-color: var(--mie-color-blue-400);\n}\n.mie\\:bg-blue-500 {\n background-color: var(--mie-color-blue-500);\n}\n.mie\\:bg-blue-600 {\n background-color: var(--mie-color-blue-600);\n}\n.mie\\:bg-gray-50 {\n background-color: var(--mie-color-gray-50);\n}\n.mie\\:bg-gray-100 {\n background-color: var(--mie-color-gray-100);\n}\n.mie\\:bg-gray-200 {\n background-color: var(--mie-color-gray-200);\n}\n.mie\\:bg-gray-300 {\n background-color: var(--mie-color-gray-300);\n}\n.mie\\:bg-gray-700 {\n background-color: var(--mie-color-gray-700);\n}\n.mie\\:bg-orange-50 {\n background-color: var(--mie-color-orange-50);\n}\n.mie\\:bg-orange-500 {\n background-color: var(--mie-color-orange-500);\n}\n.mie\\:bg-red-50 {\n background-color: var(--mie-color-red-50);\n}\n.mie\\:bg-red-100 {\n background-color: var(--mie-color-red-100);\n}\n.mie\\:bg-slate-50 {\n background-color: var(--mie-color-slate-50);\n}\n.mie\\:bg-transparent {\n background-color: transparent;\n}\n.mie\\:bg-white {\n background-color: var(--mie-color-white);\n}\n.mie\\:bg-linear-to-br {\n --tw-gradient-position: to bottom right;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to bottom right in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.mie\\:bg-linear-to-r {\n --tw-gradient-position: to right;\n @supports (background-image: linear-gradient(in lab, red, red)) {\n --tw-gradient-position: to right in oklab;\n }\n background-image: linear-gradient(var(--tw-gradient-stops));\n}\n.mie\\:from-blue-50 {\n --tw-gradient-from: var(--mie-color-blue-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.mie\\:from-gray-50 {\n --tw-gradient-from: var(--mie-color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.mie\\:to-gray-50 {\n --tw-gradient-to: var(--mie-color-gray-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.mie\\:to-gray-100 {\n --tw-gradient-to: var(--mie-color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.mie\\:object-contain {\n object-fit: contain;\n}\n.mie\\:p-0 {\n padding: calc(var(--mie-spacing) * 0);\n}\n.mie\\:p-1 {\n padding: calc(var(--mie-spacing) * 1);\n}\n.mie\\:p-1\\.5 {\n padding: calc(var(--mie-spacing) * 1.5);\n}\n.mie\\:p-2 {\n padding: calc(var(--mie-spacing) * 2);\n}\n.mie\\:p-3 {\n padding: calc(var(--mie-spacing) * 3);\n}\n.mie\\:p-4 {\n padding: calc(var(--mie-spacing) * 4);\n}\n.mie\\:p-6 {\n padding: calc(var(--mie-spacing) * 6);\n}\n.mie\\:p-8 {\n padding: calc(var(--mie-spacing) * 8);\n}\n.mie\\:px-0 {\n padding-inline: calc(var(--mie-spacing) * 0);\n}\n.mie\\:px-0\\.5 {\n padding-inline: calc(var(--mie-spacing) * 0.5);\n}\n.mie\\:px-2 {\n padding-inline: calc(var(--mie-spacing) * 2);\n}\n.mie\\:px-2\\.5 {\n padding-inline: calc(var(--mie-spacing) * 2.5);\n}\n.mie\\:px-3 {\n padding-inline: calc(var(--mie-spacing) * 3);\n}\n.mie\\:px-4 {\n padding-inline: calc(var(--mie-spacing) * 4);\n}\n.mie\\:px-6 {\n padding-inline: calc(var(--mie-spacing) * 6);\n}\n.mie\\:px-8 {\n padding-inline: calc(var(--mie-spacing) * 8);\n}\n.mie\\:py-0\\.5 {\n padding-block: calc(var(--mie-spacing) * 0.5);\n}\n.mie\\:py-1 {\n padding-block: calc(var(--mie-spacing) * 1);\n}\n.mie\\:py-1\\.5 {\n padding-block: calc(var(--mie-spacing) * 1.5);\n}\n.mie\\:py-2 {\n padding-block: calc(var(--mie-spacing) * 2);\n}\n.mie\\:py-2\\.5 {\n padding-block: calc(var(--mie-spacing) * 2.5);\n}\n.mie\\:py-3 {\n padding-block: calc(var(--mie-spacing) * 3);\n}\n.mie\\:py-4 {\n padding-block: calc(var(--mie-spacing) * 4);\n}\n.mie\\:py-5 {\n padding-block: calc(var(--mie-spacing) * 5);\n}\n.mie\\:py-10 {\n padding-block: calc(var(--mie-spacing) * 10);\n}\n.mie\\:pt-1 {\n padding-top: calc(var(--mie-spacing) * 1);\n}\n.mie\\:pt-2 {\n padding-top: calc(var(--mie-spacing) * 2);\n}\n.mie\\:pt-3 {\n padding-top: calc(var(--mie-spacing) * 3);\n}\n.mie\\:pt-4 {\n padding-top: calc(var(--mie-spacing) * 4);\n}\n.mie\\:pt-6 {\n padding-top: calc(var(--mie-spacing) * 6);\n}\n.mie\\:pr-10 {\n padding-right: calc(var(--mie-spacing) * 10);\n}\n.mie\\:pr-16 {\n padding-right: calc(var(--mie-spacing) * 16);\n}\n.mie\\:pb-2 {\n padding-bottom: calc(var(--mie-spacing) * 2);\n}\n.mie\\:pb-4 {\n padding-bottom: calc(var(--mie-spacing) * 4);\n}\n.mie\\:pb-8 {\n padding-bottom: calc(var(--mie-spacing) * 8);\n}\n.mie\\:pl-32 {\n padding-left: calc(var(--mie-spacing) * 32);\n}\n.mie\\:text-center {\n text-align: center;\n}\n.mie\\:text-left {\n text-align: left;\n}\n.mie\\:font-mono {\n font-family: var(--mie-font-mono);\n}\n.mie\\:font-titillium {\n font-family: var(--mie-font-titillium);\n}\n.mie\\:text-base {\n font-size: var(--mie-text-base);\n line-height: var(--tw-leading, var(--mie-text-base--line-height));\n}\n.mie\\:text-lg {\n font-size: var(--mie-text-lg);\n line-height: var(--tw-leading, var(--mie-text-lg--line-height));\n}\n.mie\\:text-sm {\n font-size: var(--mie-text-sm);\n line-height: var(--tw-leading, var(--mie-text-sm--line-height));\n}\n.mie\\:text-xl {\n font-size: var(--mie-text-xl);\n line-height: var(--tw-leading, var(--mie-text-xl--line-height));\n}\n.mie\\:text-xs {\n font-size: var(--mie-text-xs);\n line-height: var(--tw-leading, var(--mie-text-xs--line-height));\n}\n.mie\\:leading-relaxed {\n --tw-leading: var(--mie-leading-relaxed);\n line-height: var(--mie-leading-relaxed);\n}\n.mie\\:font-bold {\n --tw-font-weight: var(--mie-font-weight-bold);\n font-weight: var(--mie-font-weight-bold);\n}\n.mie\\:font-light {\n --tw-font-weight: var(--mie-font-weight-light);\n font-weight: var(--mie-font-weight-light);\n}\n.mie\\:font-medium {\n --tw-font-weight: var(--mie-font-weight-medium);\n font-weight: var(--mie-font-weight-medium);\n}\n.mie\\:font-normal {\n --tw-font-weight: var(--mie-font-weight-normal);\n font-weight: var(--mie-font-weight-normal);\n}\n.mie\\:font-semibold {\n --tw-font-weight: var(--mie-font-weight-semibold);\n font-weight: var(--mie-font-weight-semibold);\n}\n.mie\\:tracking-wide {\n --tw-tracking: var(--mie-tracking-wide);\n letter-spacing: var(--mie-tracking-wide);\n}\n.mie\\:wrap-break-word {\n overflow-wrap: break-word;\n}\n.mie\\:whitespace-nowrap {\n white-space: nowrap;\n}\n.mie\\:whitespace-pre-line {\n white-space: pre-line;\n}\n.mie\\:text-blue-500 {\n color: var(--mie-color-blue-500);\n}\n.mie\\:text-blue-600 {\n color: var(--mie-color-blue-600);\n}\n.mie\\:text-blue-800 {\n color: var(--mie-color-blue-800);\n}\n.mie\\:text-blue-900 {\n color: var(--mie-color-blue-900);\n}\n.mie\\:text-gray-300 {\n color: var(--mie-color-gray-300);\n}\n.mie\\:text-gray-400 {\n color: var(--mie-color-gray-400);\n}\n.mie\\:text-gray-500 {\n color: var(--mie-color-gray-500);\n}\n.mie\\:text-gray-600 {\n color: var(--mie-color-gray-600);\n}\n.mie\\:text-gray-700 {\n color: var(--mie-color-gray-700);\n}\n.mie\\:text-gray-800 {\n color: var(--mie-color-gray-800);\n}\n.mie\\:text-gray-900 {\n color: var(--mie-color-gray-900);\n}\n.mie\\:text-orange-700 {\n color: var(--mie-color-orange-700);\n}\n.mie\\:text-red-600 {\n color: var(--mie-color-red-600);\n}\n.mie\\:text-red-700 {\n color: var(--mie-color-red-700);\n}\n.mie\\:text-slate-400 {\n color: var(--mie-color-slate-400);\n}\n.mie\\:text-slate-500 {\n color: var(--mie-color-slate-500);\n}\n.mie\\:text-slate-600 {\n color: var(--mie-color-slate-600);\n}\n.mie\\:text-slate-700 {\n color: var(--mie-color-slate-700);\n}\n.mie\\:text-slate-900 {\n color: var(--mie-color-slate-900);\n}\n.mie\\:text-white {\n color: var(--mie-color-white);\n}\n.mie\\:uppercase {\n text-transform: uppercase;\n}\n.mie\\:italic {\n font-style: italic;\n}\n.mie\\:opacity-0 {\n opacity: 0%;\n}\n.mie\\:opacity-50 {\n opacity: 50%;\n}\n.mie\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.mie\\:ring-blue-500 {\n --tw-ring-color: var(--mie-color-blue-500);\n}\n.mie\\:ring-offset-2 {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n}\n.mie\\:transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--mie-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--mie-default-transition-duration));\n}\n.mie\\:transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--mie-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--mie-default-transition-duration));\n}\n.mie\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--mie-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--mie-default-transition-duration));\n}\n.mie\\:transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--mie-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--mie-default-transition-duration));\n}\n.mie\\:duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n}\n.mie\\:outline-none {\n --tw-outline-style: none;\n outline-style: none;\n}\n.mie\\:select-none {\n -webkit-user-select: none;\n user-select: none;\n}\n.mie\\:hover\\:flex {\n &:hover {\n @media (hover: hover) {\n display: flex;\n }\n }\n}\n.mie\\:hover\\:scale-105 {\n &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n}\n.mie\\:hover\\:border-blue-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--mie-color-blue-300);\n }\n }\n}\n.mie\\:hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--mie-color-blue-400);\n }\n }\n}\n.mie\\:hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--mie-color-gray-400);\n }\n }\n}\n.mie\\:hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--mie-color-black) 5%, transparent);\n }\n }\n }\n}\n.mie\\:hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-blue-50);\n }\n }\n}\n.mie\\:hover\\:bg-blue-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-blue-500);\n }\n }\n}\n.mie\\:hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-blue-600);\n }\n }\n}\n.mie\\:hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-blue-700);\n }\n }\n}\n.mie\\:hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-gray-200);\n }\n }\n}\n.mie\\:hover\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-gray-300);\n }\n }\n}\n.mie\\:hover\\:bg-orange-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-orange-600);\n }\n }\n}\n.mie\\:hover\\:bg-red-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-red-50);\n }\n }\n}\n.mie\\:hover\\:bg-red-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-red-200);\n }\n }\n}\n.mie\\:hover\\:bg-slate-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-slate-50);\n }\n }\n}\n.mie\\:hover\\:bg-white {\n &:hover {\n @media (hover: hover) {\n background-color: var(--mie-color-white);\n }\n }\n}\n.mie\\:hover\\:from-blue-100 {\n &:hover {\n @media (hover: hover) {\n --tw-gradient-from: var(--mie-color-blue-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n}\n.mie\\:hover\\:to-gray-100 {\n &:hover {\n @media (hover: hover) {\n --tw-gradient-to: var(--mie-color-gray-100);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n}\n.mie\\:hover\\:text-blue-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--mie-color-blue-600);\n }\n }\n}\n.mie\\:hover\\:text-blue-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--mie-color-blue-700);\n }\n }\n}\n.mie\\:hover\\:text-red-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--mie-color-red-600);\n }\n }\n}\n.mie\\:hover\\:text-red-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--mie-color-red-700);\n }\n }\n}\n.mie\\:hover\\:text-slate-900 {\n &:hover {\n @media (hover: hover) {\n color: var(--mie-color-slate-900);\n }\n }\n}\n.mie\\:hover\\:shadow {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.mie\\:hover\\:ring-2 {\n &:hover {\n @media (hover: hover) {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n.mie\\:hover\\:ring-gray-300 {\n &:hover {\n @media (hover: hover) {\n --tw-ring-color: var(--mie-color-gray-300);\n }\n }\n}\n.mie\\:focus\\:border-blue-400 {\n &:focus {\n border-color: var(--mie-color-blue-400);\n }\n}\n.mie\\:focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.mie\\:focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.mie\\:focus\\:ring-blue-400 {\n &:focus {\n --tw-ring-color: var(--mie-color-blue-400);\n }\n}\n.mie\\:focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--mie-color-blue-500);\n }\n}\n.mie\\:focus\\:ring-slate-500 {\n &:focus {\n --tw-ring-color: var(--mie-color-slate-500);\n }\n}\n.mie\\:focus\\:ring-offset-2 {\n &:focus {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n}\n.mie\\:focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n}\n.mie\\:disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n}\n.mie\\:disabled\\:opacity-40 {\n &:disabled {\n opacity: 40%;\n }\n}\n.mie\\:disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n}\n.mie\\:sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.mie\\:md\\:mt-4 {\n @media (width >= 48rem) {\n margin-top: calc(var(--mie-spacing) * 4);\n }\n}\n.mie\\:md\\:w-80 {\n @media (width >= 48rem) {\n width: calc(var(--mie-spacing) * 80);\n }\n}\n.mie\\:md\\:max-w-\\[75vw\\] {\n @media (width >= 48rem) {\n max-width: 75vw;\n }\n}\n.mie\\:md\\:flex-row {\n @media (width >= 48rem) {\n flex-direction: row;\n }\n}\n.mie\\:md\\:px-6 {\n @media (width >= 48rem) {\n padding-inline: calc(var(--mie-spacing) * 6);\n }\n}\n.mie\\:lg\\:mt-6 {\n @media (width >= 64rem) {\n margin-top: calc(var(--mie-spacing) * 6);\n }\n}\n.mie\\:lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n}\n.mie\\:lg\\:flex {\n @media (width >= 64rem) {\n display: flex;\n }\n}\n.mie\\:lg\\:hidden {\n @media (width >= 64rem) {\n display: none;\n }\n}\n.mie\\:lg\\:h-4 {\n @media (width >= 64rem) {\n height: calc(var(--mie-spacing) * 4);\n }\n}\n.mie\\:lg\\:max-h-\\[calc\\(100dvh-11rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 11rem);\n }\n}\n.mie\\:lg\\:max-h-\\[calc\\(100dvh-20rem\\)\\] {\n @media (width >= 64rem) {\n max-height: calc(100dvh - 20rem);\n }\n}\n.mie\\:lg\\:w-4 {\n @media (width >= 64rem) {\n width: calc(var(--mie-spacing) * 4);\n }\n}\n.mie\\:lg\\:w-72 {\n @media (width >= 64rem) {\n width: calc(var(--mie-spacing) * 72);\n }\n}\n.mie\\:lg\\:w-90 {\n @media (width >= 64rem) {\n width: calc(var(--mie-spacing) * 90);\n }\n}\n.mie\\:lg\\:max-w-full {\n @media (width >= 64rem) {\n max-width: 100%;\n }\n}\n.mie\\:lg\\:grid-cols-2 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.mie\\:lg\\:flex-row {\n @media (width >= 64rem) {\n flex-direction: row;\n }\n}\n.mie\\:lg\\:items-center {\n @media (width >= 64rem) {\n align-items: center;\n }\n}\n.mie\\:lg\\:justify-center {\n @media (width >= 64rem) {\n justify-content: center;\n }\n}\n.mie\\:lg\\:gap-2 {\n @media (width >= 64rem) {\n gap: calc(var(--mie-spacing) * 2);\n }\n}\n.mie\\:lg\\:gap-3 {\n @media (width >= 64rem) {\n gap: calc(var(--mie-spacing) * 3);\n }\n}\n.mie\\:lg\\:px-3 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--mie-spacing) * 3);\n }\n}\n.mie\\:lg\\:px-4 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--mie-spacing) * 4);\n }\n}\n.mie\\:lg\\:px-6 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--mie-spacing) * 6);\n }\n}\n.mie\\:lg\\:py-2 {\n @media (width >= 64rem) {\n padding-block: calc(var(--mie-spacing) * 2);\n }\n}\n.mie\\:lg\\:pr-2 {\n @media (width >= 64rem) {\n padding-right: calc(var(--mie-spacing) * 2);\n }\n}\n.mie\\:lg\\:pb-4 {\n @media (width >= 64rem) {\n padding-bottom: calc(var(--mie-spacing) * 4);\n }\n}\n.mie\\:lg\\:text-2xl {\n @media (width >= 64rem) {\n font-size: var(--mie-text-2xl);\n line-height: var(--tw-leading, var(--mie-text-2xl--line-height));\n }\n}\n.mie\\:lg\\:text-sm {\n @media (width >= 64rem) {\n font-size: var(--mie-text-sm);\n line-height: var(--tw-leading, var(--mie-text-sm--line-height));\n }\n}\n@layer base {\n .qb-editor-root, .qb-editor-root *, .qb-editor-root *::before, .qb-editor-root *::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: currentColor;\n }\n}\ndiv:focus-visible, button:focus-visible {\n outline: none;\n}\n.mie\\:custom-scrollbar::-webkit-scrollbar {\n width: 4px;\n}\n.mie\\:custom-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n}\n.mie\\:custom-scrollbar::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 9999px;\n transition: background 0.2s;\n}\n.mie\\:custom-scrollbar:hover::-webkit-scrollbar-thumb {\n background: #d1d5db;\n}\n.mie\\:custom-scrollbar {\n scrollbar-width: thin;\n scrollbar-color: transparent transparent;\n}\n.mie\\:custom-scrollbar:hover {\n scrollbar-color: #d1d5db transparent;\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-duration: initial;\n }\n }\n}\n";
|
|
9
9
|
document.head.appendChild(style);
|
|
10
10
|
}
|
|
11
11
|
window.__QUESTIONNAIRE_EDITOR_CSS_INJECTED = true;
|
|
12
12
|
})();
|
|
13
|
-
import
|
|
14
|
-
import { useFormStore as
|
|
15
|
-
import
|
|
16
|
-
import { useStore as
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return { $$typeof: r, type: f, key: A, ref: T, props: i, _owner: o.current };
|
|
13
|
+
import c, { useCallback as de, useMemo as Ee, memo as Ce, useState as ue, useRef as $, useEffect as J } from "react";
|
|
14
|
+
import { useFormStore as V, useFormData as $e, useAlert as Ue, useUIApi as B, VEDITOR_ICON as tt, CODE_ICON as it, PICTURE_ICON as rt, UPLOAD_ICON as nt, DOWNLOAD_ICON as st, parseAndDetect as fe, adaptSchema as he, fieldTypes as K, TOOLS_ICON as ot, X_ICON as lt, PAPERCLIP_ICON as at, MATRIX_ICON as ct, RANKING_ICON as mt, SELECTINPUT_ICON as dt, FOLDERS_ICON as ut, TEXTINPUT_ICON as ft, TRASHCANTWO_ICON as re, useFormApi as Ne, FormStoreContext as Oe, ARROWDOWN_ICON as ht, NUMERIC_EXPRESSION_FORMATS as pt, EDIT_ICON as gt, EYEEDIT_ICON as bt, useVisibleFields as xt, useUIStore as vt, getFieldComponent as yt, MIE_FORMS_SCHEMA_TYPE as ve, createFormStore as jt, createUIStore as wt, AlertProvider as Et, UIStoreContext as Nt } from "@mieweb/forms-engine";
|
|
15
|
+
import le from "js-yaml";
|
|
16
|
+
import { useStore as Ct } from "zustand";
|
|
17
|
+
var ae = { exports: {} }, Z = {};
|
|
18
|
+
var Te;
|
|
19
|
+
function Ot() {
|
|
20
|
+
if (Te) return Z;
|
|
21
|
+
Te = 1;
|
|
22
|
+
var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
|
|
23
|
+
function r(n, s, o) {
|
|
24
|
+
var u = null;
|
|
25
|
+
if (o !== void 0 && (u = "" + o), s.key !== void 0 && (u = "" + s.key), "key" in s) {
|
|
26
|
+
o = {};
|
|
27
|
+
for (var a in s)
|
|
28
|
+
a !== "key" && (o[a] = s[a]);
|
|
29
|
+
} else o = s;
|
|
30
|
+
return s = o.ref, {
|
|
31
|
+
$$typeof: e,
|
|
32
|
+
type: n,
|
|
33
|
+
key: u,
|
|
34
|
+
ref: s !== void 0 ? s : null,
|
|
35
|
+
props: o
|
|
36
|
+
};
|
|
38
37
|
}
|
|
39
|
-
return
|
|
40
|
-
}
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
function Ar() {
|
|
53
|
-
return ut || (ut = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
54
|
-
var e = m, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), i = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, j = "@@iterator";
|
|
55
|
-
function E(n) {
|
|
56
|
-
if (n === null || typeof n != "object")
|
|
57
|
-
return null;
|
|
58
|
-
var d = W && n[W] || n[j];
|
|
59
|
-
return typeof d == "function" ? d : null;
|
|
60
|
-
}
|
|
61
|
-
var I = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
62
|
-
function y(n) {
|
|
63
|
-
{
|
|
64
|
-
for (var d = arguments.length, b = new Array(d > 1 ? d - 1 : 0), C = 1; C < d; C++)
|
|
65
|
-
b[C - 1] = arguments[C];
|
|
66
|
-
S("error", n, b);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
function S(n, d, b) {
|
|
70
|
-
{
|
|
71
|
-
var C = I.ReactDebugCurrentFrame, F = C.getStackAddendum();
|
|
72
|
-
F !== "" && (d += "%s", b = b.concat([F]));
|
|
73
|
-
var $ = b.map(function(_) {
|
|
74
|
-
return String(_);
|
|
75
|
-
});
|
|
76
|
-
$.unshift("Warning: " + d), Function.prototype.apply.call(console[n], console, $);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
var p = !1, N = !1, L = !1, q = !1, B = !1, U;
|
|
80
|
-
U = Symbol.for("react.module.reference");
|
|
81
|
-
function k(n) {
|
|
82
|
-
return !!(typeof n == "string" || typeof n == "function" || n === a || n === l || B || n === o || n === h || n === x || q || n === T || p || N || L || typeof n == "object" && n !== null && (n.$$typeof === A || n.$$typeof === i || n.$$typeof === c || n.$$typeof === f || n.$$typeof === u || // This needs to include all possible module reference object
|
|
83
|
-
// types supported by any Flight configuration anywhere since
|
|
84
|
-
// we don't know which Flight build this will end up being used
|
|
85
|
-
// with.
|
|
86
|
-
n.$$typeof === U || n.getModuleId !== void 0));
|
|
87
|
-
}
|
|
88
|
-
function te(n, d, b) {
|
|
89
|
-
var C = n.displayName;
|
|
90
|
-
if (C)
|
|
91
|
-
return C;
|
|
92
|
-
var F = d.displayName || d.name || "";
|
|
93
|
-
return F !== "" ? b + "(" + F + ")" : b;
|
|
94
|
-
}
|
|
95
|
-
function ne(n) {
|
|
96
|
-
return n.displayName || "Context";
|
|
97
|
-
}
|
|
98
|
-
function G(n) {
|
|
99
|
-
if (n == null)
|
|
100
|
-
return null;
|
|
101
|
-
if (typeof n.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
|
|
102
|
-
return n.displayName || n.name || null;
|
|
103
|
-
if (typeof n == "string")
|
|
104
|
-
return n;
|
|
105
|
-
switch (n) {
|
|
106
|
-
case a:
|
|
38
|
+
return Z.Fragment = i, Z.jsx = r, Z.jsxs = r, Z;
|
|
39
|
+
}
|
|
40
|
+
var ee = {};
|
|
41
|
+
var Ie;
|
|
42
|
+
function Tt() {
|
|
43
|
+
return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
44
|
+
function e(l) {
|
|
45
|
+
if (l == null) return null;
|
|
46
|
+
if (typeof l == "function")
|
|
47
|
+
return l.$$typeof === _ ? null : l.displayName || l.name || null;
|
|
48
|
+
if (typeof l == "string") return l;
|
|
49
|
+
switch (l) {
|
|
50
|
+
case S:
|
|
107
51
|
return "Fragment";
|
|
108
|
-
case
|
|
109
|
-
return "Portal";
|
|
110
|
-
case l:
|
|
52
|
+
case N:
|
|
111
53
|
return "Profiler";
|
|
112
|
-
case
|
|
54
|
+
case F:
|
|
113
55
|
return "StrictMode";
|
|
114
56
|
case h:
|
|
115
57
|
return "Suspense";
|
|
116
|
-
case
|
|
58
|
+
case j:
|
|
117
59
|
return "SuspenseList";
|
|
60
|
+
case O:
|
|
61
|
+
return "Activity";
|
|
118
62
|
}
|
|
119
|
-
if (typeof
|
|
120
|
-
switch (
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
return
|
|
127
|
-
case
|
|
128
|
-
return
|
|
129
|
-
case
|
|
130
|
-
var
|
|
131
|
-
return
|
|
132
|
-
case
|
|
133
|
-
|
|
63
|
+
if (typeof l == "object")
|
|
64
|
+
switch (typeof l.tag == "number" && console.error(
|
|
65
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
66
|
+
), l.$$typeof) {
|
|
67
|
+
case y:
|
|
68
|
+
return "Portal";
|
|
69
|
+
case T:
|
|
70
|
+
return l.displayName || "Context";
|
|
71
|
+
case k:
|
|
72
|
+
return (l._context.displayName || "Context") + ".Consumer";
|
|
73
|
+
case m:
|
|
74
|
+
var x = l.render;
|
|
75
|
+
return l = l.displayName, l || (l = x.displayName || x.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
|
|
76
|
+
case q:
|
|
77
|
+
return x = l.displayName || null, x !== null ? x : e(l.type) || "Memo";
|
|
78
|
+
case C:
|
|
79
|
+
x = l._payload, l = l._init;
|
|
134
80
|
try {
|
|
135
|
-
return
|
|
81
|
+
return e(l(x));
|
|
136
82
|
} catch {
|
|
137
|
-
return null;
|
|
138
83
|
}
|
|
139
|
-
}
|
|
140
84
|
}
|
|
141
85
|
return null;
|
|
142
86
|
}
|
|
143
|
-
|
|
144
|
-
|
|
87
|
+
function i(l) {
|
|
88
|
+
return "" + l;
|
|
145
89
|
}
|
|
146
|
-
|
|
147
|
-
function se() {
|
|
148
|
-
{
|
|
149
|
-
if (g === 0) {
|
|
150
|
-
w = console.log, V = console.info, M = console.warn, J = console.error, O = console.group, R = console.groupCollapsed, D = console.groupEnd;
|
|
151
|
-
var n = {
|
|
152
|
-
configurable: !0,
|
|
153
|
-
enumerable: !0,
|
|
154
|
-
value: H,
|
|
155
|
-
writable: !0
|
|
156
|
-
};
|
|
157
|
-
Object.defineProperties(console, {
|
|
158
|
-
info: n,
|
|
159
|
-
log: n,
|
|
160
|
-
warn: n,
|
|
161
|
-
error: n,
|
|
162
|
-
group: n,
|
|
163
|
-
groupCollapsed: n,
|
|
164
|
-
groupEnd: n
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
g++;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
function ie() {
|
|
171
|
-
{
|
|
172
|
-
if (g--, g === 0) {
|
|
173
|
-
var n = {
|
|
174
|
-
configurable: !0,
|
|
175
|
-
enumerable: !0,
|
|
176
|
-
writable: !0
|
|
177
|
-
};
|
|
178
|
-
Object.defineProperties(console, {
|
|
179
|
-
log: v({}, n, {
|
|
180
|
-
value: w
|
|
181
|
-
}),
|
|
182
|
-
info: v({}, n, {
|
|
183
|
-
value: V
|
|
184
|
-
}),
|
|
185
|
-
warn: v({}, n, {
|
|
186
|
-
value: M
|
|
187
|
-
}),
|
|
188
|
-
error: v({}, n, {
|
|
189
|
-
value: J
|
|
190
|
-
}),
|
|
191
|
-
group: v({}, n, {
|
|
192
|
-
value: O
|
|
193
|
-
}),
|
|
194
|
-
groupCollapsed: v({}, n, {
|
|
195
|
-
value: R
|
|
196
|
-
}),
|
|
197
|
-
groupEnd: v({}, n, {
|
|
198
|
-
value: D
|
|
199
|
-
})
|
|
200
|
-
});
|
|
201
|
-
}
|
|
202
|
-
g < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
var Ae = I.ReactCurrentDispatcher, Me;
|
|
206
|
-
function Ce(n, d, b) {
|
|
207
|
-
{
|
|
208
|
-
if (Me === void 0)
|
|
209
|
-
try {
|
|
210
|
-
throw Error();
|
|
211
|
-
} catch (F) {
|
|
212
|
-
var C = F.stack.trim().match(/\n( *(at )?)/);
|
|
213
|
-
Me = C && C[1] || "";
|
|
214
|
-
}
|
|
215
|
-
return `
|
|
216
|
-
` + Me + n;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
var Fe = !1, Ee;
|
|
220
|
-
{
|
|
221
|
-
var Lt = typeof WeakMap == "function" ? WeakMap : Map;
|
|
222
|
-
Ee = new Lt();
|
|
223
|
-
}
|
|
224
|
-
function Ke(n, d) {
|
|
225
|
-
if (!n || Fe)
|
|
226
|
-
return "";
|
|
227
|
-
{
|
|
228
|
-
var b = Ee.get(n);
|
|
229
|
-
if (b !== void 0)
|
|
230
|
-
return b;
|
|
231
|
-
}
|
|
232
|
-
var C;
|
|
233
|
-
Fe = !0;
|
|
234
|
-
var F = Error.prepareStackTrace;
|
|
235
|
-
Error.prepareStackTrace = void 0;
|
|
236
|
-
var $;
|
|
237
|
-
$ = Ae.current, Ae.current = null, se();
|
|
90
|
+
function r(l) {
|
|
238
91
|
try {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
if (Object.defineProperty(_.prototype, "props", {
|
|
244
|
-
set: function() {
|
|
245
|
-
throw Error();
|
|
246
|
-
}
|
|
247
|
-
}), typeof Reflect == "object" && Reflect.construct) {
|
|
248
|
-
try {
|
|
249
|
-
Reflect.construct(_, []);
|
|
250
|
-
} catch (Q) {
|
|
251
|
-
C = Q;
|
|
252
|
-
}
|
|
253
|
-
Reflect.construct(n, [], _);
|
|
254
|
-
} else {
|
|
255
|
-
try {
|
|
256
|
-
_.call();
|
|
257
|
-
} catch (Q) {
|
|
258
|
-
C = Q;
|
|
259
|
-
}
|
|
260
|
-
n.call(_.prototype);
|
|
261
|
-
}
|
|
262
|
-
} else {
|
|
263
|
-
try {
|
|
264
|
-
throw Error();
|
|
265
|
-
} catch (Q) {
|
|
266
|
-
C = Q;
|
|
267
|
-
}
|
|
268
|
-
n();
|
|
269
|
-
}
|
|
270
|
-
} catch (Q) {
|
|
271
|
-
if (Q && C && typeof Q.stack == "string") {
|
|
272
|
-
for (var P = Q.stack.split(`
|
|
273
|
-
`), X = C.stack.split(`
|
|
274
|
-
`), z = P.length - 1, Y = X.length - 1; z >= 1 && Y >= 0 && P[z] !== X[Y]; )
|
|
275
|
-
Y--;
|
|
276
|
-
for (; z >= 1 && Y >= 0; z--, Y--)
|
|
277
|
-
if (P[z] !== X[Y]) {
|
|
278
|
-
if (z !== 1 || Y !== 1)
|
|
279
|
-
do
|
|
280
|
-
if (z--, Y--, Y < 0 || P[z] !== X[Y]) {
|
|
281
|
-
var ee = `
|
|
282
|
-
` + P[z].replace(" at new ", " at ");
|
|
283
|
-
return n.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", n.displayName)), typeof n == "function" && Ee.set(n, ee), ee;
|
|
284
|
-
}
|
|
285
|
-
while (z >= 1 && Y >= 0);
|
|
286
|
-
break;
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
} finally {
|
|
290
|
-
Fe = !1, Ae.current = $, ie(), Error.prepareStackTrace = F;
|
|
291
|
-
}
|
|
292
|
-
var fe = n ? n.displayName || n.name : "", ce = fe ? Ce(fe) : "";
|
|
293
|
-
return typeof n == "function" && Ee.set(n, ce), ce;
|
|
294
|
-
}
|
|
295
|
-
function $t(n, d, b) {
|
|
296
|
-
return Ke(n, !1);
|
|
297
|
-
}
|
|
298
|
-
function qt(n) {
|
|
299
|
-
var d = n.prototype;
|
|
300
|
-
return !!(d && d.isReactComponent);
|
|
301
|
-
}
|
|
302
|
-
function Ne(n, d, b) {
|
|
303
|
-
if (n == null)
|
|
304
|
-
return "";
|
|
305
|
-
if (typeof n == "function")
|
|
306
|
-
return Ke(n, qt(n));
|
|
307
|
-
if (typeof n == "string")
|
|
308
|
-
return Ce(n);
|
|
309
|
-
switch (n) {
|
|
310
|
-
case h:
|
|
311
|
-
return Ce("Suspense");
|
|
312
|
-
case x:
|
|
313
|
-
return Ce("SuspenseList");
|
|
314
|
-
}
|
|
315
|
-
if (typeof n == "object")
|
|
316
|
-
switch (n.$$typeof) {
|
|
317
|
-
case u:
|
|
318
|
-
return $t(n.render);
|
|
319
|
-
case i:
|
|
320
|
-
return Ne(n.type, d, b);
|
|
321
|
-
case A: {
|
|
322
|
-
var C = n, F = C._payload, $ = C._init;
|
|
323
|
-
try {
|
|
324
|
-
return Ne($(F), d, b);
|
|
325
|
-
} catch {
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
return "";
|
|
330
|
-
}
|
|
331
|
-
var he = Object.prototype.hasOwnProperty, Ge = {}, Xe = I.ReactDebugCurrentFrame;
|
|
332
|
-
function Oe(n) {
|
|
333
|
-
if (n) {
|
|
334
|
-
var d = n._owner, b = Ne(n.type, n._source, d ? d.type : null);
|
|
335
|
-
Xe.setExtraStackFrame(b);
|
|
336
|
-
} else
|
|
337
|
-
Xe.setExtraStackFrame(null);
|
|
338
|
-
}
|
|
339
|
-
function Wt(n, d, b, C, F) {
|
|
340
|
-
{
|
|
341
|
-
var $ = Function.call.bind(he);
|
|
342
|
-
for (var _ in n)
|
|
343
|
-
if ($(n, _)) {
|
|
344
|
-
var P = void 0;
|
|
345
|
-
try {
|
|
346
|
-
if (typeof n[_] != "function") {
|
|
347
|
-
var X = Error((C || "React class") + ": " + b + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
348
|
-
throw X.name = "Invariant Violation", X;
|
|
349
|
-
}
|
|
350
|
-
P = n[_](d, _, C, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
351
|
-
} catch (z) {
|
|
352
|
-
P = z;
|
|
353
|
-
}
|
|
354
|
-
P && !(P instanceof Error) && (Oe(F), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", b, _, typeof P), Oe(null)), P instanceof Error && !(P.message in Ge) && (Ge[P.message] = !0, Oe(F), y("Failed %s type: %s", b, P.message), Oe(null));
|
|
355
|
-
}
|
|
92
|
+
i(l);
|
|
93
|
+
var x = !1;
|
|
94
|
+
} catch {
|
|
95
|
+
x = !0;
|
|
356
96
|
}
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
return b;
|
|
97
|
+
if (x) {
|
|
98
|
+
x = console;
|
|
99
|
+
var v = x.error, D = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
|
|
100
|
+
return v.call(
|
|
101
|
+
x,
|
|
102
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
103
|
+
D
|
|
104
|
+
), i(l);
|
|
366
105
|
}
|
|
367
106
|
}
|
|
368
|
-
function
|
|
107
|
+
function n(l) {
|
|
108
|
+
if (l === S) return "<>";
|
|
109
|
+
if (typeof l == "object" && l !== null && l.$$typeof === C)
|
|
110
|
+
return "<...>";
|
|
369
111
|
try {
|
|
370
|
-
|
|
112
|
+
var x = e(l);
|
|
113
|
+
return x ? "<" + x + ">" : "<...>";
|
|
371
114
|
} catch {
|
|
372
|
-
return
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
function Qe(n) {
|
|
376
|
-
return "" + n;
|
|
377
|
-
}
|
|
378
|
-
function Ze(n) {
|
|
379
|
-
if (zt(n))
|
|
380
|
-
return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Vt(n)), Qe(n);
|
|
381
|
-
}
|
|
382
|
-
var et = I.ReactCurrentOwner, Yt = {
|
|
383
|
-
key: !0,
|
|
384
|
-
ref: !0,
|
|
385
|
-
__self: !0,
|
|
386
|
-
__source: !0
|
|
387
|
-
}, tt, rt;
|
|
388
|
-
function Jt(n) {
|
|
389
|
-
if (he.call(n, "ref")) {
|
|
390
|
-
var d = Object.getOwnPropertyDescriptor(n, "ref").get;
|
|
391
|
-
if (d && d.isReactWarning)
|
|
392
|
-
return !1;
|
|
115
|
+
return "<...>";
|
|
393
116
|
}
|
|
394
|
-
return n.ref !== void 0;
|
|
395
117
|
}
|
|
396
|
-
function
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
if (d && d.isReactWarning)
|
|
400
|
-
return !1;
|
|
401
|
-
}
|
|
402
|
-
return n.key !== void 0;
|
|
118
|
+
function s() {
|
|
119
|
+
var l = p.A;
|
|
120
|
+
return l === null ? null : l.getOwner();
|
|
403
121
|
}
|
|
404
|
-
function
|
|
405
|
-
|
|
122
|
+
function o() {
|
|
123
|
+
return Error("react-stack-top-frame");
|
|
406
124
|
}
|
|
407
|
-
function
|
|
408
|
-
{
|
|
409
|
-
var
|
|
410
|
-
|
|
411
|
-
};
|
|
412
|
-
b.isReactWarning = !0, Object.defineProperty(n, "key", {
|
|
413
|
-
get: b,
|
|
414
|
-
configurable: !0
|
|
415
|
-
});
|
|
125
|
+
function u(l) {
|
|
126
|
+
if (E.call(l, "key")) {
|
|
127
|
+
var x = Object.getOwnPropertyDescriptor(l, "key").get;
|
|
128
|
+
if (x && x.isReactWarning) return !1;
|
|
416
129
|
}
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
configurable: !0
|
|
426
|
-
});
|
|
130
|
+
return l.key !== void 0;
|
|
131
|
+
}
|
|
132
|
+
function a(l, x) {
|
|
133
|
+
function v() {
|
|
134
|
+
M || (M = !0, console.error(
|
|
135
|
+
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
136
|
+
x
|
|
137
|
+
));
|
|
427
138
|
}
|
|
139
|
+
v.isReactWarning = !0, Object.defineProperty(l, "key", {
|
|
140
|
+
get: v,
|
|
141
|
+
configurable: !0
|
|
142
|
+
});
|
|
428
143
|
}
|
|
429
|
-
|
|
430
|
-
var
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
144
|
+
function d() {
|
|
145
|
+
var l = e(this.type);
|
|
146
|
+
return z[l] || (z[l] = !0, console.error(
|
|
147
|
+
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
148
|
+
)), l = this.props.ref, l !== void 0 ? l : null;
|
|
149
|
+
}
|
|
150
|
+
function f(l, x, v, D, oe, be) {
|
|
151
|
+
var L = v.ref;
|
|
152
|
+
return l = {
|
|
153
|
+
$$typeof: P,
|
|
154
|
+
type: l,
|
|
155
|
+
key: x,
|
|
156
|
+
props: v,
|
|
157
|
+
_owner: D
|
|
158
|
+
}, (L !== void 0 ? L : null) !== null ? Object.defineProperty(l, "ref", {
|
|
159
|
+
enumerable: !1,
|
|
160
|
+
get: d
|
|
161
|
+
}) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
|
|
442
162
|
configurable: !1,
|
|
443
163
|
enumerable: !1,
|
|
444
164
|
writable: !0,
|
|
445
|
-
value:
|
|
446
|
-
}), Object.defineProperty(
|
|
165
|
+
value: 0
|
|
166
|
+
}), Object.defineProperty(l, "_debugInfo", {
|
|
447
167
|
configurable: !1,
|
|
448
168
|
enumerable: !1,
|
|
449
|
-
writable: !
|
|
450
|
-
value:
|
|
451
|
-
}), Object.defineProperty(
|
|
169
|
+
writable: !0,
|
|
170
|
+
value: null
|
|
171
|
+
}), Object.defineProperty(l, "_debugStack", {
|
|
452
172
|
configurable: !1,
|
|
453
173
|
enumerable: !1,
|
|
454
|
-
writable: !
|
|
455
|
-
value:
|
|
456
|
-
}), Object.
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
}
|
|
484
|
-
var $e;
|
|
485
|
-
$e = !1;
|
|
486
|
-
function qe(n) {
|
|
487
|
-
return typeof n == "object" && n !== null && n.$$typeof === r;
|
|
488
|
-
}
|
|
489
|
-
function st() {
|
|
490
|
-
{
|
|
491
|
-
if (Le.current) {
|
|
492
|
-
var n = G(Le.current.type);
|
|
493
|
-
if (n)
|
|
494
|
-
return `
|
|
495
|
-
|
|
496
|
-
Check the render method of \`` + n + "`.";
|
|
497
|
-
}
|
|
498
|
-
return "";
|
|
499
|
-
}
|
|
500
|
-
}
|
|
501
|
-
function Zt(n) {
|
|
502
|
-
return "";
|
|
503
|
-
}
|
|
504
|
-
var at = {};
|
|
505
|
-
function er(n) {
|
|
506
|
-
{
|
|
507
|
-
var d = st();
|
|
508
|
-
if (!d) {
|
|
509
|
-
var b = typeof n == "string" ? n : n.displayName || n.name;
|
|
510
|
-
b && (d = `
|
|
511
|
-
|
|
512
|
-
Check the top-level render call using <` + b + ">.");
|
|
513
|
-
}
|
|
514
|
-
return d;
|
|
515
|
-
}
|
|
516
|
-
}
|
|
517
|
-
function ot(n, d) {
|
|
518
|
-
{
|
|
519
|
-
if (!n._store || n._store.validated || n.key != null)
|
|
520
|
-
return;
|
|
521
|
-
n._store.validated = !0;
|
|
522
|
-
var b = er(d);
|
|
523
|
-
if (at[b])
|
|
524
|
-
return;
|
|
525
|
-
at[b] = !0;
|
|
526
|
-
var C = "";
|
|
527
|
-
n && n._owner && n._owner !== Le.current && (C = " It was passed a child from " + G(n._owner.type) + "."), ue(n), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, C), ue(null);
|
|
528
|
-
}
|
|
529
|
-
}
|
|
530
|
-
function it(n, d) {
|
|
531
|
-
{
|
|
532
|
-
if (typeof n != "object")
|
|
533
|
-
return;
|
|
534
|
-
if (De(n))
|
|
535
|
-
for (var b = 0; b < n.length; b++) {
|
|
536
|
-
var C = n[b];
|
|
537
|
-
qe(C) && ot(C, d);
|
|
538
|
-
}
|
|
539
|
-
else if (qe(n))
|
|
540
|
-
n._store && (n._store.validated = !0);
|
|
541
|
-
else if (n) {
|
|
542
|
-
var F = E(n);
|
|
543
|
-
if (typeof F == "function" && F !== n.entries)
|
|
544
|
-
for (var $ = F.call(n), _; !(_ = $.next()).done; )
|
|
545
|
-
qe(_.value) && ot(_.value, d);
|
|
546
|
-
}
|
|
547
|
-
}
|
|
548
|
-
}
|
|
549
|
-
function tr(n) {
|
|
550
|
-
{
|
|
551
|
-
var d = n.type;
|
|
552
|
-
if (d == null || typeof d == "string")
|
|
553
|
-
return;
|
|
554
|
-
var b;
|
|
555
|
-
if (typeof d == "function")
|
|
556
|
-
b = d.propTypes;
|
|
557
|
-
else if (typeof d == "object" && (d.$$typeof === u || // Note: Memo only checks outer props here.
|
|
558
|
-
// Inner props are checked in the reconciler.
|
|
559
|
-
d.$$typeof === i))
|
|
560
|
-
b = d.propTypes;
|
|
561
|
-
else
|
|
562
|
-
return;
|
|
563
|
-
if (b) {
|
|
564
|
-
var C = G(d);
|
|
565
|
-
Wt(b, n.props, "prop", C, n);
|
|
566
|
-
} else if (d.PropTypes !== void 0 && !$e) {
|
|
567
|
-
$e = !0;
|
|
568
|
-
var F = G(d);
|
|
569
|
-
y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
|
|
570
|
-
}
|
|
571
|
-
typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
function rr(n) {
|
|
575
|
-
{
|
|
576
|
-
for (var d = Object.keys(n.props), b = 0; b < d.length; b++) {
|
|
577
|
-
var C = d[b];
|
|
578
|
-
if (C !== "children" && C !== "key") {
|
|
579
|
-
ue(n), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), ue(null);
|
|
580
|
-
break;
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
n.ref !== null && (ue(n), y("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
|
-
var lt = {};
|
|
587
|
-
function ct(n, d, b, C, F, $) {
|
|
588
|
-
{
|
|
589
|
-
var _ = k(n);
|
|
590
|
-
if (!_) {
|
|
591
|
-
var P = "";
|
|
592
|
-
(n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
593
|
-
var X = Zt();
|
|
594
|
-
X ? P += X : P += st();
|
|
595
|
-
var z;
|
|
596
|
-
n === null ? z = "null" : De(n) ? z = "array" : n !== void 0 && n.$$typeof === r ? (z = "<" + (G(n.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : z = typeof n, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", z, P);
|
|
597
|
-
}
|
|
598
|
-
var Y = Qt(n, d, b, F, $);
|
|
599
|
-
if (Y == null)
|
|
600
|
-
return Y;
|
|
601
|
-
if (_) {
|
|
602
|
-
var ee = d.children;
|
|
603
|
-
if (ee !== void 0)
|
|
604
|
-
if (C)
|
|
605
|
-
if (De(ee)) {
|
|
606
|
-
for (var fe = 0; fe < ee.length; fe++)
|
|
607
|
-
it(ee[fe], n);
|
|
608
|
-
Object.freeze && Object.freeze(ee);
|
|
609
|
-
} else
|
|
610
|
-
y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
611
|
-
else
|
|
612
|
-
it(ee, n);
|
|
613
|
-
}
|
|
614
|
-
if (he.call(d, "key")) {
|
|
615
|
-
var ce = G(n), Q = Object.keys(d).filter(function(lr) {
|
|
616
|
-
return lr !== "key";
|
|
617
|
-
}), We = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
618
|
-
if (!lt[ce + We]) {
|
|
619
|
-
var ir = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
|
|
620
|
-
y(`A props object containing a "key" prop is being spread into JSX:
|
|
174
|
+
writable: !0,
|
|
175
|
+
value: oe
|
|
176
|
+
}), Object.defineProperty(l, "_debugTask", {
|
|
177
|
+
configurable: !1,
|
|
178
|
+
enumerable: !1,
|
|
179
|
+
writable: !0,
|
|
180
|
+
value: be
|
|
181
|
+
}), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
|
|
182
|
+
}
|
|
183
|
+
function b(l, x, v, D, oe, be) {
|
|
184
|
+
var L = x.children;
|
|
185
|
+
if (L !== void 0)
|
|
186
|
+
if (D)
|
|
187
|
+
if (A(L)) {
|
|
188
|
+
for (D = 0; D < L.length; D++)
|
|
189
|
+
g(L[D]);
|
|
190
|
+
Object.freeze && Object.freeze(L);
|
|
191
|
+
} else
|
|
192
|
+
console.error(
|
|
193
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
194
|
+
);
|
|
195
|
+
else g(L);
|
|
196
|
+
if (E.call(x, "key")) {
|
|
197
|
+
L = e(l);
|
|
198
|
+
var X = Object.keys(x).filter(function(et) {
|
|
199
|
+
return et !== "key";
|
|
200
|
+
});
|
|
201
|
+
D = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", Y[L + D] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
202
|
+
`A props object containing a "key" prop is being spread into JSX:
|
|
621
203
|
let props = %s;
|
|
622
204
|
<%s {...props} />
|
|
623
205
|
React keys must be passed directly to JSX without using spread:
|
|
624
206
|
let props = %s;
|
|
625
|
-
<%s key={someKey} {...props} />`,
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
207
|
+
<%s key={someKey} {...props} />`,
|
|
208
|
+
D,
|
|
209
|
+
L,
|
|
210
|
+
X,
|
|
211
|
+
L
|
|
212
|
+
), Y[L + D] = !0);
|
|
629
213
|
}
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
return
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
214
|
+
if (L = null, v !== void 0 && (r(v), L = "" + v), u(x) && (r(x.key), L = "" + x.key), "key" in x) {
|
|
215
|
+
v = {};
|
|
216
|
+
for (var xe in x)
|
|
217
|
+
xe !== "key" && (v[xe] = x[xe]);
|
|
218
|
+
} else v = x;
|
|
219
|
+
return L && a(
|
|
220
|
+
v,
|
|
221
|
+
typeof l == "function" ? l.displayName || l.name || "Unknown" : l
|
|
222
|
+
), f(
|
|
223
|
+
l,
|
|
224
|
+
L,
|
|
225
|
+
v,
|
|
226
|
+
s(),
|
|
227
|
+
oe,
|
|
228
|
+
be
|
|
229
|
+
);
|
|
230
|
+
}
|
|
231
|
+
function g(l) {
|
|
232
|
+
R(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === C && (l._payload.status === "fulfilled" ? R(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
|
|
233
|
+
}
|
|
234
|
+
function R(l) {
|
|
235
|
+
return typeof l == "object" && l !== null && l.$$typeof === P;
|
|
236
|
+
}
|
|
237
|
+
var I = c, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), m = /* @__PURE__ */ Symbol.for("react.forward_ref"), h = /* @__PURE__ */ Symbol.for("react.suspense"), j = /* @__PURE__ */ Symbol.for("react.suspense_list"), q = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), O = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), p = I.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, A = Array.isArray, w = console.createTask ? console.createTask : function() {
|
|
238
|
+
return null;
|
|
239
|
+
};
|
|
240
|
+
I = {
|
|
241
|
+
react_stack_bottom_frame: function(l) {
|
|
242
|
+
return l();
|
|
243
|
+
}
|
|
244
|
+
};
|
|
245
|
+
var M, z = {}, U = I.react_stack_bottom_frame.bind(
|
|
246
|
+
I,
|
|
247
|
+
o
|
|
248
|
+
)(), H = w(n(o)), Y = {};
|
|
249
|
+
ee.Fragment = S, ee.jsx = function(l, x, v) {
|
|
250
|
+
var D = 1e4 > p.recentlyCreatedOwnerStacks++;
|
|
251
|
+
return b(
|
|
252
|
+
l,
|
|
253
|
+
x,
|
|
254
|
+
v,
|
|
255
|
+
!1,
|
|
256
|
+
D ? Error("react-stack-top-frame") : U,
|
|
257
|
+
D ? w(n(l)) : H
|
|
258
|
+
);
|
|
259
|
+
}, ee.jsxs = function(l, x, v) {
|
|
260
|
+
var D = 1e4 > p.recentlyCreatedOwnerStacks++;
|
|
261
|
+
return b(
|
|
262
|
+
l,
|
|
263
|
+
x,
|
|
264
|
+
v,
|
|
265
|
+
!0,
|
|
266
|
+
D ? Error("react-stack-top-frame") : U,
|
|
267
|
+
D ? w(n(l)) : H
|
|
268
|
+
);
|
|
269
|
+
};
|
|
270
|
+
})()), ee;
|
|
640
271
|
}
|
|
641
|
-
var
|
|
642
|
-
function
|
|
643
|
-
return
|
|
272
|
+
var Se;
|
|
273
|
+
function It() {
|
|
274
|
+
return Se || (Se = 1, process.env.NODE_ENV === "production" ? ae.exports = Ot() : ae.exports = Tt()), ae.exports;
|
|
644
275
|
}
|
|
645
|
-
var t =
|
|
646
|
-
function
|
|
647
|
-
const [e,
|
|
276
|
+
var t = It();
|
|
277
|
+
function St() {
|
|
278
|
+
const [e, i] = c.useState(!1), [r, n] = c.useState(null), s = V((N) => N.replaceAll), o = $e(), { showAlert: u } = Ue(), a = B(), d = a.state.isPreview, f = a.state.isCodeEditor ?? !1, b = a.state.codeEditorHasError ?? !1, g = (N) => {
|
|
648
279
|
try {
|
|
649
|
-
const
|
|
650
|
-
if (
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
280
|
+
const k = String(N).replace(/^\uFEFF/, "").trim(), { data: T, schemaType: m } = fe(k);
|
|
281
|
+
if (m !== "mieforms" && m !== "surveyjs") {
|
|
282
|
+
u(
|
|
283
|
+
`Expected: MIE Forms or SurveyJS
|
|
284
|
+
Detected: ${m}`,
|
|
285
|
+
{ title: "Unsupported Schema Format" }
|
|
286
|
+
);
|
|
655
287
|
return;
|
|
656
288
|
}
|
|
657
|
-
|
|
658
|
-
} catch (
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
if (
|
|
289
|
+
n({ data: T, detectedSchemaType: m }), i(!0);
|
|
290
|
+
} catch (k) {
|
|
291
|
+
u(
|
|
292
|
+
k?.message || "Invalid file format",
|
|
293
|
+
{ title: "Failed to Parse File" }
|
|
294
|
+
);
|
|
295
|
+
}
|
|
296
|
+
}, R = (N) => {
|
|
297
|
+
if (r)
|
|
666
298
|
try {
|
|
667
|
-
const { data:
|
|
668
|
-
if (!Array.isArray(
|
|
299
|
+
const { data: k } = r, T = he(k, N), m = T.fields || [];
|
|
300
|
+
if (!Array.isArray(m))
|
|
669
301
|
throw new Error("Expected array of fields");
|
|
670
|
-
|
|
671
|
-
const
|
|
672
|
-
schemaType:
|
|
673
|
-
|
|
302
|
+
T.conversionReport && a.setConversionReport(T.conversionReport);
|
|
303
|
+
const h = {
|
|
304
|
+
schemaType: N === "surveyjs" ? "mieforms-v1.0" : k.schemaType || "mieforms-v1.0",
|
|
305
|
+
...T.conversionReport?.surveyMetadata || {},
|
|
306
|
+
fields: m
|
|
674
307
|
};
|
|
675
|
-
if (
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
const { fields: L, schemaType: q, ...B } = y;
|
|
679
|
-
Object.keys(B).length > 0 && Object.assign(N, B);
|
|
308
|
+
if (N === "mieforms") {
|
|
309
|
+
const { fields: j, schemaType: q, ...C } = k;
|
|
310
|
+
Object.keys(C).length > 0 && Object.assign(h, C);
|
|
680
311
|
}
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
} catch (y) {
|
|
686
|
-
alert(`Import failed:
|
|
312
|
+
if (s(h), a.selectedFieldId.clear(), a.preview.set(!1), N === "surveyjs" && T.conversionReport) {
|
|
313
|
+
const j = T.conversionReport, q = j.unsupportedFields?.length || 0;
|
|
314
|
+
u(
|
|
315
|
+
`Format: SurveyJS → MIE Forms
|
|
687
316
|
|
|
688
|
-
${
|
|
317
|
+
Converted: ${j.convertedFields || 0} field(s)
|
|
318
|
+
Unsupported: ${q} field(s)${q > 0 ? " ⚠️" : ""}`,
|
|
319
|
+
{ title: "✅ Import Successful" }
|
|
320
|
+
);
|
|
321
|
+
} else
|
|
322
|
+
u(
|
|
323
|
+
`Format: ${N === "surveyjs" ? "SurveyJS" : "MIE Forms"}
|
|
324
|
+
Loaded ${m.length} field(s)`,
|
|
325
|
+
{ title: "✅ Import Successful" }
|
|
326
|
+
);
|
|
327
|
+
i(!1), n(null);
|
|
328
|
+
} catch (k) {
|
|
329
|
+
u(
|
|
330
|
+
k?.message || "Invalid format",
|
|
331
|
+
{ title: "Import Failed" }
|
|
332
|
+
), i(!1), n(null);
|
|
689
333
|
}
|
|
690
|
-
},
|
|
691
|
-
|
|
692
|
-
},
|
|
693
|
-
|
|
694
|
-
},
|
|
695
|
-
|
|
696
|
-
},
|
|
697
|
-
|
|
698
|
-
},
|
|
699
|
-
const
|
|
700
|
-
|
|
334
|
+
}, I = () => {
|
|
335
|
+
i(!1), n(null);
|
|
336
|
+
}, P = () => {
|
|
337
|
+
a.preview.set(!1), a.codeEditor.set(!1);
|
|
338
|
+
}, y = () => {
|
|
339
|
+
a.preview.set(!1), a.codeEditor.set(!0);
|
|
340
|
+
}, S = () => {
|
|
341
|
+
a.preview.set(!0), a.codeEditor.set(!1), a.selectedFieldId.clear();
|
|
342
|
+
}, F = () => {
|
|
343
|
+
const N = JSON.stringify(o, null, 2), k = new Blob([N], { type: "application/json" }), T = URL.createObjectURL(k), m = document.createElement("a");
|
|
344
|
+
m.href = T, m.download = "questionnaire.json", m.click(), URL.revokeObjectURL(T);
|
|
701
345
|
};
|
|
702
|
-
return /* @__PURE__ */ t.jsxs("header", { className: "editor-header w-full bg-white border border-gray-200 rounded-lg shadow-sm", children: [
|
|
703
|
-
/* @__PURE__ */ t.jsxs("div", { className: "px-4 py-4", children: [
|
|
704
|
-
/* @__PURE__ */ t.jsx("div", { className: "mb-4", children: /* @__PURE__ */ t.jsx("h1", { className: "text-lg lg:text-2xl font-bold text-slate-900", children: "Editor" }) }),
|
|
705
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
|
|
706
|
-
/* @__PURE__ */ t.jsxs("div", { className: "header-mode-toggle flex gap-1 rounded-lg border border-black/10 bg-black/5 p-1 w-fit", children: [
|
|
346
|
+
return /* @__PURE__ */ t.jsxs("header", { className: "editor-header mie:w-full mie:bg-white mie:border mie:border-gray-200 mie:rounded-lg mie:shadow-sm", children: [
|
|
347
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:px-4 mie:py-4", children: [
|
|
348
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:mb-4", children: /* @__PURE__ */ t.jsx("h1", { className: "mie:text-lg mie:lg:text-2xl mie:font-bold mie:text-slate-900", children: "Editor" }) }),
|
|
349
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:flex-wrap mie:items-center mie:justify-between mie:gap-3", children: [
|
|
350
|
+
/* @__PURE__ */ t.jsxs("div", { className: "header-mode-toggle mie:flex mie:gap-1 mie:rounded-lg mie:border mie:border-black/10 mie:bg-black/5 mie:p-1 mie:w-fit", children: [
|
|
707
351
|
/* @__PURE__ */ t.jsxs(
|
|
708
352
|
"button",
|
|
709
353
|
{
|
|
710
|
-
className: `flex items-center justify-center gap-2 px-2 lg:px-4 py-2 lg:py-2 rounded-lg text-xs lg:text-sm font-medium transition-colors ${!
|
|
711
|
-
onClick:
|
|
712
|
-
|
|
354
|
+
className: `mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-2 mie:lg:px-4 mie:py-2 mie:lg:py-2 mie:rounded-lg mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors ${!d && !f ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : b ? "mie:text-slate-400 mie:cursor-not-allowed" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
355
|
+
onClick: P,
|
|
356
|
+
disabled: b,
|
|
357
|
+
title: b ? "Fix code errors before switching" : "Visual Editor",
|
|
713
358
|
children: [
|
|
714
|
-
/* @__PURE__ */ t.jsx(
|
|
359
|
+
/* @__PURE__ */ t.jsx(tt, { className: "mie:w-5 mie:h-5" }),
|
|
715
360
|
/* @__PURE__ */ t.jsx("span", { children: "Build" })
|
|
716
361
|
]
|
|
717
362
|
}
|
|
@@ -719,11 +364,11 @@ ${(y == null ? void 0 : y.message) || "Invalid format"}`), r(!1), a(null);
|
|
|
719
364
|
/* @__PURE__ */ t.jsxs(
|
|
720
365
|
"button",
|
|
721
366
|
{
|
|
722
|
-
className: `flex items-center justify-center gap-2 px-2 lg:px-4 py-2 lg:py-2 rounded-lg text-xs lg:text-sm font-medium transition-colors ${
|
|
723
|
-
onClick:
|
|
367
|
+
className: `mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-2 mie:lg:px-4 mie:py-2 mie:lg:py-2 mie:rounded-lg mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors ${f ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
368
|
+
onClick: y,
|
|
724
369
|
title: "Code Editor",
|
|
725
370
|
children: [
|
|
726
|
-
/* @__PURE__ */ t.jsx(
|
|
371
|
+
/* @__PURE__ */ t.jsx(it, { className: "mie:w-5 mie:h-5" }),
|
|
727
372
|
/* @__PURE__ */ t.jsx("span", { children: "Code" })
|
|
728
373
|
]
|
|
729
374
|
}
|
|
@@ -731,35 +376,32 @@ ${(y == null ? void 0 : y.message) || "Invalid format"}`), r(!1), a(null);
|
|
|
731
376
|
/* @__PURE__ */ t.jsxs(
|
|
732
377
|
"button",
|
|
733
378
|
{
|
|
734
|
-
className: `flex items-center justify-center gap-2 px-2 lg:px-4 py-2 lg:py-2 rounded-lg text-xs lg:text-sm font-medium transition-colors ${
|
|
735
|
-
onClick:
|
|
736
|
-
|
|
379
|
+
className: `mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-2 mie:lg:px-4 mie:py-2 mie:lg:py-2 mie:rounded-lg mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors ${d ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : b ? "mie:text-slate-400 mie:cursor-not-allowed" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
380
|
+
onClick: S,
|
|
381
|
+
disabled: b,
|
|
382
|
+
title: b ? "Fix code errors before switching" : "Preview Form",
|
|
737
383
|
children: [
|
|
738
|
-
/* @__PURE__ */ t.jsx(
|
|
384
|
+
/* @__PURE__ */ t.jsx(rt, { className: "mie:w-5 mie:h-5" }),
|
|
739
385
|
/* @__PURE__ */ t.jsx("span", { children: "Preview" })
|
|
740
386
|
]
|
|
741
387
|
}
|
|
742
388
|
)
|
|
743
389
|
] }),
|
|
744
|
-
/* @__PURE__ */ t.jsxs("div", { className: "header-actions flex gap-1 items-center", children: [
|
|
745
|
-
/* @__PURE__ */ t.jsxs("label", { className: "header-import-label px-2 py-2 lg:px-3 lg:py-2 rounded-lg border border-black/15 bg-white hover:bg-black/5 cursor-pointer text-xs lg:text-sm font-medium transition-colors flex items-center lg:gap-2 gap-0", children: [
|
|
746
|
-
/* @__PURE__ */ t.jsx(
|
|
747
|
-
/* @__PURE__ */ t.jsx("span", { className: "hidden min-[445px]:inline", children: "Import" }),
|
|
390
|
+
/* @__PURE__ */ t.jsxs("div", { className: "header-actions mie:flex mie:gap-1 mie:items-center", children: [
|
|
391
|
+
/* @__PURE__ */ t.jsxs("label", { className: "header-import-label mie:px-2 mie:py-2 mie:lg:px-3 mie:lg:py-2 mie:rounded-lg mie:border mie:border-black/15 mie:bg-white mie:hover:bg-black/5 mie:cursor-pointer mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors mie:flex mie:items-center mie:lg:gap-2 mie:gap-0", children: [
|
|
392
|
+
/* @__PURE__ */ t.jsx(nt, { className: "mie:w-4 mie:h-4 mie:lg:w-4 mie:lg:h-4" }),
|
|
393
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:hidden min-[445px]:inline", children: "Import" }),
|
|
748
394
|
/* @__PURE__ */ t.jsx(
|
|
749
395
|
"input",
|
|
750
396
|
{
|
|
751
|
-
className: "hidden",
|
|
397
|
+
className: "mie:hidden",
|
|
752
398
|
type: "file",
|
|
753
399
|
accept: ".json,.yaml,.yml,application/json,text/yaml",
|
|
754
|
-
onChange: (
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
y.onload = (p) => {
|
|
760
|
-
var N;
|
|
761
|
-
return h(((N = p.target) == null ? void 0 : N.result) ?? "");
|
|
762
|
-
}, y.readAsText(I), E.target.value = "";
|
|
400
|
+
onChange: (N) => {
|
|
401
|
+
const k = N.target.files?.[0];
|
|
402
|
+
if (!k) return;
|
|
403
|
+
const T = new FileReader();
|
|
404
|
+
T.onload = (m) => g(m.target?.result ?? ""), T.readAsText(k), N.target.value = "";
|
|
763
405
|
}
|
|
764
406
|
}
|
|
765
407
|
)
|
|
@@ -767,42 +409,42 @@ ${(y == null ? void 0 : y.message) || "Invalid format"}`), r(!1), a(null);
|
|
|
767
409
|
/* @__PURE__ */ t.jsxs(
|
|
768
410
|
"button",
|
|
769
411
|
{
|
|
770
|
-
className: "px-2 py-2 lg:px-3 lg:py-2 rounded-lg border border-black/15 bg-white hover:bg-black/5 text-xs lg:text-sm font-medium transition-colors flex items-center lg:gap-2 gap-0",
|
|
771
|
-
onClick:
|
|
412
|
+
className: "mie:px-2 mie:py-2 mie:lg:px-3 mie:lg:py-2 mie:rounded-lg mie:border mie:border-black/15 mie:bg-white mie:hover:bg-black/5 mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors mie:flex mie:items-center mie:lg:gap-2 mie:gap-0",
|
|
413
|
+
onClick: F,
|
|
772
414
|
title: "Export",
|
|
773
415
|
children: [
|
|
774
|
-
/* @__PURE__ */ t.jsx(
|
|
775
|
-
/* @__PURE__ */ t.jsx("span", { className: "hidden min-[445px]:inline", children: "Export" })
|
|
416
|
+
/* @__PURE__ */ t.jsx(st, { className: "mie:w-4 mie:h-4 mie:lg:w-4 mie:lg:h-4" }),
|
|
417
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:hidden min-[445px]:inline", children: "Export" })
|
|
776
418
|
]
|
|
777
419
|
}
|
|
778
420
|
)
|
|
779
421
|
] })
|
|
780
422
|
] })
|
|
781
423
|
] }),
|
|
782
|
-
e &&
|
|
783
|
-
/* @__PURE__ */ t.jsxs("div", { className: "import-modal-header mb-6", children: [
|
|
784
|
-
/* @__PURE__ */ t.jsx("h3", { className: "text-xl font-semibold text-slate-900 mb-2", children: "Confirm Schema Type" }),
|
|
785
|
-
/* @__PURE__ */ t.jsxs("p", { className: "text-sm text-slate-600", children: [
|
|
424
|
+
e && r && /* @__PURE__ */ t.jsx("div", { className: "import-modal-overlay mie:fixed mie:inset-0 mie:z-50 mie:flex mie:items-center mie:justify-center mie:bg-black/50 mie:p-4", children: /* @__PURE__ */ t.jsxs("div", { className: "import-modal-content mie:bg-white mie:rounded-2xl mie:shadow-2xl mie:max-w-md mie:w-full mie:p-6", children: [
|
|
425
|
+
/* @__PURE__ */ t.jsxs("div", { className: "import-modal-header mie:mb-6", children: [
|
|
426
|
+
/* @__PURE__ */ t.jsx("h3", { className: "mie:text-xl mie:font-semibold mie:text-slate-900 mie:mb-2", children: "Confirm Schema Type" }),
|
|
427
|
+
/* @__PURE__ */ t.jsxs("p", { className: "mie:text-sm mie:text-slate-600", children: [
|
|
786
428
|
"Is this a ",
|
|
787
|
-
/* @__PURE__ */ t.jsx("strong", { className: "text-slate-900", children:
|
|
429
|
+
/* @__PURE__ */ t.jsx("strong", { className: "mie:text-slate-900", children: r.detectedSchemaType === "surveyjs" ? "SurveyJS" : "MIE Forms" }),
|
|
788
430
|
" schema?"
|
|
789
431
|
] }),
|
|
790
|
-
|
|
432
|
+
r.detectedSchemaType === "surveyjs" && /* @__PURE__ */ t.jsx("p", { className: "mie:text-xs mie:text-slate-500 mie:mt-2", children: "SurveyJS schemas will be converted to MIE Forms format." })
|
|
791
433
|
] }),
|
|
792
|
-
/* @__PURE__ */ t.jsxs("div", { className: "import-modal-actions flex gap-3", children: [
|
|
434
|
+
/* @__PURE__ */ t.jsxs("div", { className: "import-modal-actions mie:flex mie:gap-3", children: [
|
|
793
435
|
/* @__PURE__ */ t.jsx(
|
|
794
436
|
"button",
|
|
795
437
|
{
|
|
796
|
-
onClick: () =>
|
|
797
|
-
className: "flex-1 px-6 py-3 rounded-xl bg-blue-500 text-white font-semibold hover:bg-blue-600 transition-colors shadow-sm hover:shadow",
|
|
438
|
+
onClick: () => R(r.detectedSchemaType),
|
|
439
|
+
className: "mie:flex-1 mie:px-6 mie:py-3 mie:rounded-xl mie:bg-blue-500 mie:text-white mie:font-semibold mie:hover:bg-blue-600 mie:transition-colors mie:shadow-sm mie:hover:shadow",
|
|
798
440
|
children: "Yes, Import"
|
|
799
441
|
}
|
|
800
442
|
),
|
|
801
443
|
/* @__PURE__ */ t.jsx(
|
|
802
444
|
"button",
|
|
803
445
|
{
|
|
804
|
-
onClick:
|
|
805
|
-
className: "flex-1 px-6 py-3 rounded-xl border-2 border-slate-300 bg-white hover:bg-slate-50 text-slate-700 font-semibold transition-colors",
|
|
446
|
+
onClick: I,
|
|
447
|
+
className: "mie:flex-1 mie:px-6 mie:py-3 mie:rounded-xl mie:border-2 mie:border-slate-300 mie:bg-white mie:hover:bg-slate-50 mie:text-slate-700 mie:font-semibold mie:transition-colors",
|
|
806
448
|
children: "Abort"
|
|
807
449
|
}
|
|
808
450
|
)
|
|
@@ -810,535 +452,626 @@ ${(y == null ? void 0 : y.message) || "Invalid format"}`), r(!1), a(null);
|
|
|
810
452
|
] }) })
|
|
811
453
|
] });
|
|
812
454
|
}
|
|
813
|
-
const
|
|
455
|
+
const kt = (e) => {
|
|
814
456
|
switch (e) {
|
|
815
457
|
case "Text Fields":
|
|
816
|
-
return
|
|
458
|
+
return ft;
|
|
817
459
|
case "Organization":
|
|
818
|
-
return
|
|
460
|
+
return ut;
|
|
819
461
|
case "Selection Fields":
|
|
820
|
-
return
|
|
462
|
+
return dt;
|
|
821
463
|
case "Rating & Ranking":
|
|
822
|
-
return
|
|
464
|
+
return mt;
|
|
823
465
|
case "Matrix Fields":
|
|
824
|
-
return
|
|
466
|
+
return ct;
|
|
825
467
|
case "Rich Content":
|
|
826
|
-
return
|
|
468
|
+
return at;
|
|
827
469
|
default:
|
|
828
470
|
return null;
|
|
829
471
|
}
|
|
830
|
-
},
|
|
472
|
+
}, Rt = ({ isPreview: e = !1 }) => {
|
|
831
473
|
if (e) return null;
|
|
832
|
-
const
|
|
833
|
-
|
|
834
|
-
(
|
|
835
|
-
[
|
|
474
|
+
const i = V((f) => f.addField), r = B(), n = V(
|
|
475
|
+
de(
|
|
476
|
+
(f) => r.selectedFieldId.value ? f.byId[r.selectedFieldId.value] : null,
|
|
477
|
+
[r.selectedFieldId.value]
|
|
836
478
|
)
|
|
837
|
-
),
|
|
838
|
-
|
|
839
|
-
}, [
|
|
840
|
-
|
|
841
|
-
const
|
|
842
|
-
|
|
479
|
+
), s = n?.fieldType === "section", o = n?.title || "Section", u = c.useCallback(() => {
|
|
480
|
+
r.selectedFieldId.set(null);
|
|
481
|
+
}, [r.selectedFieldId]);
|
|
482
|
+
c.useEffect(() => {
|
|
483
|
+
const f = (b) => {
|
|
484
|
+
b.key === "Escape" && (b.preventDefault(), b.stopPropagation(), u());
|
|
843
485
|
};
|
|
844
|
-
return window.addEventListener("keydown",
|
|
845
|
-
}, [
|
|
846
|
-
const
|
|
847
|
-
const
|
|
848
|
-
return Object.entries(
|
|
849
|
-
const
|
|
850
|
-
|
|
851
|
-
type:
|
|
852
|
-
label:
|
|
486
|
+
return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
|
|
487
|
+
}, [u]);
|
|
488
|
+
const a = Ee(() => {
|
|
489
|
+
const f = {};
|
|
490
|
+
return Object.entries(K).filter(([b]) => b !== "unsupported").forEach(([b, g]) => {
|
|
491
|
+
const R = g.category || "Other";
|
|
492
|
+
f[R] || (f[R] = []), f[R].push({
|
|
493
|
+
type: b,
|
|
494
|
+
label: g.label
|
|
853
495
|
});
|
|
854
|
-
}),
|
|
855
|
-
}, []),
|
|
856
|
-
const
|
|
857
|
-
return Object.values(
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
496
|
+
}), f;
|
|
497
|
+
}, []), d = Ee(() => {
|
|
498
|
+
const f = {};
|
|
499
|
+
return Object.values(a).forEach((b) => {
|
|
500
|
+
b.forEach(({ type: g }) => {
|
|
501
|
+
f[g] = () => {
|
|
502
|
+
s && n?.id ? i(g, { sectionId: n.id }) : i(g);
|
|
861
503
|
};
|
|
862
504
|
});
|
|
863
|
-
}),
|
|
864
|
-
}, [
|
|
505
|
+
}), f;
|
|
506
|
+
}, [a, i, s, n?.id]);
|
|
865
507
|
return /* @__PURE__ */ t.jsx(
|
|
866
508
|
"div",
|
|
867
509
|
{
|
|
868
|
-
className: " border border-gray-200 rounded-lg
|
|
510
|
+
className: " mie:border mie:border-gray-200 mie:rounded-lg mie:bg-white mie:overflow-y-auto mie:custom-scrollbar mie:max-h-[calc(100svh-24rem)] mie:lg:max-h-[calc(100dvh-20rem)]",
|
|
869
511
|
tabIndex: "-1",
|
|
870
|
-
children: /* @__PURE__ */ t.jsxs("div", { className: "tool-panel-container pb-4 rounded-lg shadow-sm", children: [
|
|
871
|
-
/* @__PURE__ */ t.jsxs("h3", { className: "tool-panel-title sticky top-0 z-20 bg-white text-base font-semibold pb-2 pt-3 px-4 border-b border-gray-200 flex items-center justify-between gap-2", children: [
|
|
872
|
-
/* @__PURE__ */ t.jsxs("span", { className: "flex items-center gap-2 min-w-0", children: [
|
|
873
|
-
/* @__PURE__ */ t.jsx(
|
|
874
|
-
/* @__PURE__ */ t.jsx("span", { className: "truncate", children:
|
|
512
|
+
children: /* @__PURE__ */ t.jsxs("div", { className: "tool-panel-container mie:pb-4 mie:rounded-lg mie:shadow-sm", children: [
|
|
513
|
+
/* @__PURE__ */ t.jsxs("h3", { className: "tool-panel-title mie:sticky mie:top-0 mie:z-20 mie:bg-white mie:text-base mie:font-semibold mie:pb-2 mie:pt-3 mie:px-4 mie:border-b mie:border-gray-200 mie:flex mie:items-center mie:justify-between mie:gap-2", children: [
|
|
514
|
+
/* @__PURE__ */ t.jsxs("span", { className: "mie:flex mie:items-center mie:gap-2 mie:min-w-0", children: [
|
|
515
|
+
/* @__PURE__ */ t.jsx(ot, { className: "mie:w-5 mie:h-5 mie:text-gray-700 mie:shrink-0" }),
|
|
516
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:truncate", children: s ? `Add to "${o}"` : "Tools" })
|
|
875
517
|
] }),
|
|
876
|
-
|
|
518
|
+
s && /* @__PURE__ */ t.jsx(
|
|
877
519
|
"button",
|
|
878
520
|
{
|
|
879
|
-
onClick:
|
|
880
|
-
className: "text-gray-600 hover:text-red-600 hover:bg-red-50 p-1 rounded transition-colors shrink-0",
|
|
521
|
+
onClick: u,
|
|
522
|
+
className: "mie:bg-transparent mie:text-gray-600 mie:hover:text-red-600 mie:hover:bg-red-50 mie:p-1 mie:rounded mie:transition-colors mie:shrink-0",
|
|
881
523
|
title: "Unselect section",
|
|
882
|
-
children: /* @__PURE__ */ t.jsx(
|
|
524
|
+
children: /* @__PURE__ */ t.jsx(lt, { className: "mie:w-5 mie:h-5" })
|
|
883
525
|
}
|
|
884
526
|
)
|
|
885
527
|
] }),
|
|
886
|
-
Object.entries(
|
|
887
|
-
/* @__PURE__ */ t.jsxs("h4", { className: "sticky top-11 z-10 bg-gray-50 text-sm font-semibold text-gray-700 px-4 py-3 border-b border-gray-100 uppercase tracking-wide flex items-center gap-2", children: [
|
|
528
|
+
Object.entries(a).map(([f, b]) => /* @__PURE__ */ t.jsxs("div", { className: "tool-category", children: [
|
|
529
|
+
/* @__PURE__ */ t.jsxs("h4", { className: "mie:sticky mie:top-11 mie:z-10 mie:bg-gray-50 mie:text-sm mie:font-semibold mie:text-gray-700 mie:px-4 mie:py-3 mie:border-b mie:border-gray-100 mie:uppercase mie:tracking-wide mie:flex mie:items-center mie:gap-2", children: [
|
|
888
530
|
(() => {
|
|
889
|
-
const
|
|
890
|
-
return
|
|
531
|
+
const g = kt(f);
|
|
532
|
+
return g ? /* @__PURE__ */ t.jsx(g, { className: "mie:w-4 mie:h-4 mie:text-gray-600" }) : null;
|
|
891
533
|
})(),
|
|
892
|
-
|
|
534
|
+
f
|
|
893
535
|
] }),
|
|
894
|
-
/* @__PURE__ */ t.jsx("div", { className: "tool-items grid grid-cols-1 gap-2 px-4 py-3", children:
|
|
895
|
-
const
|
|
536
|
+
/* @__PURE__ */ t.jsx("div", { className: "tool-items mie:grid mie:grid-cols-1 mie:gap-2 mie:px-4 mie:py-3", children: b.map(({ type: g, label: R }) => {
|
|
537
|
+
const I = s && g === "section";
|
|
896
538
|
return /* @__PURE__ */ t.jsxs(
|
|
897
539
|
"button",
|
|
898
540
|
{
|
|
899
|
-
disabled:
|
|
900
|
-
className: `px-3 py-2 text-sm text-left border rounded-md transition-colors duration-150 ${
|
|
901
|
-
onClick:
|
|
902
|
-
title:
|
|
541
|
+
disabled: I,
|
|
542
|
+
className: `mie:px-3 mie:py-2 mie:text-sm mie:text-left mie:border mie:rounded-md mie:transition-colors mie:duration-150 ${I ? "mie:border-gray-200 mie:bg-gray-50 mie:text-gray-400 mie:cursor-not-allowed" : "mie:bg-white mie:text-gray-900 mie:border-gray-300 mie:hover:bg-blue-50 mie:hover:border-blue-400 mie:hover:text-blue-700"}`,
|
|
543
|
+
onClick: d[g],
|
|
544
|
+
title: I ? "Cannot add section to a section" : `Add ${R}`,
|
|
903
545
|
children: [
|
|
904
546
|
"+ ",
|
|
905
|
-
|
|
547
|
+
R
|
|
906
548
|
]
|
|
907
549
|
},
|
|
908
|
-
|
|
550
|
+
g
|
|
909
551
|
);
|
|
910
552
|
}) })
|
|
911
|
-
] },
|
|
553
|
+
] }, f))
|
|
912
554
|
] })
|
|
913
555
|
}
|
|
914
556
|
);
|
|
915
|
-
},
|
|
916
|
-
function
|
|
557
|
+
}, ke = c.memo(Rt, (e, i) => e.isPreview === i.isPreview);
|
|
558
|
+
function ze({
|
|
917
559
|
id: e = "",
|
|
918
|
-
label:
|
|
919
|
-
onCommit:
|
|
920
|
-
validate:
|
|
921
|
-
placeholder:
|
|
922
|
-
className:
|
|
560
|
+
label: i = "ID",
|
|
561
|
+
onCommit: r,
|
|
562
|
+
validate: n,
|
|
563
|
+
placeholder: s = "Enter unique ID…",
|
|
564
|
+
className: o = ""
|
|
923
565
|
}) {
|
|
924
|
-
const [
|
|
925
|
-
|
|
926
|
-
|
|
566
|
+
const [u, a] = c.useState(e ?? ""), [d, f] = c.useState("");
|
|
567
|
+
c.useEffect(() => {
|
|
568
|
+
a(e ?? ""), f("");
|
|
927
569
|
}, [e]);
|
|
928
|
-
const
|
|
929
|
-
const
|
|
930
|
-
if (!
|
|
931
|
-
|
|
570
|
+
const b = c.useCallback(() => {
|
|
571
|
+
const g = String(u ?? "").trim();
|
|
572
|
+
if (!g) {
|
|
573
|
+
f("ID cannot be empty."), a(e ?? "");
|
|
932
574
|
return;
|
|
933
575
|
}
|
|
934
|
-
if (
|
|
935
|
-
if (typeof
|
|
936
|
-
const
|
|
937
|
-
if (
|
|
938
|
-
|
|
576
|
+
if (g !== (e ?? "")) {
|
|
577
|
+
if (typeof n == "function") {
|
|
578
|
+
const R = n(g, e ?? "");
|
|
579
|
+
if (R) {
|
|
580
|
+
f(R);
|
|
939
581
|
return;
|
|
940
582
|
}
|
|
941
583
|
}
|
|
942
|
-
|
|
584
|
+
r?.(g);
|
|
943
585
|
}
|
|
944
|
-
}, [
|
|
945
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
946
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm mb-1", children:
|
|
586
|
+
}, [u, e, r, n]);
|
|
587
|
+
return /* @__PURE__ */ t.jsxs("div", { className: o ? `draft-id-editor-container ${o}` : "draft-id-editor-container", children: [
|
|
588
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:mb-1", children: i }),
|
|
947
589
|
/* @__PURE__ */ t.jsx(
|
|
948
590
|
"input",
|
|
949
591
|
{
|
|
950
|
-
className: "w-full px-3 py-2 border border-black/20 rounded",
|
|
951
|
-
value:
|
|
952
|
-
onChange: (
|
|
953
|
-
|
|
592
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded",
|
|
593
|
+
value: u,
|
|
594
|
+
onChange: (g) => {
|
|
595
|
+
d && f(""), a(g.target.value);
|
|
954
596
|
},
|
|
955
|
-
onBlur:
|
|
956
|
-
onKeyDown: (
|
|
957
|
-
|
|
597
|
+
onBlur: b,
|
|
598
|
+
onKeyDown: (g) => {
|
|
599
|
+
g.key === "Enter" && (g.preventDefault(), b());
|
|
958
600
|
},
|
|
959
|
-
placeholder:
|
|
601
|
+
placeholder: s
|
|
960
602
|
}
|
|
961
603
|
),
|
|
962
|
-
|
|
604
|
+
d ? /* @__PURE__ */ t.jsx("p", { className: "mie:text-xs mie:text-red-600 mie:mt-1", children: d }) : null
|
|
605
|
+
] });
|
|
606
|
+
}
|
|
607
|
+
const At = [
|
|
608
|
+
{ value: "text", label: "Text" },
|
|
609
|
+
{ value: "number", label: "Number" },
|
|
610
|
+
{ value: "email", label: "Email" },
|
|
611
|
+
{ value: "tel", label: "Phone Number" },
|
|
612
|
+
{ value: "date", label: "Date" },
|
|
613
|
+
{ value: "datetime-local", label: "Date & Time" },
|
|
614
|
+
{ value: "month", label: "Month" },
|
|
615
|
+
{ value: "time", label: "Time" },
|
|
616
|
+
{ value: "range", label: "Range" }
|
|
617
|
+
], Pt = {
|
|
618
|
+
Length: [
|
|
619
|
+
{ value: "mm", label: "Millimeters (mm)" },
|
|
620
|
+
{ value: "cm", label: "Centimeters (cm)" },
|
|
621
|
+
{ value: "m", label: "Meters (m)" },
|
|
622
|
+
{ value: "km", label: "Kilometers (km)" },
|
|
623
|
+
{ value: "in", label: "Inches (in)" },
|
|
624
|
+
{ value: "ft", label: "Feet (ft)" },
|
|
625
|
+
{ value: "yd", label: "Yards (yd)" },
|
|
626
|
+
{ value: "mi", label: "Miles (mi)" }
|
|
627
|
+
],
|
|
628
|
+
Weight: [
|
|
629
|
+
{ value: "mg", label: "Milligrams (mg)" },
|
|
630
|
+
{ value: "g", label: "Grams (g)" },
|
|
631
|
+
{ value: "kg", label: "Kilograms (kg)" },
|
|
632
|
+
{ value: "oz", label: "Ounces (oz)" },
|
|
633
|
+
{ value: "lb", label: "Pounds (lb)" }
|
|
634
|
+
],
|
|
635
|
+
Volume: [
|
|
636
|
+
{ value: "ml", label: "Milliliters (ml)" },
|
|
637
|
+
{ value: "l", label: "Liters (l)" },
|
|
638
|
+
{ value: "fl-oz", label: "Fluid Ounces (fl oz)" },
|
|
639
|
+
{ value: "cup", label: "Cups" },
|
|
640
|
+
{ value: "pt", label: "Pints (pt)" },
|
|
641
|
+
{ value: "qt", label: "Quarts (qt)" },
|
|
642
|
+
{ value: "gal", label: "Gallons (gal)" }
|
|
643
|
+
],
|
|
644
|
+
Temperature: [
|
|
645
|
+
{ value: "c", label: "Celsius (°C)" },
|
|
646
|
+
{ value: "f", label: "Fahrenheit (°F)" },
|
|
647
|
+
{ value: "k", label: "Kelvin (K)" }
|
|
648
|
+
],
|
|
649
|
+
Other: [
|
|
650
|
+
{ value: "percent", label: "Percent (%)" },
|
|
651
|
+
{ value: "bpm", label: "Beats per minute (bpm)" },
|
|
652
|
+
{ value: "mmHg", label: "mmHg (blood pressure)" }
|
|
653
|
+
]
|
|
654
|
+
};
|
|
655
|
+
function Mt({ field: e, onUpdate: i }) {
|
|
656
|
+
const r = e.inputType || "text", n = e.unit || "", s = r === "number" || r === "range";
|
|
657
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
658
|
+
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
659
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:mb-1", children: "Input Type" }),
|
|
660
|
+
/* @__PURE__ */ t.jsx(
|
|
661
|
+
"select",
|
|
662
|
+
{
|
|
663
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded",
|
|
664
|
+
value: r,
|
|
665
|
+
onChange: (o) => i("inputType", o.target.value),
|
|
666
|
+
children: At.map((o) => /* @__PURE__ */ t.jsx("option", { value: o.value, children: o.label }, o.value))
|
|
667
|
+
}
|
|
668
|
+
)
|
|
669
|
+
] }),
|
|
670
|
+
s && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
671
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:mb-1", children: "Unit (optional)" }),
|
|
672
|
+
/* @__PURE__ */ t.jsxs(
|
|
673
|
+
"select",
|
|
674
|
+
{
|
|
675
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded",
|
|
676
|
+
value: n,
|
|
677
|
+
onChange: (o) => i("unit", o.target.value),
|
|
678
|
+
children: [
|
|
679
|
+
/* @__PURE__ */ t.jsx("option", { value: "", children: "None" }),
|
|
680
|
+
Object.entries(Pt).map(([o, u]) => /* @__PURE__ */ t.jsx("optgroup", { label: o, children: u.map((a) => /* @__PURE__ */ t.jsx("option", { value: a.value, children: a.label }, a.value)) }, o))
|
|
681
|
+
]
|
|
682
|
+
}
|
|
683
|
+
)
|
|
684
|
+
] })
|
|
963
685
|
] });
|
|
964
686
|
}
|
|
965
|
-
function
|
|
966
|
-
const
|
|
967
|
-
if (!
|
|
968
|
-
if (
|
|
969
|
-
const
|
|
970
|
-
return Object.values(
|
|
971
|
-
|
|
972
|
-
}),
|
|
973
|
-
}, [
|
|
974
|
-
return /* @__PURE__ */ t.jsxs("div", { className: "common-editor-container space-y-3", children: [
|
|
687
|
+
function We({ f: e, onUpdateField: i }) {
|
|
688
|
+
const r = V(c.useCallback((s) => s.byId, [])), n = c.useCallback((s, o) => {
|
|
689
|
+
if (!s?.trim()) return "ID cannot be empty.";
|
|
690
|
+
if (s === o) return "";
|
|
691
|
+
const u = new Set(Object.keys(r));
|
|
692
|
+
return Object.values(r).forEach((a) => {
|
|
693
|
+
a?.fieldType === "section" && Array.isArray(a.fields) && a.fields.forEach((d) => u.add(d.id));
|
|
694
|
+
}), u.has(s) ? `ID "${s}" already exists.` : "";
|
|
695
|
+
}, [r]);
|
|
696
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "common-editor-container mie:space-y-3", children: [
|
|
975
697
|
/* @__PURE__ */ t.jsx(
|
|
976
|
-
|
|
698
|
+
ze,
|
|
977
699
|
{
|
|
978
700
|
id: e.id ?? "",
|
|
979
|
-
validate:
|
|
980
|
-
onCommit: (
|
|
701
|
+
validate: n,
|
|
702
|
+
onCommit: (s) => i?.("id", s)
|
|
981
703
|
}
|
|
982
704
|
),
|
|
983
705
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
984
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm mb-1", children: "Label / Question" }),
|
|
706
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:mb-1", children: "Label / Question" }),
|
|
985
707
|
/* @__PURE__ */ t.jsx(
|
|
986
708
|
"input",
|
|
987
709
|
{
|
|
988
|
-
className: "w-full px-3 py-2 border border-black/20 rounded",
|
|
710
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded",
|
|
989
711
|
value: e.question || "",
|
|
990
|
-
onChange: (
|
|
712
|
+
onChange: (s) => i?.("question", s.target.value),
|
|
991
713
|
placeholder: "Enter question text"
|
|
992
714
|
}
|
|
993
715
|
)
|
|
994
716
|
] }),
|
|
995
|
-
|
|
717
|
+
(e.fieldType === "text" || e.fieldType === "longtext") && /* @__PURE__ */ t.jsx(Mt, { field: e, onUpdate: i }),
|
|
718
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:min-w-0", children: [
|
|
719
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:mb-1", children: "Sublabel (optional)" }),
|
|
720
|
+
/* @__PURE__ */ t.jsx(
|
|
721
|
+
"textarea",
|
|
722
|
+
{
|
|
723
|
+
className: "mie:w-full mie:min-w-0 mie:max-h-32 mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded mie:resize-y",
|
|
724
|
+
value: e.sublabel || "",
|
|
725
|
+
onChange: (s) => i("sublabel", s.target.value),
|
|
726
|
+
placeholder: "Helper text / description"
|
|
727
|
+
}
|
|
728
|
+
)
|
|
729
|
+
] }),
|
|
730
|
+
/* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs("label", { className: "mie:inline-flex mie:items-center mie:gap-2 mie:text-sm", children: [
|
|
996
731
|
/* @__PURE__ */ t.jsx(
|
|
997
732
|
"input",
|
|
998
733
|
{
|
|
999
734
|
type: "checkbox",
|
|
1000
735
|
checked: !!e.required,
|
|
1001
|
-
onChange: (
|
|
736
|
+
onChange: (s) => i?.("required", s.target.checked)
|
|
1002
737
|
}
|
|
1003
738
|
),
|
|
1004
739
|
"Required"
|
|
1005
|
-
] }) })
|
|
1006
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
1007
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm mb-1", children: "Sublabel (optional)" }),
|
|
1008
|
-
/* @__PURE__ */ t.jsx(
|
|
1009
|
-
"textarea",
|
|
1010
|
-
{
|
|
1011
|
-
className: "w-full px-3 py-2 border border-black/20 rounded",
|
|
1012
|
-
value: e.sublabel || "",
|
|
1013
|
-
onChange: (o) => r("sublabel", o.target.value),
|
|
1014
|
-
placeholder: "Helper text / description"
|
|
1015
|
-
}
|
|
1016
|
-
)
|
|
1017
|
-
] })
|
|
740
|
+
] }) })
|
|
1018
741
|
] });
|
|
1019
742
|
}
|
|
1020
|
-
function
|
|
1021
|
-
const
|
|
1022
|
-
return
|
|
1023
|
-
if (
|
|
1024
|
-
const
|
|
1025
|
-
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
}, [
|
|
1029
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700", children:
|
|
1030
|
-
/* @__PURE__ */ t.jsx("div", { ref:
|
|
743
|
+
function Ve({ field: e, api: i }) {
|
|
744
|
+
const r = e.options || [], n = e.fieldType === "boolean", s = e.fieldType === "multitext", o = c.useRef(null), u = c.useRef(r.length), a = s ? "Text Inputs" : "Options", d = s ? "Text Input" : "Option", f = s ? "Input label" : "Option text";
|
|
745
|
+
return c.useEffect(() => {
|
|
746
|
+
if (r.length > u.current && o.current) {
|
|
747
|
+
const b = o.current.lastElementChild;
|
|
748
|
+
b && b.scrollIntoView({ behavior: "smooth", block: "nearest" });
|
|
749
|
+
}
|
|
750
|
+
u.current = r.length;
|
|
751
|
+
}, [r.length]), /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
752
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700", children: a }),
|
|
753
|
+
/* @__PURE__ */ t.jsx("div", { ref: o, className: "mie:space-y-2", children: r.map((b) => /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:gap-2 mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:shadow-sm mie:hover:border-gray-400 mie:transition-colors", children: [
|
|
1031
754
|
/* @__PURE__ */ t.jsx(
|
|
1032
755
|
"input",
|
|
1033
756
|
{
|
|
1034
|
-
className: "flex-1 min-w-0 outline-none bg-transparent",
|
|
1035
|
-
value:
|
|
1036
|
-
onChange: (
|
|
1037
|
-
placeholder:
|
|
757
|
+
className: "mie:flex-1 mie:min-w-0 mie:outline-none mie:bg-transparent",
|
|
758
|
+
value: b.value,
|
|
759
|
+
onChange: (g) => i.option.update(b.id, g.target.value),
|
|
760
|
+
placeholder: f
|
|
1038
761
|
}
|
|
1039
762
|
),
|
|
1040
|
-
!
|
|
763
|
+
!n && /* @__PURE__ */ t.jsx(
|
|
1041
764
|
"button",
|
|
1042
765
|
{
|
|
1043
|
-
onClick: () =>
|
|
1044
|
-
className: "
|
|
766
|
+
onClick: () => i.option.remove(b.id),
|
|
767
|
+
className: "mie:shrink-0 mie:bg-transparent mie:text-gray-400 mie:hover:text-red-600 mie:transition-colors",
|
|
1045
768
|
title: "Remove option",
|
|
1046
|
-
children: /* @__PURE__ */ t.jsx(
|
|
769
|
+
children: /* @__PURE__ */ t.jsx(re, { className: "mie:w-5 mie:h-5" })
|
|
1047
770
|
}
|
|
1048
771
|
)
|
|
1049
|
-
] },
|
|
1050
|
-
!
|
|
772
|
+
] }, b.id)) }),
|
|
773
|
+
!n && /* @__PURE__ */ t.jsxs(
|
|
1051
774
|
"button",
|
|
1052
775
|
{
|
|
1053
|
-
onClick: () =>
|
|
1054
|
-
className: "w-full px-3 py-2 text-sm font-medium text-blue-600 border border-blue-300 rounded-lg hover:bg-blue-50 transition-colors",
|
|
776
|
+
onClick: () => i.option.add(""),
|
|
777
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-white mie:text-blue-600 mie:border mie:border-blue-300 mie:rounded-lg mie:hover:bg-blue-50 mie:transition-colors",
|
|
1055
778
|
children: [
|
|
1056
779
|
"+ Add ",
|
|
1057
|
-
|
|
780
|
+
d
|
|
1058
781
|
]
|
|
1059
782
|
}
|
|
1060
783
|
)
|
|
1061
784
|
] });
|
|
1062
785
|
}
|
|
1063
|
-
function
|
|
1064
|
-
const
|
|
1065
|
-
return
|
|
1066
|
-
if (
|
|
1067
|
-
const
|
|
1068
|
-
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
|
-
}, [
|
|
1072
|
-
if (
|
|
1073
|
-
const
|
|
1074
|
-
|
|
1075
|
-
}
|
|
1076
|
-
|
|
1077
|
-
}, [
|
|
1078
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
|
|
1079
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Rows" }),
|
|
1080
|
-
/* @__PURE__ */ t.jsx("div", { ref:
|
|
786
|
+
function He({ field: e, api: i }) {
|
|
787
|
+
const r = e.rows || [], n = e.columns || [], s = c.useRef(null), o = c.useRef(null), u = c.useRef(r.length), a = c.useRef(n.length);
|
|
788
|
+
return c.useEffect(() => {
|
|
789
|
+
if (r.length > u.current && s.current) {
|
|
790
|
+
const d = s.current.lastElementChild;
|
|
791
|
+
d && d.scrollIntoView({ behavior: "smooth", block: "nearest" });
|
|
792
|
+
}
|
|
793
|
+
u.current = r.length;
|
|
794
|
+
}, [r.length]), c.useEffect(() => {
|
|
795
|
+
if (n.length > a.current && o.current) {
|
|
796
|
+
const d = o.current.lastElementChild;
|
|
797
|
+
d && d.scrollIntoView({ behavior: "smooth", block: "nearest" });
|
|
798
|
+
}
|
|
799
|
+
a.current = n.length;
|
|
800
|
+
}, [n.length]), /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4", children: [
|
|
801
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
802
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700", children: "Rows" }),
|
|
803
|
+
/* @__PURE__ */ t.jsx("div", { ref: s, className: "mie:space-y-2", children: r.map((d) => /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:gap-2 mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:shadow-sm mie:hover:border-gray-400 mie:transition-colors", children: [
|
|
1081
804
|
/* @__PURE__ */ t.jsx(
|
|
1082
805
|
"input",
|
|
1083
806
|
{
|
|
1084
|
-
className: "flex-1 min-w-0 outline-none bg-transparent",
|
|
1085
|
-
value:
|
|
1086
|
-
onChange: (
|
|
807
|
+
className: "mie:flex-1 mie:min-w-0 mie:outline-none mie:bg-transparent",
|
|
808
|
+
value: d.value,
|
|
809
|
+
onChange: (f) => i.row.update(d.id, f.target.value),
|
|
1087
810
|
placeholder: "Row text"
|
|
1088
811
|
}
|
|
1089
812
|
),
|
|
1090
813
|
/* @__PURE__ */ t.jsx(
|
|
1091
814
|
"button",
|
|
1092
815
|
{
|
|
1093
|
-
onClick: () =>
|
|
1094
|
-
className: "
|
|
816
|
+
onClick: () => i.row.remove(d.id),
|
|
817
|
+
className: "mie:shrink-0 mie:bg-transparent mie:text-gray-400 mie:hover:text-red-600 mie:transition-colors",
|
|
1095
818
|
title: "Remove row",
|
|
1096
|
-
children: /* @__PURE__ */ t.jsx(
|
|
819
|
+
children: /* @__PURE__ */ t.jsx(re, { className: "mie:w-5 mie:h-5" })
|
|
1097
820
|
}
|
|
1098
821
|
)
|
|
1099
|
-
] },
|
|
1100
|
-
|
|
822
|
+
] }, d.id)) }),
|
|
823
|
+
r.length >= 10 ? /* @__PURE__ */ t.jsx("div", { className: "mie:px-3 mie:py-2 mie:text-sm mie:text-gray-500 mie:text-center mie:bg-gray-50 mie:rounded-lg", children: "Max rows reached (10)" }) : /* @__PURE__ */ t.jsx(
|
|
1101
824
|
"button",
|
|
1102
825
|
{
|
|
1103
|
-
onClick: () =>
|
|
1104
|
-
className: "w-full px-3 py-2 text-sm font-medium text-blue-600 border border-blue-300 rounded-lg hover:bg-blue-50 transition-colors",
|
|
826
|
+
onClick: () => i.row.add(""),
|
|
827
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-white mie:text-blue-600 mie:border mie:border-blue-300 mie:rounded-lg mie:hover:bg-blue-50 mie:transition-colors",
|
|
1105
828
|
children: "+ Add Row"
|
|
1106
829
|
}
|
|
1107
830
|
)
|
|
1108
831
|
] }),
|
|
1109
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
|
|
1110
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Columns" }),
|
|
1111
|
-
/* @__PURE__ */ t.jsx("div", { ref:
|
|
832
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
833
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700", children: "Columns" }),
|
|
834
|
+
/* @__PURE__ */ t.jsx("div", { ref: o, className: "mie:space-y-2", children: n.map((d) => /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:gap-2 mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:shadow-sm mie:hover:border-gray-400 mie:transition-colors", children: [
|
|
1112
835
|
/* @__PURE__ */ t.jsx(
|
|
1113
836
|
"input",
|
|
1114
837
|
{
|
|
1115
|
-
className: "flex-1 min-w-0 outline-none bg-transparent",
|
|
1116
|
-
value:
|
|
1117
|
-
onChange: (
|
|
838
|
+
className: "mie:flex-1 mie:min-w-0 mie:outline-none mie:bg-transparent",
|
|
839
|
+
value: d.value,
|
|
840
|
+
onChange: (f) => i.column.update(d.id, f.target.value),
|
|
1118
841
|
placeholder: "Column text"
|
|
1119
842
|
}
|
|
1120
843
|
),
|
|
1121
844
|
/* @__PURE__ */ t.jsx(
|
|
1122
845
|
"button",
|
|
1123
846
|
{
|
|
1124
|
-
onClick: () =>
|
|
1125
|
-
className: "
|
|
847
|
+
onClick: () => i.column.remove(d.id),
|
|
848
|
+
className: "mie:shrink-0 mie:bg-transparent mie:text-gray-400 mie:hover:text-red-600 mie:transition-colors",
|
|
1126
849
|
title: "Remove column",
|
|
1127
|
-
children: /* @__PURE__ */ t.jsx(
|
|
850
|
+
children: /* @__PURE__ */ t.jsx(re, { className: "mie:w-5 mie:h-5" })
|
|
1128
851
|
}
|
|
1129
852
|
)
|
|
1130
|
-
] },
|
|
1131
|
-
|
|
853
|
+
] }, d.id)) }),
|
|
854
|
+
n.length >= 10 ? /* @__PURE__ */ t.jsx("div", { className: "mie:px-3 mie:py-2 mie:text-sm mie:text-gray-500 mie:text-center mie:bg-gray-50 mie:rounded-lg", children: "Max columns reached (10)" }) : /* @__PURE__ */ t.jsx(
|
|
1132
855
|
"button",
|
|
1133
856
|
{
|
|
1134
|
-
onClick: () =>
|
|
1135
|
-
className: "w-full px-3 py-2 text-sm font-medium text-blue-600 border border-blue-300 rounded-lg hover:bg-blue-50 transition-colors",
|
|
857
|
+
onClick: () => i.column.add(""),
|
|
858
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-white mie:text-blue-600 mie:border mie:border-blue-300 mie:rounded-lg mie:hover:bg-blue-50 mie:transition-colors",
|
|
1136
859
|
children: "+ Add Column"
|
|
1137
860
|
}
|
|
1138
861
|
)
|
|
1139
862
|
] })
|
|
1140
863
|
] });
|
|
1141
864
|
}
|
|
1142
|
-
function
|
|
1143
|
-
const
|
|
1144
|
-
(
|
|
1145
|
-
[
|
|
1146
|
-
),
|
|
865
|
+
function Ft({ f: e }) {
|
|
866
|
+
const i = Ne(e.id), r = c.useCallback(
|
|
867
|
+
(u, a) => i.field.update(u, a),
|
|
868
|
+
[i]
|
|
869
|
+
), n = K[e.fieldType] || {}, s = n.hasOptions || !1, o = n.hasMatrix || !1;
|
|
1147
870
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1148
|
-
/* @__PURE__ */ t.jsx(
|
|
1149
|
-
/* @__PURE__ */ t.
|
|
1150
|
-
|
|
1151
|
-
/* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
|
|
871
|
+
/* @__PURE__ */ t.jsx(We, { f: e, onUpdateField: r }),
|
|
872
|
+
e.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "non-section-editor-default-answer mie:mt-4", children: [
|
|
873
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:text-sm mie:font-medium mie:mb-1", children: "Default Answer" }),
|
|
1152
874
|
/* @__PURE__ */ t.jsx(
|
|
1153
875
|
"input",
|
|
1154
876
|
{
|
|
1155
|
-
className: "w-full px-3 py-2 border border-black/20 rounded",
|
|
877
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-black/20 mie:rounded",
|
|
1156
878
|
value: e.answer || "",
|
|
1157
|
-
onChange: (
|
|
879
|
+
onChange: (u) => r("answer", u.target.value),
|
|
1158
880
|
placeholder: "Default value"
|
|
1159
881
|
}
|
|
1160
882
|
)
|
|
1161
883
|
] }),
|
|
1162
|
-
|
|
1163
|
-
|
|
884
|
+
s && /* @__PURE__ */ t.jsx(Ve, { field: e, api: i }),
|
|
885
|
+
o && /* @__PURE__ */ t.jsx(He, { field: e, api: i })
|
|
1164
886
|
] });
|
|
1165
887
|
}
|
|
1166
|
-
function
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
var p;
|
|
1176
|
-
f(((p = l[0]) == null ? void 0 : p.id) || null);
|
|
1177
|
-
}, [e.id]), m.useEffect(() => {
|
|
1178
|
-
if (!l.length) {
|
|
1179
|
-
c !== null && f(null);
|
|
888
|
+
function _t({ section: e, onActiveChildChange: i }) {
|
|
889
|
+
const r = Ne(e.id), n = c.useContext(Oe), s = B();
|
|
890
|
+
if (!n) throw new Error("Missing FormStoreContext.Provider in the tree");
|
|
891
|
+
const o = Array.isArray(e.fields) ? e.fields : [], u = s.selectedChildId.ParentId, a = s.selectedChildId.ChildId, d = c.useMemo(() => u === e.id && a && o.some((h) => h.id === a) ? a : o[0]?.id || null, []), [f, b] = c.useState(d), g = c.useRef(a);
|
|
892
|
+
c.useEffect(() => {
|
|
893
|
+
g.current !== a && (g.current = a, u === e.id && a && a !== f && b(a));
|
|
894
|
+
}, [u, a, e.id, f]), c.useEffect(() => {
|
|
895
|
+
if (!o.length) {
|
|
896
|
+
f !== null && b(null);
|
|
1180
897
|
return;
|
|
1181
898
|
}
|
|
1182
|
-
|
|
1183
|
-
}, [
|
|
1184
|
-
|
|
1185
|
-
}, [e.id,
|
|
1186
|
-
const
|
|
1187
|
-
(
|
|
1188
|
-
|
|
899
|
+
o.some((j) => j.id === f) || b(o[0].id);
|
|
900
|
+
}, [o, f]), c.useEffect(() => {
|
|
901
|
+
i?.(e.id, f || null);
|
|
902
|
+
}, [e.id, f, i]);
|
|
903
|
+
const R = c.useCallback(
|
|
904
|
+
(h) => {
|
|
905
|
+
b(h), s.selectedChildId.set(e.id, h);
|
|
1189
906
|
},
|
|
1190
|
-
[e.id,
|
|
1191
|
-
),
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
(
|
|
1196
|
-
[
|
|
1197
|
-
),
|
|
1198
|
-
(
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
a.getState().updateField(
|
|
1207
|
-
i.id,
|
|
1208
|
-
{ id: L },
|
|
907
|
+
[e.id, s.selectedChildId]
|
|
908
|
+
), I = c.useCallback((h) => h.question?.trim() || K[h.fieldType]?.label || "Untitled", []), P = c.useCallback(
|
|
909
|
+
(h, j) => r.field.update(h, j),
|
|
910
|
+
[r]
|
|
911
|
+
), y = c.useMemo(
|
|
912
|
+
() => o.find((h) => h.id === f) || null,
|
|
913
|
+
[o, f]
|
|
914
|
+
), S = Ne(y?.id || "", e.id), F = y && S ? S : null, N = c.useCallback(
|
|
915
|
+
(h, j) => {
|
|
916
|
+
if (y) {
|
|
917
|
+
if (h === "id") {
|
|
918
|
+
const q = String(j ?? "").trim();
|
|
919
|
+
if (!q) return;
|
|
920
|
+
n.getState().updateField(
|
|
921
|
+
y.id,
|
|
922
|
+
{ id: q },
|
|
1209
923
|
{
|
|
1210
924
|
sectionId: e.id,
|
|
1211
|
-
onIdChange: (
|
|
1212
|
-
|
|
925
|
+
onIdChange: (C, O) => {
|
|
926
|
+
b((_) => _ === O ? C : _);
|
|
1213
927
|
}
|
|
1214
928
|
}
|
|
1215
929
|
);
|
|
1216
930
|
return;
|
|
1217
931
|
}
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
{ [
|
|
932
|
+
n.getState().updateField(
|
|
933
|
+
y.id,
|
|
934
|
+
{ [h]: j },
|
|
1221
935
|
{ sectionId: e.id }
|
|
1222
936
|
);
|
|
1223
937
|
}
|
|
1224
938
|
},
|
|
1225
|
-
[
|
|
1226
|
-
),
|
|
1227
|
-
|
|
1228
|
-
}, [
|
|
1229
|
-
() =>
|
|
1230
|
-
[
|
|
1231
|
-
),
|
|
1232
|
-
() =>
|
|
1233
|
-
[
|
|
939
|
+
[y, e.id, n]
|
|
940
|
+
), k = c.useCallback(() => {
|
|
941
|
+
y && n.getState().deleteField(y.id, { sectionId: e.id });
|
|
942
|
+
}, [y, e.id, n]), T = c.useMemo(
|
|
943
|
+
() => y && (K[y.fieldType] || {}).hasOptions || !1,
|
|
944
|
+
[y]
|
|
945
|
+
), m = c.useMemo(
|
|
946
|
+
() => y && (K[y.fieldType] || {}).hasMatrix || !1,
|
|
947
|
+
[y]
|
|
1234
948
|
);
|
|
1235
|
-
return /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
|
|
1236
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
|
|
1237
|
-
/* @__PURE__ */ t.jsx("h3", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: "Section Properties" }),
|
|
949
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4", children: [
|
|
950
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
951
|
+
/* @__PURE__ */ t.jsx("h3", { className: "mie:text-sm mie:font-semibold mie:text-gray-700 mie:uppercase mie:tracking-wide", children: "Section Properties" }),
|
|
1238
952
|
/* @__PURE__ */ t.jsx(
|
|
1239
|
-
|
|
953
|
+
ze,
|
|
1240
954
|
{
|
|
1241
955
|
id: e.id,
|
|
1242
|
-
onCommit: (
|
|
956
|
+
onCommit: (h) => r.field.renameId(h)
|
|
1243
957
|
}
|
|
1244
958
|
),
|
|
1245
959
|
/* @__PURE__ */ t.jsxs("div", { className: "section-editor-title", children: [
|
|
1246
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Section Title" }),
|
|
960
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700 mie:mb-1", children: "Section Title" }),
|
|
1247
961
|
/* @__PURE__ */ t.jsx(
|
|
1248
962
|
"input",
|
|
1249
963
|
{
|
|
1250
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none",
|
|
964
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none",
|
|
1251
965
|
value: e.title || "",
|
|
1252
|
-
onChange: (
|
|
966
|
+
onChange: (h) => P("title", h.target.value),
|
|
1253
967
|
placeholder: "e.g., Patient Information"
|
|
1254
968
|
}
|
|
1255
969
|
)
|
|
1256
970
|
] })
|
|
1257
971
|
] }),
|
|
1258
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
|
|
1259
|
-
/* @__PURE__ */ t.jsxs("h3", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: [
|
|
972
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
973
|
+
/* @__PURE__ */ t.jsxs("h3", { className: "mie:text-sm mie:font-semibold mie:text-gray-700 mie:uppercase mie:tracking-wide", children: [
|
|
1260
974
|
"Fields (",
|
|
1261
|
-
|
|
975
|
+
o.length,
|
|
1262
976
|
")"
|
|
1263
977
|
] }),
|
|
1264
|
-
|
|
1265
|
-
/* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: "No fields in this section" }),
|
|
1266
|
-
/* @__PURE__ */ t.jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Use the Tool Panel to add fields" })
|
|
978
|
+
o.length === 0 ? /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:flex-col mie:items-center mie:justify-center mie:p-6 mie:bg-gray-50 mie:border-2 mie:border-dashed mie:border-gray-200 mie:rounded-lg mie:text-center", children: [
|
|
979
|
+
/* @__PURE__ */ t.jsx("p", { className: "mie:text-sm mie:text-gray-500", children: "No fields in this section" }),
|
|
980
|
+
/* @__PURE__ */ t.jsx("p", { className: "mie:text-xs mie:text-gray-400 mie:mt-1", children: "Use the Tool Panel to add fields" })
|
|
1267
981
|
] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1268
|
-
/* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
|
|
982
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:relative", children: [
|
|
1269
983
|
/* @__PURE__ */ t.jsx(
|
|
1270
984
|
"select",
|
|
1271
985
|
{
|
|
1272
|
-
className: "w-full px-3 py-2 pr-10 border border-gray-300 rounded bg-white focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none appearance-none cursor-pointer",
|
|
1273
|
-
value:
|
|
1274
|
-
onChange: (
|
|
1275
|
-
children:
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
(N = de[p.fieldType]) == null ? void 0 : N.label
|
|
1281
|
-
] }, p.id);
|
|
1282
|
-
})
|
|
986
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:pr-10 mie:border mie:border-gray-300 mie:rounded mie:bg-white mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:appearance-none mie:cursor-pointer",
|
|
987
|
+
value: f || "",
|
|
988
|
+
onChange: (h) => R(h.target.value),
|
|
989
|
+
children: o.map((h) => /* @__PURE__ */ t.jsxs("option", { value: h.id, children: [
|
|
990
|
+
I(h),
|
|
991
|
+
" — ",
|
|
992
|
+
K[h.fieldType]?.label
|
|
993
|
+
] }, h.id))
|
|
1283
994
|
}
|
|
1284
995
|
),
|
|
1285
|
-
/* @__PURE__ */ t.jsx(
|
|
996
|
+
/* @__PURE__ */ t.jsx(ht, { className: "mie:absolute mie:right-3 mie:top-1/2 mie:-translate-y-1/2 mie:w-4 mie:h-4 mie:text-gray-500 mie:pointer-events-none" })
|
|
1286
997
|
] }),
|
|
1287
|
-
|
|
1288
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
|
|
1289
|
-
/* @__PURE__ */ t.jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800", children:
|
|
998
|
+
y && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4 mie:p-4 mie:bg-gray-50 mie:border mie:border-gray-200 mie:rounded-lg", children: [
|
|
999
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:justify-between", children: [
|
|
1000
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:inline-flex mie:items-center mie:px-2.5 mie:py-0.5 mie:rounded-full mie:text-xs mie:font-medium mie:bg-blue-100 mie:text-blue-800", children: K[y.fieldType]?.label || y.fieldType }),
|
|
1290
1001
|
/* @__PURE__ */ t.jsxs(
|
|
1291
1002
|
"button",
|
|
1292
1003
|
{
|
|
1293
|
-
className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-red-600 hover:text-red-700 hover:bg-red-50 border border-red-300 rounded transition-colors",
|
|
1294
|
-
onClick:
|
|
1004
|
+
className: "mie:flex mie:items-center mie:gap-1.5 mie:px-3 mie:py-1.5 mie:text-xs mie:font-medium mie:bg-white mie:text-red-600 mie:hover:text-red-700 mie:hover:bg-red-50 mie:border mie:border-red-300 mie:rounded mie:transition-colors",
|
|
1005
|
+
onClick: k,
|
|
1295
1006
|
title: "Delete this field",
|
|
1296
1007
|
children: [
|
|
1297
|
-
/* @__PURE__ */ t.jsx(
|
|
1008
|
+
/* @__PURE__ */ t.jsx(re, { className: "mie:w-3.5 mie:h-3.5" }),
|
|
1298
1009
|
"Delete"
|
|
1299
1010
|
]
|
|
1300
1011
|
}
|
|
1301
1012
|
)
|
|
1302
1013
|
] }),
|
|
1303
|
-
/* @__PURE__ */ t.jsx(
|
|
1304
|
-
|
|
1305
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Default Answer" }),
|
|
1014
|
+
/* @__PURE__ */ t.jsx(We, { f: y, onUpdateField: N }),
|
|
1015
|
+
y.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "section-editor-default-answer", children: [
|
|
1016
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700 mie:mb-1", children: "Default Answer" }),
|
|
1306
1017
|
/* @__PURE__ */ t.jsx(
|
|
1307
1018
|
"input",
|
|
1308
1019
|
{
|
|
1309
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none",
|
|
1310
|
-
value:
|
|
1311
|
-
onChange: (
|
|
1020
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none",
|
|
1021
|
+
value: y.answer || "",
|
|
1022
|
+
onChange: (h) => N("answer", h.target.value),
|
|
1312
1023
|
placeholder: "Default value"
|
|
1313
1024
|
}
|
|
1314
1025
|
)
|
|
1315
1026
|
] }),
|
|
1316
|
-
|
|
1317
|
-
|
|
1027
|
+
T && F && /* @__PURE__ */ t.jsx(Ve, { field: y, api: F }),
|
|
1028
|
+
m && F && /* @__PURE__ */ t.jsx(He, { field: y, api: F })
|
|
1318
1029
|
] })
|
|
1319
1030
|
] })
|
|
1320
1031
|
] })
|
|
1321
1032
|
] });
|
|
1322
1033
|
}
|
|
1323
|
-
function
|
|
1034
|
+
function Re(e, i, r) {
|
|
1324
1035
|
if (e === "expression")
|
|
1325
|
-
return
|
|
1036
|
+
return pt.includes(i) ? ["equals", "notEquals", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual"] : ["equals", "notEquals", "contains", "empty", "notEmpty"];
|
|
1326
1037
|
switch (e) {
|
|
1327
|
-
case "
|
|
1328
|
-
|
|
1038
|
+
case "text":
|
|
1039
|
+
case "longtext":
|
|
1040
|
+
return r === "number" || r === "range" ? ["equals", "notEquals", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "empty", "notEmpty"] : r === "date" || r === "datetime-local" || r === "month" || r === "time" ? ["equals", "notEquals", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "empty", "notEmpty"] : ["equals", "notEquals", "contains", "empty", "notEmpty"];
|
|
1329
1041
|
case "radio":
|
|
1330
|
-
case "
|
|
1331
|
-
|
|
1042
|
+
case "dropdown":
|
|
1043
|
+
case "boolean":
|
|
1044
|
+
return ["equals", "notEquals"];
|
|
1045
|
+
case "check":
|
|
1046
|
+
case "multiselectdropdown":
|
|
1047
|
+
return ["includes", "empty", "notEmpty"];
|
|
1048
|
+
case "rating":
|
|
1049
|
+
case "slider":
|
|
1050
|
+
case "ranking":
|
|
1051
|
+
return ["equals", "notEquals", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual"];
|
|
1052
|
+
default:
|
|
1053
|
+
return ["equals", "notEquals"];
|
|
1054
|
+
}
|
|
1055
|
+
}
|
|
1056
|
+
function Dt(e) {
|
|
1057
|
+
switch (e) {
|
|
1332
1058
|
case "check":
|
|
1333
|
-
|
|
1059
|
+
case "multiselectdropdown":
|
|
1060
|
+
case "ranking":
|
|
1061
|
+
return ["length", "count"];
|
|
1062
|
+
case "text":
|
|
1063
|
+
case "longtext":
|
|
1064
|
+
return ["length"];
|
|
1334
1065
|
default:
|
|
1335
|
-
return [
|
|
1066
|
+
return [];
|
|
1336
1067
|
}
|
|
1337
1068
|
}
|
|
1338
|
-
function
|
|
1069
|
+
function qt(e) {
|
|
1339
1070
|
switch (e) {
|
|
1340
1071
|
case "equals":
|
|
1341
1072
|
return "= (equals)";
|
|
1073
|
+
case "notEquals":
|
|
1074
|
+
return "≠ (not equals)";
|
|
1342
1075
|
case "greaterThan":
|
|
1343
1076
|
return "> (greater than)";
|
|
1344
1077
|
case "greaterThanOrEqual":
|
|
@@ -1351,131 +1084,129 @@ function Wr(e) {
|
|
|
1351
1084
|
return "contains";
|
|
1352
1085
|
case "includes":
|
|
1353
1086
|
return "includes";
|
|
1087
|
+
case "empty":
|
|
1088
|
+
return "is empty";
|
|
1089
|
+
case "notEmpty":
|
|
1090
|
+
return "is not empty";
|
|
1354
1091
|
default:
|
|
1355
1092
|
return e;
|
|
1356
1093
|
}
|
|
1357
1094
|
}
|
|
1358
|
-
function
|
|
1095
|
+
function Ae(e) {
|
|
1359
1096
|
if (e && typeof e == "object") {
|
|
1360
|
-
const
|
|
1361
|
-
return { id:
|
|
1097
|
+
const r = e.id ?? String(e.value ?? ""), n = String(e.value ?? e.label ?? e.id ?? "");
|
|
1098
|
+
return { id: r, value: n };
|
|
1362
1099
|
}
|
|
1363
|
-
const
|
|
1364
|
-
return { id:
|
|
1365
|
-
}
|
|
1366
|
-
function
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
if (
|
|
1375
|
-
if (
|
|
1376
|
-
const
|
|
1377
|
-
e.selectedChildId.set(
|
|
1100
|
+
const i = String(e ?? "");
|
|
1101
|
+
return { id: i, value: i };
|
|
1102
|
+
}
|
|
1103
|
+
function Lt() {
|
|
1104
|
+
const e = B(), i = V((p) => p.byId), r = V((p) => p.setEnableWhen), n = V((p) => p.updateField), s = e?.selectedFieldId?.value ?? null;
|
|
1105
|
+
e?.selectedChildId?.ParentId;
|
|
1106
|
+
const o = e?.selectedChildId?.ChildId ?? null, u = s ? i[s] : null, a = u?.fieldType === "section", d = c.useMemo(() => a ? Array.isArray(u?.fields) ? u.fields : [] : [], [a, u]), f = c.useMemo(() => !a || !o ? !1 : d.some((p) => p.id === o), [a, o, d]), b = c.useMemo(() => a && f ? `child:${o}` : "", [a, f, o]), [g, R] = c.useState(b);
|
|
1107
|
+
c.useEffect(() => {
|
|
1108
|
+
R(b);
|
|
1109
|
+
}, [b]);
|
|
1110
|
+
const I = c.useCallback((p) => {
|
|
1111
|
+
if (R(p), !!a)
|
|
1112
|
+
if (p && p.startsWith("child:")) {
|
|
1113
|
+
const E = p.slice(6);
|
|
1114
|
+
e.selectedChildId.set(s, E);
|
|
1378
1115
|
} else
|
|
1379
1116
|
e.selectedChildId.set(null, null);
|
|
1380
|
-
}, [
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
fieldType: O.fieldType,
|
|
1395
|
-
displayFormat: O.displayFormat,
|
|
1396
|
-
options: Array.isArray(O.options) ? O.options : []
|
|
1117
|
+
}, [a, s, e]), P = !!(a && g && g.startsWith("child:")), y = P ? g.slice(6) : null, S = P ? y : s, F = c.useMemo(() => S ? P ? d.find((p) => p.id === y) ?? null : i[S] ?? null : null, [i, S, P, y, d]), N = c.useMemo(() => {
|
|
1118
|
+
const p = [];
|
|
1119
|
+
for (const E of Object.values(i))
|
|
1120
|
+
if (E)
|
|
1121
|
+
if (E.fieldType === "section" && Array.isArray(E.fields)) {
|
|
1122
|
+
const A = E.title?.trim() || "Section";
|
|
1123
|
+
E.fields.forEach((w) => {
|
|
1124
|
+
p.push({
|
|
1125
|
+
id: w.id,
|
|
1126
|
+
parentId: E.id,
|
|
1127
|
+
label: `${A} › ${w.question?.trim() || w.id}`,
|
|
1128
|
+
fieldType: w.fieldType,
|
|
1129
|
+
displayFormat: w.displayFormat,
|
|
1130
|
+
options: Array.isArray(w.options) ? w.options : []
|
|
1397
1131
|
});
|
|
1398
1132
|
});
|
|
1399
1133
|
} else
|
|
1400
|
-
|
|
1401
|
-
id:
|
|
1134
|
+
p.push({
|
|
1135
|
+
id: E.id,
|
|
1402
1136
|
parentId: null,
|
|
1403
|
-
label:
|
|
1404
|
-
fieldType:
|
|
1405
|
-
displayFormat:
|
|
1406
|
-
options: Array.isArray(
|
|
1137
|
+
label: E.question?.trim() || E.title?.trim() || E.id,
|
|
1138
|
+
fieldType: E.fieldType,
|
|
1139
|
+
displayFormat: E.displayFormat,
|
|
1140
|
+
options: Array.isArray(E.options) ? E.options : []
|
|
1407
1141
|
});
|
|
1408
|
-
return
|
|
1409
|
-
}, [
|
|
1410
|
-
(
|
|
1411
|
-
[
|
|
1412
|
-
),
|
|
1413
|
-
(
|
|
1414
|
-
if (!
|
|
1415
|
-
const
|
|
1416
|
-
|
|
1142
|
+
return p;
|
|
1143
|
+
}, [i]), k = c.useCallback(
|
|
1144
|
+
(p) => N.find((E) => E.id === p) || null,
|
|
1145
|
+
[N]
|
|
1146
|
+
), T = c.useCallback(
|
|
1147
|
+
(p) => {
|
|
1148
|
+
if (!S) return;
|
|
1149
|
+
const E = p && Array.isArray(p.conditions) ? { logic: p.logic || "AND", conditions: p.conditions } : void 0;
|
|
1150
|
+
P && s ? n(S, { enableWhen: E }, { sectionId: s }) : r(S, E);
|
|
1417
1151
|
},
|
|
1418
|
-
[
|
|
1419
|
-
),
|
|
1420
|
-
const
|
|
1421
|
-
logic:
|
|
1152
|
+
[S, P, s, r, n]
|
|
1153
|
+
), m = c.useMemo(() => F?.enableWhen && Array.isArray(F.enableWhen.conditions) ? { logic: F.enableWhen.logic || "AND", conditions: F.enableWhen.conditions } : { logic: "AND", conditions: [] }, [F]), h = c.useCallback(() => {
|
|
1154
|
+
const p = {
|
|
1155
|
+
logic: m.logic || "AND",
|
|
1422
1156
|
conditions: [
|
|
1423
|
-
...Array.isArray(
|
|
1157
|
+
...Array.isArray(m.conditions) ? m.conditions : [],
|
|
1424
1158
|
{ targetId: "", operator: "equals", value: "" }
|
|
1425
1159
|
]
|
|
1426
1160
|
};
|
|
1427
|
-
|
|
1428
|
-
}, [
|
|
1429
|
-
(
|
|
1430
|
-
const
|
|
1431
|
-
|
|
1161
|
+
T(p);
|
|
1162
|
+
}, [m, T]), j = c.useCallback(() => T(null), [T]), q = c.useCallback(
|
|
1163
|
+
(p) => {
|
|
1164
|
+
const A = (Array.isArray(m.conditions) ? m.conditions : []).filter((w, M) => M !== p);
|
|
1165
|
+
T({ ...m, conditions: A });
|
|
1432
1166
|
},
|
|
1433
|
-
[
|
|
1434
|
-
),
|
|
1435
|
-
(
|
|
1436
|
-
const
|
|
1437
|
-
if ("targetId" in
|
|
1438
|
-
const
|
|
1439
|
-
|
|
1440
|
-
const
|
|
1441
|
-
|
|
1167
|
+
[m, T]
|
|
1168
|
+
), C = c.useCallback(
|
|
1169
|
+
(p, E) => {
|
|
1170
|
+
const w = [...Array.isArray(m.conditions) ? m.conditions : []], z = { ...w[p] || { targetId: "", operator: "equals", value: "" }, ...E };
|
|
1171
|
+
if ("targetId" in E) {
|
|
1172
|
+
const U = k(z.targetId), H = Re(U?.fieldType, U?.displayFormat, U?.inputType);
|
|
1173
|
+
H.includes(z.operator) || (z.operator = H[0] || "equals");
|
|
1174
|
+
const Y = Array.isArray(U?.options) ? U.options.map(Ae) : [];
|
|
1175
|
+
Y.length > 0 && (new Set(Y.map((x) => x.id)).has(z.value) || (z.value = ""));
|
|
1442
1176
|
}
|
|
1443
|
-
|
|
1177
|
+
w[p] = z, T({ ...m, conditions: w });
|
|
1444
1178
|
},
|
|
1445
|
-
[
|
|
1446
|
-
),
|
|
1447
|
-
() =>
|
|
1448
|
-
[
|
|
1449
|
-
),
|
|
1450
|
-
return /* @__PURE__ */ t.jsxs("div", { className: "logic-editor-container space-y-4", children: [
|
|
1451
|
-
|
|
1452
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Target Field" }),
|
|
1179
|
+
[m, k, T]
|
|
1180
|
+
), O = c.useMemo(
|
|
1181
|
+
() => N.filter((p) => p.id !== S),
|
|
1182
|
+
[N, S]
|
|
1183
|
+
), _ = !F || !S;
|
|
1184
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "logic-editor-container mie:space-y-4", children: [
|
|
1185
|
+
a && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-2", children: [
|
|
1186
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700", children: "Target Field" }),
|
|
1453
1187
|
/* @__PURE__ */ t.jsxs(
|
|
1454
1188
|
"select",
|
|
1455
1189
|
{
|
|
1456
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none bg-white",
|
|
1457
|
-
value:
|
|
1458
|
-
onChange: (
|
|
1190
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white",
|
|
1191
|
+
value: g,
|
|
1192
|
+
onChange: (p) => I(p.target.value),
|
|
1459
1193
|
children: [
|
|
1460
1194
|
/* @__PURE__ */ t.jsx("option", { value: "", children: "Section (this)" }),
|
|
1461
|
-
|
|
1462
|
-
var g, w;
|
|
1463
|
-
return /* @__PURE__ */ t.jsx("option", { value: `child:${v.id}`, children: ((g = v.question) == null ? void 0 : g.trim()) || ((w = v.title) == null ? void 0 : w.trim()) || v.id }, v.id);
|
|
1464
|
-
})
|
|
1195
|
+
d.map((p) => /* @__PURE__ */ t.jsx("option", { value: `child:${p.id}`, children: p.question?.trim() || p.title?.trim() || p.id }, p.id))
|
|
1465
1196
|
]
|
|
1466
1197
|
}
|
|
1467
1198
|
)
|
|
1468
1199
|
] }),
|
|
1469
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
|
|
1470
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
|
|
1471
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Logic Operator" }),
|
|
1200
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
1201
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-2", children: [
|
|
1202
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-gray-700", children: "Logic Operator" }),
|
|
1472
1203
|
/* @__PURE__ */ t.jsxs(
|
|
1473
1204
|
"select",
|
|
1474
1205
|
{
|
|
1475
|
-
value:
|
|
1476
|
-
onChange: (
|
|
1477
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none bg-white",
|
|
1478
|
-
disabled:
|
|
1206
|
+
value: m.logic || "AND",
|
|
1207
|
+
onChange: (p) => T({ ...m, logic: p.target.value }),
|
|
1208
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white",
|
|
1209
|
+
disabled: _,
|
|
1479
1210
|
children: [
|
|
1480
1211
|
/* @__PURE__ */ t.jsx("option", { value: "AND", children: "AND — All conditions must be true" }),
|
|
1481
1212
|
/* @__PURE__ */ t.jsx("option", { value: "OR", children: "OR — Any condition must be true" })
|
|
@@ -1483,14 +1214,14 @@ function Ur() {
|
|
|
1483
1214
|
}
|
|
1484
1215
|
)
|
|
1485
1216
|
] }),
|
|
1486
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex gap-2", children: [
|
|
1217
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:gap-2", children: [
|
|
1487
1218
|
/* @__PURE__ */ t.jsx(
|
|
1488
1219
|
"button",
|
|
1489
1220
|
{
|
|
1490
1221
|
type: "button",
|
|
1491
|
-
className: "flex-1 px-3 py-2 text-sm font-medium text-blue-600 border border-blue-300 rounded-lg hover:bg-blue-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1492
|
-
onClick:
|
|
1493
|
-
disabled:
|
|
1222
|
+
className: "mie:flex-1 mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-white mie:text-blue-600 mie:border mie:border-blue-300 mie:rounded-lg mie:hover:bg-blue-50 mie:transition-colors mie:disabled:opacity-50 mie:disabled:cursor-not-allowed",
|
|
1223
|
+
onClick: h,
|
|
1224
|
+
disabled: _,
|
|
1494
1225
|
children: "+ Add Condition"
|
|
1495
1226
|
}
|
|
1496
1227
|
),
|
|
@@ -1498,133 +1229,157 @@ function Ur() {
|
|
|
1498
1229
|
"button",
|
|
1499
1230
|
{
|
|
1500
1231
|
type: "button",
|
|
1501
|
-
className: "px-3 py-2 text-sm font-medium text-red-600 border border-red-300 rounded-lg hover:bg-red-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1502
|
-
onClick:
|
|
1503
|
-
disabled:
|
|
1232
|
+
className: "mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-white mie:text-red-600 mie:border mie:border-red-300 mie:rounded-lg mie:hover:bg-red-50 mie:transition-colors mie:disabled:opacity-50 mie:disabled:cursor-not-allowed",
|
|
1233
|
+
onClick: j,
|
|
1234
|
+
disabled: _,
|
|
1504
1235
|
children: "Clear All"
|
|
1505
1236
|
}
|
|
1506
1237
|
)
|
|
1507
1238
|
] })
|
|
1508
1239
|
] }),
|
|
1509
|
-
|
|
1510
|
-
/* @__PURE__ */ t.jsxs("h4", { className: "text-sm font-medium text-gray-700", children: [
|
|
1240
|
+
m.conditions.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
|
|
1241
|
+
/* @__PURE__ */ t.jsxs("h4", { className: "mie:text-sm mie:font-medium mie:text-gray-700", children: [
|
|
1511
1242
|
"Conditions (",
|
|
1512
|
-
|
|
1243
|
+
m.conditions.length,
|
|
1513
1244
|
")"
|
|
1514
1245
|
] }),
|
|
1515
|
-
/* @__PURE__ */ t.jsx("div", { className: "space-y-3", children:
|
|
1516
|
-
const
|
|
1517
|
-
return /* @__PURE__ */ t.jsxs("div", { className: "p-3 bg-gray-50 border border-gray-200 rounded-lg space-y-2", children: [
|
|
1518
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
|
|
1519
|
-
/* @__PURE__ */ t.jsxs("span", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide", children: [
|
|
1246
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:space-y-3", children: m.conditions.map((p, E) => {
|
|
1247
|
+
const A = k(p.targetId), w = Re(A?.fieldType, A?.displayFormat, A?.inputType), M = A ? Dt(A.fieldType) : [], z = M.length > 0, U = Array.isArray(A?.options) ? A.options.map(Ae) : [], H = U.length > 0, Y = !["empty", "notEmpty"].includes(p.operator), x = ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual"].includes(p.operator);
|
|
1248
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "mie:p-3 mie:bg-gray-50 mie:border mie:border-gray-200 mie:rounded-lg mie:space-y-2", children: [
|
|
1249
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:justify-between mie:mb-2", children: [
|
|
1250
|
+
/* @__PURE__ */ t.jsxs("span", { className: "mie:text-xs mie:font-semibold mie:text-gray-500 mie:uppercase mie:tracking-wide", children: [
|
|
1520
1251
|
"Condition ",
|
|
1521
|
-
|
|
1252
|
+
E + 1
|
|
1522
1253
|
] }),
|
|
1523
1254
|
/* @__PURE__ */ t.jsx(
|
|
1524
1255
|
"button",
|
|
1525
1256
|
{
|
|
1526
1257
|
type: "button",
|
|
1527
|
-
onClick: () => q(
|
|
1528
|
-
className: "text-gray-400 hover:text-red-600 transition-colors",
|
|
1258
|
+
onClick: () => q(E),
|
|
1259
|
+
className: "mie:bg-transparent mie:text-gray-400 mie:hover:text-red-600 mie:transition-colors",
|
|
1529
1260
|
title: "Remove condition",
|
|
1530
|
-
disabled:
|
|
1531
|
-
children: /* @__PURE__ */ t.jsx(
|
|
1261
|
+
disabled: _,
|
|
1262
|
+
children: /* @__PURE__ */ t.jsx(re, { className: "mie:w-4 mie:h-4" })
|
|
1532
1263
|
}
|
|
1533
1264
|
)
|
|
1534
1265
|
] }),
|
|
1535
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
|
|
1266
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-2", children: [
|
|
1536
1267
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
1537
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "When Field" }),
|
|
1268
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-xs mie:font-medium mie:text-gray-600 mie:mb-1", children: "When Field" }),
|
|
1538
1269
|
/* @__PURE__ */ t.jsxs(
|
|
1539
1270
|
"select",
|
|
1540
1271
|
{
|
|
1541
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none bg-white text-sm",
|
|
1542
|
-
value:
|
|
1543
|
-
onChange: (
|
|
1544
|
-
disabled:
|
|
1272
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white mie:text-sm",
|
|
1273
|
+
value: p.targetId,
|
|
1274
|
+
onChange: (v) => C(E, { targetId: v.target.value }),
|
|
1275
|
+
disabled: _,
|
|
1545
1276
|
children: [
|
|
1546
1277
|
/* @__PURE__ */ t.jsx("option", { value: "", children: "— Select field —" }),
|
|
1547
|
-
|
|
1278
|
+
O.map((v) => /* @__PURE__ */ t.jsx("option", { value: v.id, children: v.label }, v.id))
|
|
1548
1279
|
]
|
|
1549
1280
|
}
|
|
1550
1281
|
)
|
|
1551
1282
|
] }),
|
|
1552
|
-
/* @__PURE__ */ t.jsxs("div", {
|
|
1283
|
+
z && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
1284
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-xs mie:font-medium mie:text-gray-600 mie:mb-1", children: "Property (optional)" }),
|
|
1285
|
+
/* @__PURE__ */ t.jsxs(
|
|
1286
|
+
"select",
|
|
1287
|
+
{
|
|
1288
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white mie:text-sm",
|
|
1289
|
+
value: p.propertyAccessor || "",
|
|
1290
|
+
onChange: (v) => C(E, { propertyAccessor: v.target.value || void 0 }),
|
|
1291
|
+
disabled: _ || !A,
|
|
1292
|
+
children: [
|
|
1293
|
+
/* @__PURE__ */ t.jsx("option", { value: "", children: "— Direct value —" }),
|
|
1294
|
+
M.map((v) => /* @__PURE__ */ t.jsxs("option", { value: v, children: [
|
|
1295
|
+
".",
|
|
1296
|
+
v,
|
|
1297
|
+
" (get ",
|
|
1298
|
+
v,
|
|
1299
|
+
")"
|
|
1300
|
+
] }, v))
|
|
1301
|
+
]
|
|
1302
|
+
}
|
|
1303
|
+
),
|
|
1304
|
+
/* @__PURE__ */ t.jsx("p", { className: "mie:text-xs mie:text-gray-500 mie:mt-1", children: "Use .length or .count to compare the number of items" })
|
|
1305
|
+
] }),
|
|
1306
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:grid mie:grid-cols-2 mie:gap-2", children: [
|
|
1553
1307
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
1554
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "Operator" }),
|
|
1308
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-xs mie:font-medium mie:text-gray-600 mie:mb-1", children: "Operator" }),
|
|
1555
1309
|
/* @__PURE__ */ t.jsx(
|
|
1556
1310
|
"select",
|
|
1557
1311
|
{
|
|
1558
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none bg-white text-sm",
|
|
1559
|
-
value:
|
|
1560
|
-
onChange: (
|
|
1561
|
-
disabled:
|
|
1562
|
-
children: (
|
|
1312
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white mie:text-sm",
|
|
1313
|
+
value: p.operator,
|
|
1314
|
+
onChange: (v) => C(E, { operator: v.target.value }),
|
|
1315
|
+
disabled: _ || !A,
|
|
1316
|
+
children: (A ? w : ["equals"]).map((v) => /* @__PURE__ */ t.jsx("option", { value: v, children: qt(v) }, v))
|
|
1563
1317
|
}
|
|
1564
1318
|
)
|
|
1565
1319
|
] }),
|
|
1566
1320
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
1567
|
-
/* @__PURE__ */ t.jsx("label", { className: "block text-xs font-medium text-gray-600 mb-1", children: "Value" }),
|
|
1568
|
-
|
|
1321
|
+
/* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-xs mie:font-medium mie:text-gray-600 mie:mb-1", children: "Value" }),
|
|
1322
|
+
Y ? H && !p.propertyAccessor && !x ? /* @__PURE__ */ t.jsxs(
|
|
1569
1323
|
"select",
|
|
1570
1324
|
{
|
|
1571
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none bg-white text-sm",
|
|
1572
|
-
value:
|
|
1573
|
-
onChange: (
|
|
1574
|
-
disabled:
|
|
1325
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:bg-white mie:text-sm",
|
|
1326
|
+
value: p.value,
|
|
1327
|
+
onChange: (v) => C(E, { value: v.target.value }),
|
|
1328
|
+
disabled: _ || !A,
|
|
1575
1329
|
children: [
|
|
1576
1330
|
/* @__PURE__ */ t.jsx("option", { value: "", children: "— Select option —" }),
|
|
1577
|
-
|
|
1331
|
+
U.map((v) => /* @__PURE__ */ t.jsx("option", { value: v.id, children: v.value }, v.id))
|
|
1578
1332
|
]
|
|
1579
1333
|
}
|
|
1580
1334
|
) : /* @__PURE__ */ t.jsx(
|
|
1581
1335
|
"input",
|
|
1582
1336
|
{
|
|
1583
|
-
className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none text-sm",
|
|
1584
|
-
placeholder: "Enter value",
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1337
|
+
className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-300 mie:rounded-lg mie:focus:border-blue-400 mie:focus:ring-1 mie:focus:ring-blue-400 mie:outline-none mie:text-sm",
|
|
1338
|
+
placeholder: p.propertyAccessor || x ? "Enter number" : "Enter value",
|
|
1339
|
+
type: p.propertyAccessor || x ? "number" : "text",
|
|
1340
|
+
value: p.value,
|
|
1341
|
+
onChange: (v) => C(E, { value: v.target.value }),
|
|
1342
|
+
disabled: _ || !A
|
|
1588
1343
|
}
|
|
1589
|
-
)
|
|
1344
|
+
) : /* @__PURE__ */ t.jsx("div", { className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-gray-200 mie:rounded-lg mie:bg-gray-100 mie:text-sm mie:text-gray-500 mie:flex mie:items-center", children: "(no value needed)" })
|
|
1590
1345
|
] })
|
|
1591
1346
|
] })
|
|
1592
1347
|
] })
|
|
1593
|
-
] },
|
|
1348
|
+
] }, E);
|
|
1594
1349
|
}) })
|
|
1595
1350
|
] })
|
|
1596
1351
|
] });
|
|
1597
1352
|
}
|
|
1598
|
-
function
|
|
1599
|
-
const
|
|
1600
|
-
|
|
1601
|
-
(
|
|
1602
|
-
[
|
|
1353
|
+
function Pe({ isMobileModal: e = !1 }) {
|
|
1354
|
+
const i = B(), r = V(
|
|
1355
|
+
c.useCallback(
|
|
1356
|
+
(d) => i.selectedFieldId.value ? d.byId[i.selectedFieldId.value] : null,
|
|
1357
|
+
[i.selectedFieldId.value]
|
|
1603
1358
|
)
|
|
1604
|
-
), [
|
|
1605
|
-
(
|
|
1606
|
-
|
|
1359
|
+
), [n, s] = c.useState("EDIT"), o = c.useCallback(
|
|
1360
|
+
(d, f) => {
|
|
1361
|
+
i.selectedChildId.set(d, f);
|
|
1607
1362
|
},
|
|
1608
|
-
[
|
|
1363
|
+
[i.selectedChildId.set]
|
|
1609
1364
|
);
|
|
1610
|
-
if (
|
|
1611
|
-
|
|
1612
|
-
}, [
|
|
1613
|
-
const
|
|
1365
|
+
if (c.useEffect(() => {
|
|
1366
|
+
i.selectedChildId.set(null, null), s("EDIT");
|
|
1367
|
+
}, [i.selectedFieldId.value]), i.state.isPreview) return null;
|
|
1368
|
+
const u = !r, a = r?.fieldType === "section";
|
|
1614
1369
|
return /* @__PURE__ */ t.jsxs(
|
|
1615
1370
|
"div",
|
|
1616
1371
|
{
|
|
1617
|
-
className:
|
|
1372
|
+
className: `edit-panel-container mie:bg-white mie:border mie:border-gray-200 mie:rounded-lg mie:shadow-sm ${e ? "mie:overflow-visible mie:max-h-none" : "mie:overflow-y-auto mie:custom-scrollbar mie:max-h-[calc(100svh-24rem)] mie:lg:max-h-[calc(100dvh-20rem)]"}`,
|
|
1618
1373
|
children: [
|
|
1619
|
-
/* @__PURE__ */ t.jsx("div", { className: "sticky top-0 z-20 bg-white border-b border-gray-200 px-4 pt-3 pb-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex gap-1 rounded-lg border border-black/10 bg-black/5 p-1 w-full", children: [
|
|
1374
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:sticky mie:top-0 mie:z-20 mie:bg-white mie:border-b mie:border-gray-200 mie:px-4 mie:pt-3 mie:pb-2", children: /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:gap-1 mie:rounded-lg mie:border mie:border-black/10 mie:bg-black/5 mie:p-1 mie:w-full", children: [
|
|
1620
1375
|
/* @__PURE__ */ t.jsxs(
|
|
1621
1376
|
"button",
|
|
1622
1377
|
{
|
|
1623
1378
|
type: "button",
|
|
1624
|
-
onClick: () =>
|
|
1625
|
-
className: `flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-medium transition-colors ${
|
|
1379
|
+
onClick: () => s("EDIT"),
|
|
1380
|
+
className: `mie:flex-1 mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-3 mie:py-2 mie:rounded-lg mie:text-xs mie:font-medium mie:transition-colors ${n === "EDIT" ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
1626
1381
|
children: [
|
|
1627
|
-
/* @__PURE__ */ t.jsx(
|
|
1382
|
+
/* @__PURE__ */ t.jsx(gt, { className: "mie:w-4 mie:h-4" }),
|
|
1628
1383
|
/* @__PURE__ */ t.jsx("span", { children: "Edit" })
|
|
1629
1384
|
]
|
|
1630
1385
|
}
|
|
@@ -1633,85 +1388,81 @@ function gt() {
|
|
|
1633
1388
|
"button",
|
|
1634
1389
|
{
|
|
1635
1390
|
type: "button",
|
|
1636
|
-
onClick: () =>
|
|
1637
|
-
className: `flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-medium transition-colors ${
|
|
1391
|
+
onClick: () => s("LOGIC"),
|
|
1392
|
+
className: `mie:flex-1 mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-3 mie:py-2 mie:rounded-lg mie:text-xs mie:font-medium mie:transition-colors ${n === "LOGIC" ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
1638
1393
|
children: [
|
|
1639
|
-
/* @__PURE__ */ t.jsx(
|
|
1394
|
+
/* @__PURE__ */ t.jsx(bt, { className: "mie:w-4 mie:h-4" }),
|
|
1640
1395
|
/* @__PURE__ */ t.jsx("span", { children: "Logic" })
|
|
1641
1396
|
]
|
|
1642
1397
|
}
|
|
1643
1398
|
)
|
|
1644
1399
|
] }) }),
|
|
1645
|
-
/* @__PURE__ */ t.jsxs("div", { className: "p-4", children: [
|
|
1646
|
-
|
|
1647
|
-
!
|
|
1648
|
-
!
|
|
1649
|
-
|
|
1650
|
-
|
|
1400
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:p-4", children: [
|
|
1401
|
+
u && /* @__PURE__ */ t.jsx("div", { className: "edit-panel-empty mie:text-gray-600", children: /* @__PURE__ */ t.jsx("p", { children: "Select a field in the center panel to edit its properties." }) }),
|
|
1402
|
+
!u && n === "EDIT" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
1403
|
+
!a && /* @__PURE__ */ t.jsx(Ft, { f: r }),
|
|
1404
|
+
a && /* @__PURE__ */ t.jsx(
|
|
1405
|
+
_t,
|
|
1651
1406
|
{
|
|
1652
1407
|
section: r,
|
|
1653
1408
|
onActiveChildChange: o
|
|
1654
1409
|
}
|
|
1655
1410
|
)
|
|
1656
1411
|
] }),
|
|
1657
|
-
!
|
|
1412
|
+
!u && n === "LOGIC" && /* @__PURE__ */ t.jsx(Lt, {})
|
|
1658
1413
|
] })
|
|
1659
1414
|
]
|
|
1660
1415
|
}
|
|
1661
1416
|
);
|
|
1662
1417
|
}
|
|
1663
|
-
function
|
|
1664
|
-
const e =
|
|
1665
|
-
return
|
|
1666
|
-
var f;
|
|
1418
|
+
function $t() {
|
|
1419
|
+
const e = B(), { fields: i } = xt(e.state.isPreview), r = vt((a) => a.hideUnsupportedFields), n = V((a) => a.order), s = c.useRef(null), o = c.useRef(0), u = Ee(() => (r ? i.filter((d) => d.fieldType !== "unsupported") : i).map((d) => d.id), [i, r]);
|
|
1420
|
+
return c.useEffect(() => {
|
|
1667
1421
|
if (!e.state.isPreview) {
|
|
1668
|
-
if (
|
|
1669
|
-
const
|
|
1670
|
-
|
|
1422
|
+
if (n.length > o.current) {
|
|
1423
|
+
const a = n[n.length - 1], d = s.current?.querySelector(`[data-field-id="${a}"]`);
|
|
1424
|
+
d && (d.scrollIntoView({ behavior: "smooth", block: "nearest" }), e.selectedFieldId.set(a));
|
|
1671
1425
|
}
|
|
1672
|
-
|
|
1426
|
+
o.current = n.length;
|
|
1673
1427
|
}
|
|
1674
|
-
}, [
|
|
1428
|
+
}, [n, e.selectedFieldId, e.state.isPreview]), /* @__PURE__ */ t.jsx(
|
|
1675
1429
|
"div",
|
|
1676
1430
|
{
|
|
1677
|
-
ref:
|
|
1431
|
+
ref: s,
|
|
1678
1432
|
className: `form-builder-main
|
|
1679
|
-
${e.state.isPreview ? "max-w-4xl" : "max-w-xl"}
|
|
1680
|
-
mx-auto rounded-lg overflow-y-auto max-h-[calc(100svh-13rem)] lg:max-h-[calc(100dvh-11rem)] custom-scrollbar lg:pr-2`,
|
|
1433
|
+
${e.state.isPreview ? "mie:max-w-4xl" : "mie:max-w-xl"}
|
|
1434
|
+
mie:mx-auto mie:rounded-lg mie:overflow-y-auto mie:max-h-[calc(100svh-13rem)] mie:lg:max-h-[calc(100dvh-11rem)] mie:custom-scrollbar mie:lg:pr-2`,
|
|
1681
1435
|
onClick: () => !e.state.isPreview && e.selectedFieldId.clear(),
|
|
1682
|
-
children:
|
|
1436
|
+
children: u.length === 0 ? /* @__PURE__ */ t.jsx(zt, {}) : u.map((a) => /* @__PURE__ */ t.jsx(Ut, { id: a }, a))
|
|
1683
1437
|
}
|
|
1684
1438
|
);
|
|
1685
1439
|
}
|
|
1686
|
-
const
|
|
1687
|
-
const
|
|
1688
|
-
if (!
|
|
1689
|
-
const
|
|
1690
|
-
return
|
|
1440
|
+
const Ut = c.memo(function({ id: i }) {
|
|
1441
|
+
const r = V(c.useCallback((s) => s.byId[i], [i]));
|
|
1442
|
+
if (!r) return null;
|
|
1443
|
+
const n = yt(r.fieldType);
|
|
1444
|
+
return n ? /* @__PURE__ */ t.jsx("div", { className: "mie:mb-1.5", "data-field-type": r.fieldType, "data-field-id": r.id, children: /* @__PURE__ */ t.jsx(n, { field: r }) }) : null;
|
|
1691
1445
|
});
|
|
1692
|
-
function
|
|
1446
|
+
function zt() {
|
|
1693
1447
|
return /* @__PURE__ */ t.jsxs(
|
|
1694
1448
|
"div",
|
|
1695
1449
|
{
|
|
1696
|
-
className:
|
|
1697
|
-
items-center justify-center h-72 bg-linear-to-br from-gray-50 \r
|
|
1698
|
-
to-gray-100 border-2 border-dashed border-blue-200 rounded-xl \r
|
|
1699
|
-
shadow-md text-center px-8 py-10`,
|
|
1450
|
+
className: "form-builder-empty-state mie:flex mie:flex-col mie:items-center mie:justify-center mie:h-72 mie:bg-linear-to-br mie:from-gray-50 mie:to-gray-100 mie:border-2 mie:border-dashed mie:border-blue-200 mie:rounded-xl mie:shadow-md mie:text-center mie:px-8 mie:py-10",
|
|
1700
1451
|
children: [
|
|
1701
|
-
/* @__PURE__ */ t.jsx("div", { className: "empty-state-title text-xl font-semibold text-gray-700 mb-2", children: "Forms" }),
|
|
1702
|
-
/* @__PURE__ */ t.jsxs("div", { className: "empty-state-description text-base text-gray-500", children: [
|
|
1703
|
-
/* @__PURE__ */ t.jsxs("div", { className: "lg:hidden", children: [
|
|
1452
|
+
/* @__PURE__ */ t.jsx("div", { className: "empty-state-title mie:text-xl mie:font-semibold mie:text-gray-700 mie:mb-2", children: "Forms" }),
|
|
1453
|
+
/* @__PURE__ */ t.jsxs("div", { className: "empty-state-description mie:text-base mie:text-gray-500", children: [
|
|
1454
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:lg:hidden", children: [
|
|
1704
1455
|
"Tap the ",
|
|
1705
|
-
/* @__PURE__ */ t.jsx("span", { className: "font-semibold text-blue-500", children: "Tool Panel" }),
|
|
1456
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:font-semibold mie:text-blue-500", children: "Tool Panel" }),
|
|
1706
1457
|
" button to add fields."
|
|
1707
1458
|
] }),
|
|
1708
|
-
/* @__PURE__ */ t.jsxs("div", { className: "hidden lg:block", children: [
|
|
1459
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:hidden mie:lg:block", children: [
|
|
1709
1460
|
"Add fields using the ",
|
|
1710
|
-
/* @__PURE__ */ t.jsx("span", { className: "font-semibold text-blue-500", children: "Tool Panel" }),
|
|
1461
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:font-semibold mie:text-blue-500", children: "Tool Panel" }),
|
|
1711
1462
|
" on the left.",
|
|
1712
1463
|
/* @__PURE__ */ t.jsx("br", {}),
|
|
1713
1464
|
"Edit field properties using the ",
|
|
1714
|
-
/* @__PURE__ */ t.jsx("span", { className: "font-semibold text-blue-500", children: "Edit Panel" }),
|
|
1465
|
+
/* @__PURE__ */ t.jsx("span", { className: "mie:font-semibold mie:text-blue-500", children: "Edit Panel" }),
|
|
1715
1466
|
" on the right."
|
|
1716
1467
|
] })
|
|
1717
1468
|
] })
|
|
@@ -1719,188 +1470,188 @@ function Yr() {
|
|
|
1719
1470
|
}
|
|
1720
1471
|
);
|
|
1721
1472
|
}
|
|
1722
|
-
function
|
|
1723
|
-
(
|
|
1724
|
-
for (var
|
|
1725
|
-
return
|
|
1473
|
+
function Me(e, i) {
|
|
1474
|
+
(i == null || i > e.length) && (i = e.length);
|
|
1475
|
+
for (var r = 0, n = Array(i); r < i; r++) n[r] = e[r];
|
|
1476
|
+
return n;
|
|
1726
1477
|
}
|
|
1727
|
-
function
|
|
1478
|
+
function Wt(e) {
|
|
1728
1479
|
if (Array.isArray(e)) return e;
|
|
1729
1480
|
}
|
|
1730
|
-
function
|
|
1731
|
-
return (
|
|
1732
|
-
value:
|
|
1481
|
+
function Vt(e, i, r) {
|
|
1482
|
+
return (i = Xt(i)) in e ? Object.defineProperty(e, i, {
|
|
1483
|
+
value: r,
|
|
1733
1484
|
enumerable: !0,
|
|
1734
1485
|
configurable: !0,
|
|
1735
1486
|
writable: !0
|
|
1736
|
-
}) : e[
|
|
1487
|
+
}) : e[i] = r, e;
|
|
1737
1488
|
}
|
|
1738
|
-
function
|
|
1739
|
-
var
|
|
1740
|
-
if (
|
|
1741
|
-
var
|
|
1489
|
+
function Ht(e, i) {
|
|
1490
|
+
var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
|
|
1491
|
+
if (r != null) {
|
|
1492
|
+
var n, s, o, u, a = [], d = !0, f = !1;
|
|
1742
1493
|
try {
|
|
1743
|
-
if (
|
|
1744
|
-
} catch (
|
|
1745
|
-
|
|
1494
|
+
if (o = (r = r.call(e)).next, i !== 0) for (; !(d = (n = o.call(r)).done) && (a.push(n.value), a.length !== i); d = !0) ;
|
|
1495
|
+
} catch (b) {
|
|
1496
|
+
f = !0, s = b;
|
|
1746
1497
|
} finally {
|
|
1747
1498
|
try {
|
|
1748
|
-
if (!
|
|
1499
|
+
if (!d && r.return != null && (u = r.return(), Object(u) !== u)) return;
|
|
1749
1500
|
} finally {
|
|
1750
|
-
if (
|
|
1501
|
+
if (f) throw s;
|
|
1751
1502
|
}
|
|
1752
1503
|
}
|
|
1753
|
-
return
|
|
1504
|
+
return a;
|
|
1754
1505
|
}
|
|
1755
1506
|
}
|
|
1756
|
-
function
|
|
1507
|
+
function Yt() {
|
|
1757
1508
|
throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
1758
1509
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
|
|
1759
1510
|
}
|
|
1760
|
-
function
|
|
1761
|
-
var
|
|
1511
|
+
function Fe(e, i) {
|
|
1512
|
+
var r = Object.keys(e);
|
|
1762
1513
|
if (Object.getOwnPropertySymbols) {
|
|
1763
|
-
var
|
|
1764
|
-
|
|
1765
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
1766
|
-
})),
|
|
1514
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
1515
|
+
i && (n = n.filter(function(s) {
|
|
1516
|
+
return Object.getOwnPropertyDescriptor(e, s).enumerable;
|
|
1517
|
+
})), r.push.apply(r, n);
|
|
1767
1518
|
}
|
|
1768
|
-
return
|
|
1769
|
-
}
|
|
1770
|
-
function
|
|
1771
|
-
for (var
|
|
1772
|
-
var
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
1776
|
-
Object.defineProperty(e,
|
|
1519
|
+
return r;
|
|
1520
|
+
}
|
|
1521
|
+
function _e(e) {
|
|
1522
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
1523
|
+
var r = arguments[i] != null ? arguments[i] : {};
|
|
1524
|
+
i % 2 ? Fe(Object(r), !0).forEach(function(n) {
|
|
1525
|
+
Vt(e, n, r[n]);
|
|
1526
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Fe(Object(r)).forEach(function(n) {
|
|
1527
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
1777
1528
|
});
|
|
1778
1529
|
}
|
|
1779
1530
|
return e;
|
|
1780
1531
|
}
|
|
1781
|
-
function
|
|
1532
|
+
function Jt(e, i) {
|
|
1782
1533
|
if (e == null) return {};
|
|
1783
|
-
var
|
|
1534
|
+
var r, n, s = Bt(e, i);
|
|
1784
1535
|
if (Object.getOwnPropertySymbols) {
|
|
1785
|
-
var
|
|
1786
|
-
for (
|
|
1536
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
1537
|
+
for (n = 0; n < o.length; n++) r = o[n], i.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (s[r] = e[r]);
|
|
1787
1538
|
}
|
|
1788
|
-
return
|
|
1539
|
+
return s;
|
|
1789
1540
|
}
|
|
1790
|
-
function
|
|
1541
|
+
function Bt(e, i) {
|
|
1791
1542
|
if (e == null) return {};
|
|
1792
|
-
var
|
|
1793
|
-
for (var
|
|
1794
|
-
if (
|
|
1795
|
-
|
|
1543
|
+
var r = {};
|
|
1544
|
+
for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
|
|
1545
|
+
if (i.indexOf(n) !== -1) continue;
|
|
1546
|
+
r[n] = e[n];
|
|
1796
1547
|
}
|
|
1797
|
-
return
|
|
1548
|
+
return r;
|
|
1798
1549
|
}
|
|
1799
|
-
function
|
|
1800
|
-
return
|
|
1550
|
+
function Gt(e, i) {
|
|
1551
|
+
return Wt(e) || Ht(e, i) || Qt(e, i) || Yt();
|
|
1801
1552
|
}
|
|
1802
|
-
function
|
|
1553
|
+
function Kt(e, i) {
|
|
1803
1554
|
if (typeof e != "object" || !e) return e;
|
|
1804
|
-
var
|
|
1805
|
-
if (
|
|
1806
|
-
var
|
|
1807
|
-
if (typeof
|
|
1555
|
+
var r = e[Symbol.toPrimitive];
|
|
1556
|
+
if (r !== void 0) {
|
|
1557
|
+
var n = r.call(e, i);
|
|
1558
|
+
if (typeof n != "object") return n;
|
|
1808
1559
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1809
1560
|
}
|
|
1810
|
-
return (
|
|
1561
|
+
return (i === "string" ? String : Number)(e);
|
|
1811
1562
|
}
|
|
1812
|
-
function
|
|
1813
|
-
var
|
|
1814
|
-
return typeof
|
|
1563
|
+
function Xt(e) {
|
|
1564
|
+
var i = Kt(e, "string");
|
|
1565
|
+
return typeof i == "symbol" ? i : i + "";
|
|
1815
1566
|
}
|
|
1816
|
-
function
|
|
1567
|
+
function Qt(e, i) {
|
|
1817
1568
|
if (e) {
|
|
1818
|
-
if (typeof e == "string") return
|
|
1819
|
-
var
|
|
1820
|
-
return
|
|
1569
|
+
if (typeof e == "string") return Me(e, i);
|
|
1570
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
1571
|
+
return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Me(e, i) : void 0;
|
|
1821
1572
|
}
|
|
1822
1573
|
}
|
|
1823
|
-
function
|
|
1824
|
-
return
|
|
1825
|
-
value:
|
|
1574
|
+
function Zt(e, i, r) {
|
|
1575
|
+
return i in e ? Object.defineProperty(e, i, {
|
|
1576
|
+
value: r,
|
|
1826
1577
|
enumerable: !0,
|
|
1827
1578
|
configurable: !0,
|
|
1828
1579
|
writable: !0
|
|
1829
|
-
}) : e[
|
|
1580
|
+
}) : e[i] = r, e;
|
|
1830
1581
|
}
|
|
1831
|
-
function
|
|
1832
|
-
var
|
|
1582
|
+
function De(e, i) {
|
|
1583
|
+
var r = Object.keys(e);
|
|
1833
1584
|
if (Object.getOwnPropertySymbols) {
|
|
1834
|
-
var
|
|
1835
|
-
|
|
1836
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
1837
|
-
})),
|
|
1585
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
1586
|
+
i && (n = n.filter(function(s) {
|
|
1587
|
+
return Object.getOwnPropertyDescriptor(e, s).enumerable;
|
|
1588
|
+
})), r.push.apply(r, n);
|
|
1838
1589
|
}
|
|
1839
|
-
return
|
|
1840
|
-
}
|
|
1841
|
-
function
|
|
1842
|
-
for (var
|
|
1843
|
-
var
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
1847
|
-
Object.defineProperty(e,
|
|
1590
|
+
return r;
|
|
1591
|
+
}
|
|
1592
|
+
function qe(e) {
|
|
1593
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
1594
|
+
var r = arguments[i] != null ? arguments[i] : {};
|
|
1595
|
+
i % 2 ? De(Object(r), !0).forEach(function(n) {
|
|
1596
|
+
Zt(e, n, r[n]);
|
|
1597
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : De(Object(r)).forEach(function(n) {
|
|
1598
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
1848
1599
|
});
|
|
1849
1600
|
}
|
|
1850
1601
|
return e;
|
|
1851
1602
|
}
|
|
1852
|
-
function
|
|
1853
|
-
for (var e = arguments.length,
|
|
1854
|
-
r
|
|
1855
|
-
return function(
|
|
1856
|
-
return
|
|
1857
|
-
return
|
|
1858
|
-
},
|
|
1603
|
+
function ei() {
|
|
1604
|
+
for (var e = arguments.length, i = new Array(e), r = 0; r < e; r++)
|
|
1605
|
+
i[r] = arguments[r];
|
|
1606
|
+
return function(n) {
|
|
1607
|
+
return i.reduceRight(function(s, o) {
|
|
1608
|
+
return o(s);
|
|
1609
|
+
}, n);
|
|
1859
1610
|
};
|
|
1860
1611
|
}
|
|
1861
|
-
function
|
|
1862
|
-
return function
|
|
1863
|
-
for (var
|
|
1864
|
-
o
|
|
1865
|
-
return
|
|
1866
|
-
for (var
|
|
1867
|
-
|
|
1868
|
-
return
|
|
1612
|
+
function te(e) {
|
|
1613
|
+
return function i() {
|
|
1614
|
+
for (var r = this, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
|
|
1615
|
+
s[o] = arguments[o];
|
|
1616
|
+
return s.length >= e.length ? e.apply(this, s) : function() {
|
|
1617
|
+
for (var u = arguments.length, a = new Array(u), d = 0; d < u; d++)
|
|
1618
|
+
a[d] = arguments[d];
|
|
1619
|
+
return i.apply(r, [].concat(s, a));
|
|
1869
1620
|
};
|
|
1870
1621
|
};
|
|
1871
1622
|
}
|
|
1872
|
-
function
|
|
1623
|
+
function pe(e) {
|
|
1873
1624
|
return {}.toString.call(e).includes("Object");
|
|
1874
1625
|
}
|
|
1875
|
-
function
|
|
1626
|
+
function ti(e) {
|
|
1876
1627
|
return !Object.keys(e).length;
|
|
1877
1628
|
}
|
|
1878
|
-
function
|
|
1629
|
+
function ne(e) {
|
|
1879
1630
|
return typeof e == "function";
|
|
1880
1631
|
}
|
|
1881
|
-
function
|
|
1882
|
-
return Object.prototype.hasOwnProperty.call(e,
|
|
1632
|
+
function ii(e, i) {
|
|
1633
|
+
return Object.prototype.hasOwnProperty.call(e, i);
|
|
1883
1634
|
}
|
|
1884
|
-
function
|
|
1885
|
-
return
|
|
1886
|
-
return !
|
|
1887
|
-
}) &&
|
|
1635
|
+
function ri(e, i) {
|
|
1636
|
+
return pe(i) || G("changeType"), Object.keys(i).some(function(r) {
|
|
1637
|
+
return !ii(e, r);
|
|
1638
|
+
}) && G("changeField"), i;
|
|
1888
1639
|
}
|
|
1889
|
-
function
|
|
1890
|
-
|
|
1640
|
+
function ni(e) {
|
|
1641
|
+
ne(e) || G("selectorType");
|
|
1891
1642
|
}
|
|
1892
|
-
function
|
|
1893
|
-
|
|
1894
|
-
return !
|
|
1895
|
-
}) &&
|
|
1643
|
+
function si(e) {
|
|
1644
|
+
ne(e) || pe(e) || G("handlerType"), pe(e) && Object.values(e).some(function(i) {
|
|
1645
|
+
return !ne(i);
|
|
1646
|
+
}) && G("handlersType");
|
|
1896
1647
|
}
|
|
1897
|
-
function
|
|
1898
|
-
e ||
|
|
1648
|
+
function oi(e) {
|
|
1649
|
+
e || G("initialIsRequired"), pe(e) || G("initialType"), ti(e) && G("initialContent");
|
|
1899
1650
|
}
|
|
1900
|
-
function
|
|
1901
|
-
throw new Error(e[
|
|
1651
|
+
function li(e, i) {
|
|
1652
|
+
throw new Error(e[i] || e.default);
|
|
1902
1653
|
}
|
|
1903
|
-
var
|
|
1654
|
+
var ai = {
|
|
1904
1655
|
initialIsRequired: "initial state is required",
|
|
1905
1656
|
initialType: "initial state should be an object",
|
|
1906
1657
|
initialContent: "initial state shouldn't be an empty object",
|
|
@@ -1910,76 +1661,76 @@ var fn = {
|
|
|
1910
1661
|
changeType: "provided value of changes should be an object",
|
|
1911
1662
|
changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
|
|
1912
1663
|
default: "an unknown error accured in `state-local` package"
|
|
1913
|
-
},
|
|
1914
|
-
changes:
|
|
1915
|
-
selector:
|
|
1916
|
-
handler:
|
|
1917
|
-
initial:
|
|
1664
|
+
}, G = te(li)(ai), ce = {
|
|
1665
|
+
changes: ri,
|
|
1666
|
+
selector: ni,
|
|
1667
|
+
handler: si,
|
|
1668
|
+
initial: oi
|
|
1918
1669
|
};
|
|
1919
|
-
function
|
|
1920
|
-
var
|
|
1921
|
-
|
|
1922
|
-
var
|
|
1670
|
+
function ci(e) {
|
|
1671
|
+
var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
1672
|
+
ce.initial(e), ce.handler(i);
|
|
1673
|
+
var r = {
|
|
1923
1674
|
current: e
|
|
1924
|
-
},
|
|
1925
|
-
function
|
|
1926
|
-
var
|
|
1927
|
-
return
|
|
1675
|
+
}, n = te(ui)(r, i), s = te(di)(r), o = te(ce.changes)(e), u = te(mi)(r);
|
|
1676
|
+
function a() {
|
|
1677
|
+
var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(b) {
|
|
1678
|
+
return b;
|
|
1928
1679
|
};
|
|
1929
|
-
return
|
|
1680
|
+
return ce.selector(f), f(r.current);
|
|
1930
1681
|
}
|
|
1931
|
-
function
|
|
1932
|
-
|
|
1682
|
+
function d(f) {
|
|
1683
|
+
ei(n, s, o, u)(f);
|
|
1933
1684
|
}
|
|
1934
|
-
return [
|
|
1685
|
+
return [a, d];
|
|
1935
1686
|
}
|
|
1936
|
-
function
|
|
1937
|
-
return
|
|
1687
|
+
function mi(e, i) {
|
|
1688
|
+
return ne(i) ? i(e.current) : i;
|
|
1938
1689
|
}
|
|
1939
|
-
function
|
|
1940
|
-
return e.current =
|
|
1690
|
+
function di(e, i) {
|
|
1691
|
+
return e.current = qe(qe({}, e.current), i), i;
|
|
1941
1692
|
}
|
|
1942
|
-
function
|
|
1943
|
-
return
|
|
1944
|
-
var
|
|
1945
|
-
return (
|
|
1946
|
-
}),
|
|
1693
|
+
function ui(e, i, r) {
|
|
1694
|
+
return ne(i) ? i(e.current) : Object.keys(r).forEach(function(n) {
|
|
1695
|
+
var s;
|
|
1696
|
+
return (s = i[n]) === null || s === void 0 ? void 0 : s.call(i, e.current[n]);
|
|
1697
|
+
}), r;
|
|
1947
1698
|
}
|
|
1948
|
-
var
|
|
1949
|
-
create:
|
|
1950
|
-
},
|
|
1699
|
+
var fi = {
|
|
1700
|
+
create: ci
|
|
1701
|
+
}, hi = {
|
|
1951
1702
|
paths: {
|
|
1952
|
-
vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.
|
|
1703
|
+
vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
|
|
1953
1704
|
}
|
|
1954
1705
|
};
|
|
1955
|
-
function
|
|
1956
|
-
return function
|
|
1957
|
-
for (var
|
|
1958
|
-
o
|
|
1959
|
-
return
|
|
1960
|
-
for (var
|
|
1961
|
-
|
|
1962
|
-
return
|
|
1706
|
+
function pi(e) {
|
|
1707
|
+
return function i() {
|
|
1708
|
+
for (var r = this, n = arguments.length, s = new Array(n), o = 0; o < n; o++)
|
|
1709
|
+
s[o] = arguments[o];
|
|
1710
|
+
return s.length >= e.length ? e.apply(this, s) : function() {
|
|
1711
|
+
for (var u = arguments.length, a = new Array(u), d = 0; d < u; d++)
|
|
1712
|
+
a[d] = arguments[d];
|
|
1713
|
+
return i.apply(r, [].concat(s, a));
|
|
1963
1714
|
};
|
|
1964
1715
|
};
|
|
1965
1716
|
}
|
|
1966
|
-
function
|
|
1717
|
+
function gi(e) {
|
|
1967
1718
|
return {}.toString.call(e).includes("Object");
|
|
1968
1719
|
}
|
|
1969
|
-
function
|
|
1970
|
-
return e ||
|
|
1720
|
+
function bi(e) {
|
|
1721
|
+
return e || Le("configIsRequired"), gi(e) || Le("configType"), e.urls ? (xi(), {
|
|
1971
1722
|
paths: {
|
|
1972
1723
|
vs: e.urls.monacoBase
|
|
1973
1724
|
}
|
|
1974
1725
|
}) : e;
|
|
1975
1726
|
}
|
|
1976
|
-
function
|
|
1977
|
-
console.warn(
|
|
1727
|
+
function xi() {
|
|
1728
|
+
console.warn(Ye.deprecation);
|
|
1978
1729
|
}
|
|
1979
|
-
function
|
|
1980
|
-
throw new Error(e[
|
|
1730
|
+
function vi(e, i) {
|
|
1731
|
+
throw new Error(e[i] || e.default);
|
|
1981
1732
|
}
|
|
1982
|
-
var
|
|
1733
|
+
var Ye = {
|
|
1983
1734
|
configIsRequired: "the configuration object is required",
|
|
1984
1735
|
configType: "the configuration object should be an object",
|
|
1985
1736
|
default: "an unknown error accured in `@monaco-editor/loader` package",
|
|
@@ -1993,372 +1744,417 @@ var Tt = {
|
|
|
1993
1744
|
|
|
1994
1745
|
For more please check the link https://github.com/suren-atoyan/monaco-loader#config
|
|
1995
1746
|
`
|
|
1996
|
-
},
|
|
1997
|
-
config:
|
|
1998
|
-
},
|
|
1999
|
-
for (var
|
|
2000
|
-
|
|
2001
|
-
return function(
|
|
2002
|
-
return
|
|
2003
|
-
return
|
|
2004
|
-
},
|
|
1747
|
+
}, Le = pi(vi)(Ye), yi = {
|
|
1748
|
+
config: bi
|
|
1749
|
+
}, ji = function() {
|
|
1750
|
+
for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)
|
|
1751
|
+
r[n] = arguments[n];
|
|
1752
|
+
return function(s) {
|
|
1753
|
+
return r.reduceRight(function(o, u) {
|
|
1754
|
+
return u(o);
|
|
1755
|
+
}, s);
|
|
2005
1756
|
};
|
|
2006
1757
|
};
|
|
2007
|
-
function
|
|
2008
|
-
return Object.keys(
|
|
2009
|
-
r
|
|
2010
|
-
}),
|
|
1758
|
+
function Je(e, i) {
|
|
1759
|
+
return Object.keys(i).forEach(function(r) {
|
|
1760
|
+
i[r] instanceof Object && e[r] && Object.assign(i[r], Je(e[r], i[r]));
|
|
1761
|
+
}), _e(_e({}, e), i);
|
|
2011
1762
|
}
|
|
2012
|
-
var
|
|
1763
|
+
var wi = {
|
|
2013
1764
|
type: "cancelation",
|
|
2014
1765
|
msg: "operation is manually canceled"
|
|
2015
1766
|
};
|
|
2016
|
-
function
|
|
2017
|
-
var
|
|
2018
|
-
e.then(function(
|
|
2019
|
-
return
|
|
2020
|
-
}), e.catch(
|
|
1767
|
+
function ye(e) {
|
|
1768
|
+
var i = !1, r = new Promise(function(n, s) {
|
|
1769
|
+
e.then(function(o) {
|
|
1770
|
+
return i ? s(wi) : n(o);
|
|
1771
|
+
}), e.catch(s);
|
|
2021
1772
|
});
|
|
2022
|
-
return
|
|
2023
|
-
return
|
|
2024
|
-
},
|
|
1773
|
+
return r.cancel = function() {
|
|
1774
|
+
return i = !0;
|
|
1775
|
+
}, r;
|
|
2025
1776
|
}
|
|
2026
|
-
var
|
|
2027
|
-
config:
|
|
1777
|
+
var Ei = ["monaco"], Ni = fi.create({
|
|
1778
|
+
config: hi,
|
|
2028
1779
|
isInitialized: !1,
|
|
2029
1780
|
resolve: null,
|
|
2030
1781
|
reject: null,
|
|
2031
1782
|
monaco: null
|
|
2032
|
-
}),
|
|
2033
|
-
function
|
|
2034
|
-
var
|
|
2035
|
-
|
|
1783
|
+
}), Be = Gt(Ni, 2), se = Be[0], ge = Be[1];
|
|
1784
|
+
function Ci(e) {
|
|
1785
|
+
var i = yi.config(e), r = i.monaco, n = Jt(i, Ei);
|
|
1786
|
+
ge(function(s) {
|
|
2036
1787
|
return {
|
|
2037
|
-
config:
|
|
2038
|
-
monaco:
|
|
1788
|
+
config: Je(s.config, n),
|
|
1789
|
+
monaco: r
|
|
2039
1790
|
};
|
|
2040
1791
|
});
|
|
2041
1792
|
}
|
|
2042
|
-
function
|
|
2043
|
-
var e =
|
|
2044
|
-
var
|
|
1793
|
+
function Oi() {
|
|
1794
|
+
var e = se(function(i) {
|
|
1795
|
+
var r = i.monaco, n = i.isInitialized, s = i.resolve;
|
|
2045
1796
|
return {
|
|
2046
|
-
monaco:
|
|
2047
|
-
isInitialized:
|
|
2048
|
-
resolve:
|
|
1797
|
+
monaco: r,
|
|
1798
|
+
isInitialized: n,
|
|
1799
|
+
resolve: s
|
|
2049
1800
|
};
|
|
2050
1801
|
});
|
|
2051
1802
|
if (!e.isInitialized) {
|
|
2052
|
-
if (
|
|
1803
|
+
if (ge({
|
|
2053
1804
|
isInitialized: !0
|
|
2054
1805
|
}), e.monaco)
|
|
2055
|
-
return e.resolve(e.monaco),
|
|
1806
|
+
return e.resolve(e.monaco), ye(je);
|
|
2056
1807
|
if (window.monaco && window.monaco.editor)
|
|
2057
|
-
return
|
|
2058
|
-
|
|
1808
|
+
return Ge(window.monaco), e.resolve(window.monaco), ye(je);
|
|
1809
|
+
ji(Ti, Si)(ki);
|
|
2059
1810
|
}
|
|
2060
|
-
return
|
|
1811
|
+
return ye(je);
|
|
2061
1812
|
}
|
|
2062
|
-
function
|
|
1813
|
+
function Ti(e) {
|
|
2063
1814
|
return document.body.appendChild(e);
|
|
2064
1815
|
}
|
|
2065
|
-
function
|
|
2066
|
-
var
|
|
2067
|
-
return e && (
|
|
1816
|
+
function Ii(e) {
|
|
1817
|
+
var i = document.createElement("script");
|
|
1818
|
+
return e && (i.src = e), i;
|
|
2068
1819
|
}
|
|
2069
|
-
function
|
|
2070
|
-
var
|
|
2071
|
-
var
|
|
1820
|
+
function Si(e) {
|
|
1821
|
+
var i = se(function(n) {
|
|
1822
|
+
var s = n.config, o = n.reject;
|
|
2072
1823
|
return {
|
|
2073
|
-
config:
|
|
2074
|
-
reject:
|
|
1824
|
+
config: s,
|
|
1825
|
+
reject: o
|
|
2075
1826
|
};
|
|
2076
|
-
}),
|
|
2077
|
-
return
|
|
1827
|
+
}), r = Ii("".concat(i.config.paths.vs, "/loader.js"));
|
|
1828
|
+
return r.onload = function() {
|
|
2078
1829
|
return e();
|
|
2079
|
-
},
|
|
1830
|
+
}, r.onerror = i.reject, r;
|
|
2080
1831
|
}
|
|
2081
|
-
function
|
|
2082
|
-
var e =
|
|
2083
|
-
var
|
|
1832
|
+
function ki() {
|
|
1833
|
+
var e = se(function(r) {
|
|
1834
|
+
var n = r.config, s = r.resolve, o = r.reject;
|
|
2084
1835
|
return {
|
|
2085
|
-
config:
|
|
2086
|
-
resolve:
|
|
2087
|
-
reject:
|
|
1836
|
+
config: n,
|
|
1837
|
+
resolve: s,
|
|
1838
|
+
reject: o
|
|
2088
1839
|
};
|
|
2089
|
-
}),
|
|
2090
|
-
|
|
2091
|
-
var
|
|
2092
|
-
|
|
2093
|
-
}, function(
|
|
2094
|
-
e.reject(
|
|
1840
|
+
}), i = window.require;
|
|
1841
|
+
i.config(e.config), i(["vs/editor/editor.main"], function(r) {
|
|
1842
|
+
var n = r.m || r;
|
|
1843
|
+
Ge(n), e.resolve(n);
|
|
1844
|
+
}, function(r) {
|
|
1845
|
+
e.reject(r);
|
|
2095
1846
|
});
|
|
2096
1847
|
}
|
|
2097
|
-
function
|
|
2098
|
-
|
|
1848
|
+
function Ge(e) {
|
|
1849
|
+
se().monaco || ge({
|
|
2099
1850
|
monaco: e
|
|
2100
1851
|
});
|
|
2101
1852
|
}
|
|
2102
|
-
function
|
|
2103
|
-
return
|
|
2104
|
-
var
|
|
2105
|
-
return
|
|
1853
|
+
function Ri() {
|
|
1854
|
+
return se(function(e) {
|
|
1855
|
+
var i = e.monaco;
|
|
1856
|
+
return i;
|
|
2106
1857
|
});
|
|
2107
1858
|
}
|
|
2108
|
-
var
|
|
2109
|
-
return
|
|
1859
|
+
var je = new Promise(function(e, i) {
|
|
1860
|
+
return ge({
|
|
2110
1861
|
resolve: e,
|
|
2111
|
-
reject:
|
|
1862
|
+
reject: i
|
|
2112
1863
|
});
|
|
2113
|
-
}),
|
|
2114
|
-
config:
|
|
2115
|
-
init:
|
|
2116
|
-
__getMonacoInstance:
|
|
2117
|
-
},
|
|
2118
|
-
function
|
|
2119
|
-
return
|
|
2120
|
-
}
|
|
2121
|
-
var
|
|
2122
|
-
function
|
|
2123
|
-
return
|
|
2124
|
-
}
|
|
2125
|
-
var
|
|
2126
|
-
function
|
|
2127
|
-
|
|
2128
|
-
}
|
|
2129
|
-
var
|
|
2130
|
-
function
|
|
2131
|
-
let
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
} : e,
|
|
2135
|
-
}
|
|
2136
|
-
var
|
|
2137
|
-
function
|
|
2138
|
-
}
|
|
2139
|
-
function
|
|
2140
|
-
return
|
|
2141
|
-
}
|
|
2142
|
-
function
|
|
2143
|
-
return e.editor.getModel(
|
|
2144
|
-
}
|
|
2145
|
-
function
|
|
2146
|
-
return e.editor.createModel(
|
|
2147
|
-
}
|
|
2148
|
-
function
|
|
2149
|
-
return e.Uri.parse(
|
|
2150
|
-
}
|
|
2151
|
-
function
|
|
2152
|
-
let [
|
|
2153
|
-
|
|
2154
|
-
let
|
|
2155
|
-
return
|
|
2156
|
-
}),
|
|
2157
|
-
if (
|
|
2158
|
-
let
|
|
2159
|
-
|
|
2160
|
-
}
|
|
2161
|
-
}, [
|
|
2162
|
-
if (
|
|
2163
|
-
let
|
|
2164
|
-
|
|
2165
|
-
}
|
|
2166
|
-
}, [
|
|
2167
|
-
let
|
|
2168
|
-
|
|
2169
|
-
}, [
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
}, [
|
|
2179
|
-
|
|
2180
|
-
(
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
!
|
|
2191
|
-
}, [
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
!p && !y && G();
|
|
2196
|
-
}, [p, y, G]);
|
|
2197
|
-
function v() {
|
|
2198
|
-
var w, V, M, J;
|
|
2199
|
-
let g = (w = L.current) == null ? void 0 : w.getModel();
|
|
2200
|
-
f || ((V = g == null ? void 0 : g.original) == null || V.dispose()), u || ((M = g == null ? void 0 : g.modified) == null || M.dispose()), (J = L.current) == null || J.dispose();
|
|
1864
|
+
}), Ke = {
|
|
1865
|
+
config: Ci,
|
|
1866
|
+
init: Oi,
|
|
1867
|
+
__getMonacoInstance: Ri
|
|
1868
|
+
}, Ai = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, we = Ai, Pi = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Mi = Pi;
|
|
1869
|
+
function Fi({ children: e }) {
|
|
1870
|
+
return c.createElement("div", { style: Mi.container }, e);
|
|
1871
|
+
}
|
|
1872
|
+
var _i = Fi, Di = _i;
|
|
1873
|
+
function qi({ width: e, height: i, isEditorReady: r, loading: n, _ref: s, className: o, wrapperProps: u }) {
|
|
1874
|
+
return c.createElement("section", { style: { ...we.wrapper, width: e, height: i }, ...u }, !r && c.createElement(Di, null, n), c.createElement("div", { ref: s, style: { ...we.fullWidth, ...!r && we.hide }, className: o }));
|
|
1875
|
+
}
|
|
1876
|
+
var Li = qi, Xe = Ce(Li);
|
|
1877
|
+
function $i(e) {
|
|
1878
|
+
J(e, []);
|
|
1879
|
+
}
|
|
1880
|
+
var Qe = $i;
|
|
1881
|
+
function Ui(e, i, r = !0) {
|
|
1882
|
+
let n = $(!0);
|
|
1883
|
+
J(n.current || !r ? () => {
|
|
1884
|
+
n.current = !1;
|
|
1885
|
+
} : e, i);
|
|
1886
|
+
}
|
|
1887
|
+
var W = Ui;
|
|
1888
|
+
function ie() {
|
|
1889
|
+
}
|
|
1890
|
+
function Q(e, i, r, n) {
|
|
1891
|
+
return zi(e, n) || Wi(e, i, r, n);
|
|
1892
|
+
}
|
|
1893
|
+
function zi(e, i) {
|
|
1894
|
+
return e.editor.getModel(Ze(e, i));
|
|
1895
|
+
}
|
|
1896
|
+
function Wi(e, i, r, n) {
|
|
1897
|
+
return e.editor.createModel(i, r, n ? Ze(e, n) : void 0);
|
|
1898
|
+
}
|
|
1899
|
+
function Ze(e, i) {
|
|
1900
|
+
return e.Uri.parse(i);
|
|
1901
|
+
}
|
|
1902
|
+
function Vi({ original: e, modified: i, language: r, originalLanguage: n, modifiedLanguage: s, originalModelPath: o, modifiedModelPath: u, keepCurrentOriginalModel: a = !1, keepCurrentModifiedModel: d = !1, theme: f = "light", loading: b = "Loading...", options: g = {}, height: R = "100%", width: I = "100%", className: P, wrapperProps: y = {}, beforeMount: S = ie, onMount: F = ie }) {
|
|
1903
|
+
let [N, k] = ue(!1), [T, m] = ue(!0), h = $(null), j = $(null), q = $(null), C = $(F), O = $(S), _ = $(!1);
|
|
1904
|
+
Qe(() => {
|
|
1905
|
+
let w = Ke.init();
|
|
1906
|
+
return w.then((M) => (j.current = M) && m(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => h.current ? A() : w.cancel();
|
|
1907
|
+
}), W(() => {
|
|
1908
|
+
if (h.current && j.current) {
|
|
1909
|
+
let w = h.current.getOriginalEditor(), M = Q(j.current, e || "", n || r || "text", o || "");
|
|
1910
|
+
M !== w.getModel() && w.setModel(M);
|
|
1911
|
+
}
|
|
1912
|
+
}, [o], N), W(() => {
|
|
1913
|
+
if (h.current && j.current) {
|
|
1914
|
+
let w = h.current.getModifiedEditor(), M = Q(j.current, i || "", s || r || "text", u || "");
|
|
1915
|
+
M !== w.getModel() && w.setModel(M);
|
|
1916
|
+
}
|
|
1917
|
+
}, [u], N), W(() => {
|
|
1918
|
+
let w = h.current.getModifiedEditor();
|
|
1919
|
+
w.getOption(j.current.editor.EditorOption.readOnly) ? w.setValue(i || "") : i !== w.getValue() && (w.executeEdits("", [{ range: w.getModel().getFullModelRange(), text: i || "", forceMoveMarkers: !0 }]), w.pushUndoStop());
|
|
1920
|
+
}, [i], N), W(() => {
|
|
1921
|
+
h.current?.getModel()?.original.setValue(e || "");
|
|
1922
|
+
}, [e], N), W(() => {
|
|
1923
|
+
let { original: w, modified: M } = h.current.getModel();
|
|
1924
|
+
j.current.editor.setModelLanguage(w, n || r || "text"), j.current.editor.setModelLanguage(M, s || r || "text");
|
|
1925
|
+
}, [r, n, s], N), W(() => {
|
|
1926
|
+
j.current?.editor.setTheme(f);
|
|
1927
|
+
}, [f], N), W(() => {
|
|
1928
|
+
h.current?.updateOptions(g);
|
|
1929
|
+
}, [g], N);
|
|
1930
|
+
let p = de(() => {
|
|
1931
|
+
if (!j.current) return;
|
|
1932
|
+
O.current(j.current);
|
|
1933
|
+
let w = Q(j.current, e || "", n || r || "text", o || ""), M = Q(j.current, i || "", s || r || "text", u || "");
|
|
1934
|
+
h.current?.setModel({ original: w, modified: M });
|
|
1935
|
+
}, [r, i, s, e, n, o, u]), E = de(() => {
|
|
1936
|
+
!_.current && q.current && (h.current = j.current.editor.createDiffEditor(q.current, { automaticLayout: !0, ...g }), p(), j.current?.editor.setTheme(f), k(!0), _.current = !0);
|
|
1937
|
+
}, [g, f, p]);
|
|
1938
|
+
J(() => {
|
|
1939
|
+
N && C.current(h.current, j.current);
|
|
1940
|
+
}, [N]), J(() => {
|
|
1941
|
+
!T && !N && E();
|
|
1942
|
+
}, [T, N, E]);
|
|
1943
|
+
function A() {
|
|
1944
|
+
let w = h.current?.getModel();
|
|
1945
|
+
a || w?.original?.dispose(), d || w?.modified?.dispose(), h.current?.dispose();
|
|
2201
1946
|
}
|
|
2202
|
-
return
|
|
2203
|
-
}
|
|
2204
|
-
var
|
|
2205
|
-
|
|
2206
|
-
function
|
|
2207
|
-
let
|
|
2208
|
-
return
|
|
2209
|
-
|
|
2210
|
-
}, [e]),
|
|
2211
|
-
}
|
|
2212
|
-
var
|
|
2213
|
-
function
|
|
2214
|
-
let [
|
|
2215
|
-
|
|
2216
|
-
let
|
|
2217
|
-
return
|
|
2218
|
-
}),
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
(
|
|
2225
|
-
}, [
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
N && ne.current(k.current, U.current);
|
|
2248
|
-
}, [N]), ae(() => {
|
|
2249
|
-
!q && !N && J();
|
|
2250
|
-
}, [q, N, J]), g.current = a, ae(() => {
|
|
2251
|
-
var R, D;
|
|
2252
|
-
N && S && ((R = v.current) == null || R.dispose(), v.current = (D = k.current) == null ? void 0 : D.onDidChangeModelContent((H) => {
|
|
2253
|
-
M.current || S(k.current.getValue(), H);
|
|
1947
|
+
return c.createElement(Xe, { width: I, height: R, isEditorReady: N, loading: b, _ref: q, className: P, wrapperProps: y });
|
|
1948
|
+
}
|
|
1949
|
+
var Hi = Vi;
|
|
1950
|
+
Ce(Hi);
|
|
1951
|
+
function Yi(e) {
|
|
1952
|
+
let i = $();
|
|
1953
|
+
return J(() => {
|
|
1954
|
+
i.current = e;
|
|
1955
|
+
}, [e]), i.current;
|
|
1956
|
+
}
|
|
1957
|
+
var Ji = Yi, me = /* @__PURE__ */ new Map();
|
|
1958
|
+
function Bi({ defaultValue: e, defaultLanguage: i, defaultPath: r, value: n, language: s, path: o, theme: u = "light", line: a, loading: d = "Loading...", options: f = {}, overrideServices: b = {}, saveViewState: g = !0, keepCurrentModel: R = !1, width: I = "100%", height: P = "100%", className: y, wrapperProps: S = {}, beforeMount: F = ie, onMount: N = ie, onChange: k, onValidate: T = ie }) {
|
|
1959
|
+
let [m, h] = ue(!1), [j, q] = ue(!0), C = $(null), O = $(null), _ = $(null), p = $(N), E = $(F), A = $(), w = $(n), M = Ji(o), z = $(!1), U = $(!1);
|
|
1960
|
+
Qe(() => {
|
|
1961
|
+
let l = Ke.init();
|
|
1962
|
+
return l.then((x) => (C.current = x) && q(!1)).catch((x) => x?.type !== "cancelation" && console.error("Monaco initialization: error:", x)), () => O.current ? Y() : l.cancel();
|
|
1963
|
+
}), W(() => {
|
|
1964
|
+
let l = Q(C.current, e || n || "", i || s || "", o || r || "");
|
|
1965
|
+
l !== O.current?.getModel() && (g && me.set(M, O.current?.saveViewState()), O.current?.setModel(l), g && O.current?.restoreViewState(me.get(o)));
|
|
1966
|
+
}, [o], m), W(() => {
|
|
1967
|
+
O.current?.updateOptions(f);
|
|
1968
|
+
}, [f], m), W(() => {
|
|
1969
|
+
!O.current || n === void 0 || (O.current.getOption(C.current.editor.EditorOption.readOnly) ? O.current.setValue(n) : n !== O.current.getValue() && (U.current = !0, O.current.executeEdits("", [{ range: O.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), O.current.pushUndoStop(), U.current = !1));
|
|
1970
|
+
}, [n], m), W(() => {
|
|
1971
|
+
let l = O.current?.getModel();
|
|
1972
|
+
l && s && C.current?.editor.setModelLanguage(l, s);
|
|
1973
|
+
}, [s], m), W(() => {
|
|
1974
|
+
a !== void 0 && O.current?.revealLine(a);
|
|
1975
|
+
}, [a], m), W(() => {
|
|
1976
|
+
C.current?.editor.setTheme(u);
|
|
1977
|
+
}, [u], m);
|
|
1978
|
+
let H = de(() => {
|
|
1979
|
+
if (!(!_.current || !C.current) && !z.current) {
|
|
1980
|
+
E.current(C.current);
|
|
1981
|
+
let l = o || r, x = Q(C.current, n || e || "", i || s || "", l || "");
|
|
1982
|
+
O.current = C.current?.editor.create(_.current, { model: x, automaticLayout: !0, ...f }, b), g && O.current.restoreViewState(me.get(l)), C.current.editor.setTheme(u), a !== void 0 && O.current.revealLine(a), h(!0), z.current = !0;
|
|
1983
|
+
}
|
|
1984
|
+
}, [e, i, r, n, s, o, f, b, g, u, a]);
|
|
1985
|
+
J(() => {
|
|
1986
|
+
m && p.current(O.current, C.current);
|
|
1987
|
+
}, [m]), J(() => {
|
|
1988
|
+
!j && !m && H();
|
|
1989
|
+
}, [j, m, H]), w.current = n, J(() => {
|
|
1990
|
+
m && k && (A.current?.dispose(), A.current = O.current?.onDidChangeModelContent((l) => {
|
|
1991
|
+
U.current || k(O.current.getValue(), l);
|
|
2254
1992
|
}));
|
|
2255
|
-
}, [
|
|
2256
|
-
if (
|
|
2257
|
-
let
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
p == null || p(ie);
|
|
1993
|
+
}, [m, k]), J(() => {
|
|
1994
|
+
if (m) {
|
|
1995
|
+
let l = C.current.editor.onDidChangeMarkers((x) => {
|
|
1996
|
+
let v = O.current.getModel()?.uri;
|
|
1997
|
+
if (v && x.find((D) => D.path === v.path)) {
|
|
1998
|
+
let D = C.current.editor.getModelMarkers({ resource: v });
|
|
1999
|
+
T?.(D);
|
|
2263
2000
|
}
|
|
2264
2001
|
});
|
|
2265
2002
|
return () => {
|
|
2266
|
-
|
|
2003
|
+
l?.dispose();
|
|
2267
2004
|
};
|
|
2268
2005
|
}
|
|
2269
2006
|
return () => {
|
|
2270
2007
|
};
|
|
2271
|
-
}, [
|
|
2272
|
-
function
|
|
2273
|
-
|
|
2274
|
-
(R = v.current) == null || R.dispose(), A ? i && Re.set(l, k.current.saveViewState()) : (D = k.current.getModel()) == null || D.dispose(), k.current.dispose();
|
|
2008
|
+
}, [m, T]);
|
|
2009
|
+
function Y() {
|
|
2010
|
+
A.current?.dispose(), R ? g && me.set(o, O.current.saveViewState()) : O.current.getModel()?.dispose(), O.current.dispose();
|
|
2275
2011
|
}
|
|
2276
|
-
return
|
|
2012
|
+
return c.createElement(Xe, { width: I, height: P, isEditorReady: m, loading: d, _ref: _, className: y, wrapperProps: S });
|
|
2277
2013
|
}
|
|
2278
|
-
var
|
|
2279
|
-
function
|
|
2280
|
-
const e =
|
|
2014
|
+
var Gi = Bi, Ki = Ce(Gi), Xi = Ki;
|
|
2015
|
+
function Qi() {
|
|
2016
|
+
const e = $e(), i = V((m) => m.replaceAll), r = B(), { showAlert: n } = Ue(), s = c.useRef(null), o = c.useRef(""), u = c.useRef(null), a = c.useRef(!1), [d, f] = c.useState("yaml"), [b, g] = c.useState(640), [R, I] = c.useState(() => {
|
|
2281
2017
|
try {
|
|
2282
|
-
return
|
|
2018
|
+
return le.dump(e, { indent: 2, lineWidth: -1 });
|
|
2283
2019
|
} catch {
|
|
2284
2020
|
return "";
|
|
2285
2021
|
}
|
|
2286
|
-
}), [
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2022
|
+
}), [P, y] = c.useState("");
|
|
2023
|
+
c.useEffect(() => {
|
|
2024
|
+
r.setCodeEditorHasError(!1);
|
|
2025
|
+
}, []);
|
|
2026
|
+
const S = c.useCallback((m) => d === "json" ? JSON.parse(m) : le.load(m), [d]), F = c.useCallback((m) => d === "json" ? JSON.stringify(m, null, 2) : le.dump(m, { indent: 2, lineWidth: -1 }), [d]);
|
|
2027
|
+
c.useEffect(() => {
|
|
2028
|
+
const m = () => {
|
|
2029
|
+
if (s.current) {
|
|
2030
|
+
const h = s.current.getBoundingClientRect().top, j = window.innerHeight - h - 20;
|
|
2031
|
+
g(Math.max(400, j));
|
|
2292
2032
|
}
|
|
2293
2033
|
};
|
|
2294
|
-
return
|
|
2295
|
-
}, []),
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2034
|
+
return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
|
|
2035
|
+
}, []), c.useEffect(() => {
|
|
2036
|
+
if (!a.current)
|
|
2037
|
+
try {
|
|
2038
|
+
const m = F(e);
|
|
2039
|
+
I(m), o.current = m, y(""), r.setCodeEditorHasError(!1);
|
|
2040
|
+
} catch (m) {
|
|
2041
|
+
y(`Failed to serialize: ${m.message}`), r.setCodeEditorHasError(!0);
|
|
2042
|
+
}
|
|
2043
|
+
}, [e, F, r]);
|
|
2044
|
+
const N = (m) => {
|
|
2045
|
+
I(m || ""), o.current = m || "", a.current = !0;
|
|
2306
2046
|
try {
|
|
2307
|
-
|
|
2308
|
-
if (
|
|
2047
|
+
const h = S(m || "{}");
|
|
2048
|
+
if (!h || typeof h != "object")
|
|
2309
2049
|
throw new Error("Invalid form data: must be an object");
|
|
2310
|
-
|
|
2311
|
-
} catch (
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2050
|
+
y(""), r.setCodeEditorHasError(!1);
|
|
2051
|
+
} catch (h) {
|
|
2052
|
+
const j = `Invalid ${d.toUpperCase()}: ${h.message}`;
|
|
2053
|
+
y(j), r.setCodeEditorHasError(!0);
|
|
2054
|
+
}
|
|
2055
|
+
}, k = (m) => {
|
|
2056
|
+
u.current = m, m.onDidPaste((h) => {
|
|
2057
|
+
const j = R, q = m.getModel().getValue();
|
|
2058
|
+
try {
|
|
2059
|
+
const C = S(q);
|
|
2060
|
+
if (C && typeof C == "object") {
|
|
2061
|
+
const { schemaType: O } = fe(C);
|
|
2062
|
+
O === "surveyjs" && n(
|
|
2063
|
+
`This SurveyJS schema will be converted to MIE Forms format.
|
|
2064
|
+
|
|
2065
|
+
Do you want to proceed with the conversion?`,
|
|
2066
|
+
{
|
|
2067
|
+
title: "ℹ️ SurveyJS Schema Detected",
|
|
2068
|
+
confirmText: "Yes, Convert",
|
|
2069
|
+
cancelText: "No, Cancel Paste",
|
|
2070
|
+
onConfirm: () => {
|
|
2071
|
+
const { fields: _, conversionReport: p } = he(C, O), E = {
|
|
2072
|
+
schemaType: C.schemaType || ve,
|
|
2073
|
+
...p?.surveyMetadata || {},
|
|
2074
|
+
fields: _
|
|
2075
|
+
};
|
|
2076
|
+
i(E);
|
|
2077
|
+
const A = F(E);
|
|
2078
|
+
I(A), o.current = A, m.setValue(A), y(""), a.current = !1, p && (r.setConversionReport(p), setTimeout(() => {
|
|
2079
|
+
const w = p?.unsupportedFields?.length || 0;
|
|
2080
|
+
n(
|
|
2081
|
+
`This schema has been converted to MIE Forms format.
|
|
2082
|
+
|
|
2083
|
+
Converted: ${p?.convertedFields || 0} field(s)
|
|
2084
|
+
Unsupported: ${w} field(s)${w > 0 ? " ⚠️" : ""}
|
|
2085
|
+
|
|
2086
|
+
Please use MIE Forms schema inside of code editor for the best experience in the future.`,
|
|
2087
|
+
{ title: "ℹ️ SurveyJS Schema Detected" }
|
|
2088
|
+
);
|
|
2089
|
+
}, 100));
|
|
2090
|
+
},
|
|
2091
|
+
onCancel: () => {
|
|
2092
|
+
m.setValue(j), I(j), o.current = j;
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2095
|
+
);
|
|
2096
|
+
}
|
|
2097
|
+
} catch {
|
|
2098
|
+
}
|
|
2099
|
+
});
|
|
2100
|
+
}, T = (m) => {
|
|
2315
2101
|
try {
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
i(`Cannot convert: ${E.message}`);
|
|
2102
|
+
const h = S(R), j = m === "json" ? JSON.stringify(h, null, 2) : le.dump(h, { indent: 2, lineWidth: -1 });
|
|
2103
|
+
I(j), o.current = j, f(m), y(""), r.setCodeEditorHasError(!1);
|
|
2104
|
+
} catch (h) {
|
|
2105
|
+
y(`Cannot convert: ${h.message}`), r.setCodeEditorHasError(!0);
|
|
2321
2106
|
}
|
|
2322
2107
|
};
|
|
2323
|
-
return
|
|
2324
|
-
|
|
2325
|
-
|
|
2108
|
+
return c.useEffect(() => () => {
|
|
2109
|
+
const m = o.current?.trim();
|
|
2110
|
+
if (!m) {
|
|
2111
|
+
i({ schemaType: ve, fields: [] }), a.current = !1;
|
|
2112
|
+
return;
|
|
2113
|
+
}
|
|
2114
|
+
try {
|
|
2115
|
+
const h = S(m);
|
|
2116
|
+
if (!h || typeof h != "object" || JSON.stringify(e) === JSON.stringify(h)) return;
|
|
2117
|
+
const { schemaType: j } = fe(h), { fields: q, conversionReport: C } = he(h, j), O = {
|
|
2118
|
+
schemaType: h.schemaType || ve,
|
|
2119
|
+
...C?.surveyMetadata || {},
|
|
2120
|
+
fields: q
|
|
2121
|
+
};
|
|
2122
|
+
C && r.setConversionReport(C), i(O), r.setCodeEditorHasError(!1), a.current = !1;
|
|
2123
|
+
} catch {
|
|
2124
|
+
}
|
|
2125
|
+
}, [S, i, r, e]), /* @__PURE__ */ t.jsxs("div", { ref: s, className: "code-editor-container mie:flex mie:flex-col mie:bg-gray-50 mie:max-w-7xl mie:w-full", style: { height: `${b}px` }, children: [
|
|
2126
|
+
/* @__PURE__ */ t.jsxs("div", { className: "code-editor-header mie:flex mie:items-center mie:justify-between mie:gap-3 mie:p-4 mie:bg-white mie:border-b mie:border-black/10", children: [
|
|
2127
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:flex mie:items-center mie:gap-2", children: /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:gap-1 mie:rounded-lg mie:border mie:border-black/10 mie:bg-black/5 mie:p-1", children: [
|
|
2326
2128
|
/* @__PURE__ */ t.jsx(
|
|
2327
2129
|
"button",
|
|
2328
2130
|
{
|
|
2329
|
-
onClick: () =>
|
|
2330
|
-
className: `px-3 py-1 rounded-md text-sm font-medium transition-colors ${
|
|
2131
|
+
onClick: () => T("yaml"),
|
|
2132
|
+
className: `mie:px-3 mie:py-1 mie:rounded-md mie:text-sm mie:font-medium mie:transition-colors ${d === "yaml" ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
2331
2133
|
children: "YAML"
|
|
2332
2134
|
}
|
|
2333
2135
|
),
|
|
2334
2136
|
/* @__PURE__ */ t.jsx(
|
|
2335
2137
|
"button",
|
|
2336
2138
|
{
|
|
2337
|
-
onClick: () =>
|
|
2338
|
-
className: `px-3 py-1 rounded-md text-sm font-medium transition-colors ${
|
|
2139
|
+
onClick: () => T("json"),
|
|
2140
|
+
className: `mie:px-3 mie:py-1 mie:rounded-md mie:text-sm mie:font-medium mie:transition-colors ${d === "json" ? "mie:bg-white mie:text-slate-900 mie:shadow-sm" : "mie:text-slate-600 mie:hover:text-slate-900"}`,
|
|
2339
2141
|
children: "JSON"
|
|
2340
2142
|
}
|
|
2341
2143
|
)
|
|
2342
2144
|
] }) }),
|
|
2343
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2344
|
-
|
|
2345
|
-
/* @__PURE__ */ t.jsx(
|
|
2346
|
-
"button",
|
|
2347
|
-
{
|
|
2348
|
-
onClick: T,
|
|
2349
|
-
className: "px-4 py-2 rounded-lg border border-black/15 bg-white hover:bg-black/5 text-sm font-medium transition-colors",
|
|
2350
|
-
children: "Apply Changes"
|
|
2351
|
-
}
|
|
2352
|
-
)
|
|
2145
|
+
/* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:gap-2", children: [
|
|
2146
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:text-xs mie:text-gray-500 mie:px-3 mie:py-1", children: "Auto-saves when switching tabs" }),
|
|
2147
|
+
P && /* @__PURE__ */ t.jsx("div", { className: "mie:text-xs mie:text-red-600 mie:bg-red-50 mie:px-3 mie:py-1 mie:rounded-lg", children: P })
|
|
2353
2148
|
] })
|
|
2354
2149
|
] }),
|
|
2355
|
-
/* @__PURE__ */ t.jsx("div", { className: "code-editor-content flex-1 overflow-hidden", children: /* @__PURE__ */ t.jsx(
|
|
2356
|
-
|
|
2150
|
+
/* @__PURE__ */ t.jsx("div", { className: "code-editor-content mie:flex-1 mie:overflow-hidden", children: /* @__PURE__ */ t.jsx(
|
|
2151
|
+
Xi,
|
|
2357
2152
|
{
|
|
2358
2153
|
height: "100%",
|
|
2359
|
-
language:
|
|
2360
|
-
value:
|
|
2361
|
-
onChange:
|
|
2154
|
+
language: d,
|
|
2155
|
+
value: R,
|
|
2156
|
+
onChange: N,
|
|
2157
|
+
onMount: k,
|
|
2362
2158
|
theme: "light",
|
|
2363
2159
|
options: {
|
|
2364
2160
|
minimap: { enabled: !1 },
|
|
@@ -2370,112 +2166,112 @@ function rs() {
|
|
|
2370
2166
|
tabSize: 2,
|
|
2371
2167
|
automaticLayout: !0,
|
|
2372
2168
|
scrollBeyondLastLine: !1,
|
|
2373
|
-
padding: { top: 16 }
|
|
2169
|
+
padding: { top: 16 },
|
|
2170
|
+
contextmenu: !0
|
|
2374
2171
|
}
|
|
2375
2172
|
}
|
|
2376
2173
|
) })
|
|
2377
2174
|
] });
|
|
2378
2175
|
}
|
|
2379
|
-
function
|
|
2380
|
-
const
|
|
2381
|
-
return /* @__PURE__ */ t.jsxs("div", { className: "layout-container w-full h-fit rounded-lg mt-2 md:mt-4 lg:mt-6", children: [
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
/* @__PURE__ */ t.jsx("div", { className: "layout-main-content flex-1 min-w-0", children: /* @__PURE__ */ t.jsx(
|
|
2385
|
-
|
|
2386
|
-
|
|
2176
|
+
function Zi({ selectedField: e }) {
|
|
2177
|
+
const i = B(), [r, n] = c.useState(!1), s = i.state.isPreview, o = i.state.isCodeEditor, u = i.state.isEditModalOpen, a = i.state.panelResetKey, d = !s;
|
|
2178
|
+
return /* @__PURE__ */ t.jsxs("div", { className: "layout-container mie:w-full mie:h-fit mie:rounded-lg mie:mt-2 mie:md:mt-4 mie:lg:mt-6", children: [
|
|
2179
|
+
o ? /* @__PURE__ */ t.jsx("div", { className: "mie:border mie:border-gray-200 mie:rounded-lg", children: /* @__PURE__ */ t.jsx(Qi, {}) }) : /* @__PURE__ */ t.jsxs("div", { className: "layout-grid mie:flex mie:lg:gap-3 mie:h-full", children: [
|
|
2180
|
+
d && /* @__PURE__ */ t.jsx("div", { className: "layout-tool-panel mie:hidden mie:lg:block mie:lg:w-72", children: /* @__PURE__ */ t.jsx(ke, {}) }),
|
|
2181
|
+
/* @__PURE__ */ t.jsx("div", { className: "layout-main-content mie:flex-1 mie:min-w-0", children: /* @__PURE__ */ t.jsx($t, {}) }),
|
|
2182
|
+
d && /* @__PURE__ */ t.jsx("div", { className: "layout-edit-panel mie:hidden mie:lg:block mie:lg:w-90 mie:md:w-80", children: /* @__PURE__ */ t.jsx(Pe, {}, a) }),
|
|
2183
|
+
d && /* @__PURE__ */ t.jsx("div", { className: "layout-mobile-modal mie:lg:hidden", children: u && e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2387
2184
|
/* @__PURE__ */ t.jsx(
|
|
2388
2185
|
"div",
|
|
2389
2186
|
{
|
|
2390
|
-
className: "fixed inset-0 z-40 bg-black/30 lg:hidden",
|
|
2391
|
-
onClick: () =>
|
|
2187
|
+
className: "mie:fixed mie:inset-0 mie:z-40 mie:bg-black/30 mie:lg:hidden",
|
|
2188
|
+
onClick: () => i.modal.set(!1)
|
|
2392
2189
|
}
|
|
2393
2190
|
),
|
|
2394
|
-
/* @__PURE__ */ t.jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 bg-white rounded-t-2xl shadow-2xl max-h-[60vh] overflow-y-auto custom-scrollbar lg:hidden", children: /* @__PURE__ */ t.jsx(
|
|
2191
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:fixed mie:bottom-0 mie:left-0 mie:right-0 mie:z-50 mie:bg-white mie:rounded-t-2xl mie:shadow-2xl mie:max-h-[60vh] mie:overflow-y-auto mie:custom-scrollbar mie:lg:hidden", children: /* @__PURE__ */ t.jsx(Pe, { isMobileModal: !0 }, a) })
|
|
2395
2192
|
] }) })
|
|
2396
2193
|
] }),
|
|
2397
|
-
|
|
2194
|
+
d && !o && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2398
2195
|
/* @__PURE__ */ t.jsx(
|
|
2399
2196
|
"button",
|
|
2400
2197
|
{
|
|
2401
|
-
onClick: () =>
|
|
2402
|
-
className: "lg:hidden fixed bottom-5 left-5 z-40 bg-blue-500 hover:bg-blue-600 text-white rounded-full w-12 h-12 flex items-center justify-center shadow-lg transition-all",
|
|
2198
|
+
onClick: () => n(!r),
|
|
2199
|
+
className: "mie:lg:hidden mie:fixed mie:bottom-5 mie:left-5 mie:z-40 mie:bg-blue-500 mie:hover:bg-blue-600 mie:text-white mie:rounded-full mie:w-12 mie:h-12 mie:flex mie:items-center mie:justify-center mie:shadow-lg mie:transition-all",
|
|
2403
2200
|
title: "Add field",
|
|
2404
|
-
children: /* @__PURE__ */ t.jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
|
|
2201
|
+
children: /* @__PURE__ */ t.jsx("svg", { className: "mie:w-6 mie:h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
|
|
2405
2202
|
}
|
|
2406
2203
|
),
|
|
2407
|
-
|
|
2204
|
+
r && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
2408
2205
|
/* @__PURE__ */ t.jsx(
|
|
2409
2206
|
"div",
|
|
2410
2207
|
{
|
|
2411
|
-
className: "fixed inset-0 z-40 bg-black/30 lg:hidden",
|
|
2412
|
-
onClick: () =>
|
|
2208
|
+
className: "mie:fixed mie:inset-0 mie:z-40 mie:bg-black/30 mie:lg:hidden",
|
|
2209
|
+
onClick: () => n(!1)
|
|
2413
2210
|
}
|
|
2414
2211
|
),
|
|
2415
|
-
/* @__PURE__ */ t.jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 bg-white rounded-t-2xl shadow-2xl max-h-[60vh] overflow-y-auto custom-scrollbar lg:hidden", children: /* @__PURE__ */ t.jsx(
|
|
2212
|
+
/* @__PURE__ */ t.jsx("div", { className: "mie:fixed mie:bottom-0 mie:left-0 mie:right-0 mie:z-50 mie:bg-white mie:rounded-t-2xl mie:shadow-2xl mie:max-h-[60vh] mie:overflow-y-auto mie:custom-scrollbar mie:lg:hidden", children: /* @__PURE__ */ t.jsx(ke, {}) })
|
|
2416
2213
|
] })
|
|
2417
2214
|
] })
|
|
2418
2215
|
] });
|
|
2419
2216
|
}
|
|
2420
|
-
function
|
|
2217
|
+
function er({
|
|
2421
2218
|
initialFormData: e,
|
|
2422
|
-
schemaType:
|
|
2423
|
-
onChange:
|
|
2424
|
-
className:
|
|
2425
|
-
showHeader:
|
|
2426
|
-
startInPreview:
|
|
2427
|
-
hideUnsupportedFields:
|
|
2219
|
+
schemaType: i,
|
|
2220
|
+
onChange: r,
|
|
2221
|
+
className: n = "",
|
|
2222
|
+
showHeader: s = !0,
|
|
2223
|
+
startInPreview: o = !1,
|
|
2224
|
+
hideUnsupportedFields: u = !1
|
|
2428
2225
|
}) {
|
|
2429
|
-
const [
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
if (!(x.current || !i)) {
|
|
2226
|
+
const [a, d] = c.useState("json"), f = B(), b = c.useRef(!1), g = c.useContext(Oe);
|
|
2227
|
+
c.useEffect(() => {
|
|
2228
|
+
if (!(b.current || !g)) {
|
|
2433
2229
|
if (e)
|
|
2434
2230
|
try {
|
|
2435
|
-
const { data:
|
|
2436
|
-
|
|
2437
|
-
const
|
|
2438
|
-
schemaType:
|
|
2439
|
-
fields:
|
|
2231
|
+
const { data: I, schemaType: P } = fe(e, i), y = he(I, P);
|
|
2232
|
+
y.conversionReport && f.setConversionReport(y.conversionReport);
|
|
2233
|
+
const S = {
|
|
2234
|
+
schemaType: P === "surveyjs" ? "mieforms-v1.0" : I.schemaType || "mieforms-v1.0",
|
|
2235
|
+
fields: y.fields || []
|
|
2440
2236
|
};
|
|
2441
|
-
if (
|
|
2442
|
-
Object.assign(
|
|
2443
|
-
else if (
|
|
2444
|
-
const { fields:
|
|
2445
|
-
Object.keys(
|
|
2237
|
+
if (P === "surveyjs" && y.conversionReport?.surveyMetadata)
|
|
2238
|
+
Object.assign(S, y.conversionReport.surveyMetadata);
|
|
2239
|
+
else if (P === "mieforms") {
|
|
2240
|
+
const { fields: F, schemaType: N, ...k } = I;
|
|
2241
|
+
Object.keys(k).length > 0 && Object.assign(S, k);
|
|
2446
2242
|
}
|
|
2447
|
-
Array.isArray(
|
|
2243
|
+
Array.isArray(S.fields) && S.fields.length && g.getState().replaceAll(S);
|
|
2448
2244
|
} catch {
|
|
2449
|
-
|
|
2245
|
+
g.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] });
|
|
2450
2246
|
}
|
|
2451
|
-
|
|
2452
|
-
}
|
|
2453
|
-
}, [e,
|
|
2454
|
-
|
|
2455
|
-
}, [
|
|
2456
|
-
if (!(!
|
|
2457
|
-
return
|
|
2458
|
-
|
|
2459
|
-
schemaType:
|
|
2460
|
-
...
|
|
2461
|
-
fields:
|
|
2247
|
+
f.preview.set(!!o), b.current = !0;
|
|
2248
|
+
}
|
|
2249
|
+
}, [e, i, o, f, g]), c.useEffect(() => {
|
|
2250
|
+
f.setHideUnsupportedFields(u);
|
|
2251
|
+
}, [u, f]), c.useEffect(() => {
|
|
2252
|
+
if (!(!r || !g))
|
|
2253
|
+
return g.subscribe((I) => {
|
|
2254
|
+
r({
|
|
2255
|
+
schemaType: I.schemaType || "mieforms-v1.0",
|
|
2256
|
+
...I.schemaMetadata,
|
|
2257
|
+
fields: I.order.map((P) => I.byId[P])
|
|
2462
2258
|
});
|
|
2463
2259
|
});
|
|
2464
|
-
}, [
|
|
2465
|
-
const
|
|
2466
|
-
|
|
2467
|
-
(
|
|
2260
|
+
}, [r, g]);
|
|
2261
|
+
const R = Ct(
|
|
2262
|
+
g,
|
|
2263
|
+
(I) => f.selectedFieldId.value ? I.byId[f.selectedFieldId.value] : null
|
|
2468
2264
|
);
|
|
2469
|
-
return /* @__PURE__ */ t.jsxs("div", { className: `qb-editor-root editor-container w-full max-w-7xl mx-auto bg-gray-100 font-titillium ${
|
|
2470
|
-
|
|
2471
|
-
/* @__PURE__ */ t.jsx(
|
|
2265
|
+
return /* @__PURE__ */ t.jsxs("div", { className: `qb-editor-root editor-container mie:w-full mie:max-w-7xl mie:mx-auto mie:bg-gray-100 mie:font-titillium ${n}`, children: [
|
|
2266
|
+
s && /* @__PURE__ */ t.jsx(St, { codeFormat: a, onCodeFormatChange: d }),
|
|
2267
|
+
/* @__PURE__ */ t.jsx(Zi, { selectedField: R, codeFormat: a })
|
|
2472
2268
|
] });
|
|
2473
2269
|
}
|
|
2474
|
-
function
|
|
2475
|
-
const
|
|
2476
|
-
return /* @__PURE__ */ t.jsx(
|
|
2270
|
+
function sr(e) {
|
|
2271
|
+
const i = c.useRef(jt()).current, r = c.useRef(wt()).current;
|
|
2272
|
+
return /* @__PURE__ */ t.jsx(Et, { children: /* @__PURE__ */ t.jsx(Oe.Provider, { value: i, children: /* @__PURE__ */ t.jsx(Nt.Provider, { value: r, children: /* @__PURE__ */ t.jsx(er, { ...e }) }) }) });
|
|
2477
2273
|
}
|
|
2478
2274
|
export {
|
|
2479
|
-
|
|
2275
|
+
sr as QuestionnaireEditor
|
|
2480
2276
|
};
|
|
2481
2277
|
//# sourceMappingURL=index.js.map
|