@davincihealthcare/elty-design-system-vue 1.76.1 → 1.77.1

package/dist/src/forms/ElInputSearch.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElInputSearch.vue.esm2.js","sources":["../../../src/forms/ElInputSearch.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputSearchColors = ['primary', 'secondary'] as const;\nexport type ElInputSearchColors = (typeof elInputSearchColors)[number];\n\nexport const elInputSearchStatus = ['default', 'filled', 'blank'] as const;\nexport type ElInputSearchStatus = (typeof elInputSearchStatus)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElDivider from '@/ElDivider.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElVerticalTab from '@/ElVerticalTab.vue';\nimport { ElButton } from '..';\nimport { computed, PropType, ref, useSlots, watch, nextTick } from 'vue';\nimport { useInput, withTextualElInputProps } from './input';\nimport { vOnClickOutside } from '@vueuse/components';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport { onKeyStroke, useScrollLock } from '@vueuse/core';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\n\nconst props = defineProps({\n  ...withTextualElInputProps(),\n  status: {\n    type: String as PropType<ElInputSearchStatus>,\n    default: 'default',\n  },\n  text: {\n    type: String,\n    default: undefined,\n  },\n  results: {\n    type: Array as PropType<InstanceType<typeof ElVerticalTab>['$props'][]>,\n    default: undefined,\n  },\n  footer: {\n    type: Object as PropType<{\n      text: string;\n      button: InstanceType<typeof ElButton>['$props'];\n    }>,\n    default: undefined,\n  },\n  blankResults: {\n    type: Object as PropType<{\n      icon: InstanceType<typeof ElIcon>['$props'];\n      primaryRow: string;\n      secondaryRow?: string;\n    }>,\n    default: undefined,\n  },\n  shouldHoverFirstResultOnOpen: {\n    type: Boolean,\n    default: false,\n  },\n  color: {\n    type: String as PropType<ElInputSearchColors>,\n    default: 'primary',\n  },\n});\n\nconst emit = defineEmits(['update:modelValue', 'onResultClick', 'onResultHover']);\nconst slots = useSlots();\nconst isBodyScrollLocked = useScrollLock(document.body);\n\nconst searchInput = ref<HTMLInputElement | null>(null);\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst computedStatus = computed(() => ({\n  default: !props.results,\n  filled: props.results && props.results.length > 0,\n  blank: props.results && props.results.length === 0,\n}));\nconst isClickOutside = ref(false);\nconst isSearchFocused = ref(false);\n\nconst itemRefs = ref<InstanceType<typeof ElVerticalTab>[]>([]);\nconst activeResult = ref<number | undefined>();\n\nconst { value, uuid, setValue } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue?.trim());\n});\n\nconst searchBarRef = ref<HTMLInputElement>();\nconst { hasFocus, activate, deactivate } = useFocusTrap(searchBarRef as any);\n\nconst isOpen = defineModel('isOpen', {\n  default: true,\n  required: true,\n  type: Boolean,\n});\n\nconst closeSearchBar = () => {\n  isOpen.value = false;\n  activeResult.value = undefined;\n  value.value = '';\n};\n\nconst scrollToFocusedIndex = (index: number) => {\n  itemRefs.value?.at(index)?.$el?.scrollIntoView({ block: 'nearest' });\n};\n\nconst onResultClick = (index: number) => {\n  emit('onResultClick', index);\n  setValue('');\n  activeResult.value = undefined;\n};\n\nconst onResultHover = (index: number) => {\n  activeResult.value = index;\n  scrollToFocusedIndex(index);\n  emit('onResultHover', index);\n};\n\nconst onClickOutside = () => closeSearchBar();\n\nonKeyStroke(\n  ['ArrowUp', 'ArrowDown', 'Enter', 'Escape'],\n  e => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (hasFocus && props.results?.length) {\n      switch (e.key) {\n        case 'ArrowUp':\n          const previousActiveIndex = Math.max((activeResult.value ?? 0) - 1, 0);\n          onResultHover(previousActiveIndex);\n          break;\n        case 'ArrowDown':\n          const nextActiveIndex = activeResult.value !== undefined ? Math.min(activeResult.value + 1, props.results.length - 1) : 0;\n          onResultHover(nextActiveIndex);\n          break;\n        case 'Enter':\n          if (activeResult.value !== undefined) {\n            onResultClick(activeResult.value);\n          }\n          break;\n      }\n    }\n\n    if (e.key === 'Escape') {\n      closeSearchBar();\n    }\n  },\n  { target: searchBarRef },\n);\n\nwatch([isOpen, searchInput], async () => {\n  isBodyScrollLocked.value = isOpen.value;\n\n  if (isOpen.value) {\n    searchInput.value?.focus();\n\n    if (props.shouldHoverFirstResultOnOpen && props.results?.length) {\n      onResultHover(0);\n    }\n\n    await nextTick();\n    activate();\n  } else {\n    deactivate();\n    value.value = '';\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <CustomTransition name=\"fade\">\n      <div\n        v-if=\"isOpen\"\n        ref=\"searchBarRef\"\n        class=\"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0\"\n      >\n        <div\n          v-on-click-outside=\"onClickOutside\"\n          class=\"m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md\"\n          :class=\"{\n            'gap-6': props.results,\n          }\"\n        >\n          <!-- Search bar -->\n          <div class=\"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl\">\n            <ElIcon name=\"MagnifyingGlassIcon\" class=\"text-neutral-lighter w-6 h-6\" />\n            <input\n              ref=\"searchInput\"\n              v-model=\"value\"\n              :name=\"id || `${uuid}`\"\n              type=\"text\"\n              class=\"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0\"\n              :placeholder=\"placeholder\"\n              @focusin=\"\n                () => {\n                  isSearchFocused = true; // Set search focused\n                  isClickOutside = false; // Set click outside to false\n                }\n              \"\n              @focusout=\"\n                () => {\n                  isSearchFocused = false;\n                }\n              \"\n            />\n          </div>\n\n          <span class=\"flex flex-col gap-y-6 overflow-y-hidden\">\n            <ElDivider v-if=\"results\" direction=\"horizontal\" />\n            <div\n              v-if=\"blankResults && computedStatus.blank\"\n              class=\"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter\"\n            >\n              <ElIcon v-bind=\"blankResults.icon\" class=\"w-7 h-7\" />\n              <p class=\"text-sm font-semibold text-neutral-darker\">{{ blankResults.primaryRow }}</p>\n              <p class=\"text-sm font-normal\">{{ blankResults.secondaryRow }}</p>\n            </div>\n            <div v-if=\"results && computedStatus.filled\" class=\"flex py-2 overflow-y-hidden\">\n              <!-- Results Left column  -->\n              <div\n                class=\"flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen\"\n                :class=\"{ 'pr-6': slots.info && results.length > 0 }\"\n              >\n                <span v-if=\"text\" class=\"text-sm font-medium text-neutral-darker\">{{ text }}</span>\n                <div class=\"flex flex-col gap-1 w-full\">\n                  <ElVerticalTab\n                    v-for=\"(result, index) in results\"\n                    :key=\"index\"\n                    ref=\"itemRefs\"\n                    :color=\"color\"\n                    v-bind=\"result\"\n                    :status=\"activeResult === index ? 'hover' : 'default'\"\n                    tabindex=\"-1\"\n                    @click=\"() => onResultClick(index)\"\n                    @mouseover=\"() => onResultHover(index)\"\n                  />\n                </div>\n              </div>\n              <!-- Blank Results -->\n\n              <div v-if=\"slots.info\">\n                <ElDivider direction=\"vertical\" />\n              </div>\n              <div v-if=\"slots.info\" class=\"flex-1 pl-6 overflow-y-auto\">\n                <slot name=\"info\"></slot>\n              </div>\n            </div>\n            <div v-if=\"results && footer\" class=\"flex items-center gap-1 self-stretch\">\n              <span class=\"text-sm font-normal text-neutral-darker\">{{ footer.text }}</span>\n              <ElButton v-bind=\"footer.button\" variant=\"tertiary\" />\n            </div>\n          </span>\n        </div>\n\n        <!-- Backdrop -->\n        <div class=\"fixed inset-0 transition-opacity\">\n          <div ref=\"backdrop\" class=\"absolute inset-0 bg-gray-500 opacity-75\"></div>\n        </div>\n      </div>\n    </CustomTransition>\n  </Teleport>\n</template>\n"],"names":["elInputSearchColors","elInputSearchStatus","props","__props","emit","__emit","slots","useSlots","isBodyScrollLocked","useScrollLock","searchInput","ref","computedModelValue","computed","computedValidation","computedStatus","isClickOutside","isSearchFocused","itemRefs","activeResult","value","uuid","setValue","useInput","newValue","searchBarRef","hasFocus","activate","deactivate","useFocusTrap","isOpen","_useModel","closeSearchBar","scrollToFocusedIndex","index","_c","_b","_a","onResultClick","onResultHover","onClickOutside","onKeyStroke","previousActiveIndex","nextActiveIndex","watch","nextTick"],"mappings":"koFACaA,GAAsB,CAAC,UAAW,WAAW,EAG7CC,GAAsB,CAAC,UAAW,SAAU,OAAO,+eAgBhE,MAAMC,EAAQC,EAuCRC,EAAOC,EACPC,EAAQC,IACRC,EAAqBC,GAAc,SAAS,IAAI,EAEhDC,EAAcC,EAA6B,IAAI,EAC/CC,EAAqBC,EAAS,IAAMX,EAAM,UAAU,EACpDY,EAAqBD,EAAS,IAAM,CAACX,EAAM,UAAU,CAAC,EACtDa,EAAiBF,EAAS,KAAO,CACrC,QAAS,CAACX,EAAM,QAChB,OAAQA,EAAM,SAAWA,EAAM,QAAQ,OAAS,EAChD,MAAOA,EAAM,SAAWA,EAAM,QAAQ,SAAW,CACjD,EAAA,EACIc,EAAiBL,EAAI,EAAK,EAC1BM,EAAkBN,EAAI,EAAK,EAE3BO,EAAWP,EAA0C,CAAA,CAAE,EACvDQ,EAAeR,IAEf,CAAE,MAAAS,EAAO,KAAAC,EAAM,SAAAC,GAAaC,GAASX,EAAoBE,EAAoBZ,EAAM,KAAkBsB,GAAA,CACpGpB,EAAA,oBAAqBoB,GAAA,YAAAA,EAAU,MAAM,CAAA,CAC3C,EAEKC,EAAed,IACf,CAAE,SAAAe,EAAU,SAAAC,EAAU,WAAAC,CAAW,EAAIC,GAAaJ,CAAmB,EAErEK,EAASC,EAAY5B,EAAA,QAI1B,EAEK6B,EAAiB,IAAM,CAC3BF,EAAO,MAAQ,GACfX,EAAa,MAAQ,OACrBC,EAAM,MAAQ,EAAA,EAGVa,EAAwBC,GAAkB,YACrCC,GAAAC,GAAAC,EAAAnB,EAAA,QAAA,YAAAmB,EAAO,GAAGH,KAAV,YAAAE,EAAkB,MAAlB,MAAAD,EAAuB,eAAe,CAAE,MAAO,SAAA,EAAW,EAG/DG,EAAiBJ,GAAkB,CACvC9B,EAAK,gBAAiB8B,CAAK,EAC3BZ,EAAS,EAAE,EACXH,EAAa,MAAQ,MAAA,EAGjBoB,EAAiBL,GAAkB,CACvCf,EAAa,MAAQe,EACrBD,EAAqBC,CAAK,EAC1B9B,EAAK,gBAAiB8B,CAAK,CAAA,EAGvBM,EAAiB,IAAMR,IAE7B,OAAAS,GACE,CAAC,UAAW,YAAa,QAAS,QAAQ,EACrC,GAAA,OAIC,GAHJ,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAEdf,KAAYW,EAAAnC,EAAM,UAAN,MAAAmC,EAAe,QAC7B,OAAQ,EAAE,IAAK,CACb,IAAK,UACH,MAAMK,EAAsB,KAAK,KAAKvB,EAAa,OAAS,GAAK,EAAG,CAAC,EACrEoB,EAAcG,CAAmB,EACjC,MACF,IAAK,YACH,MAAMC,EAAkBxB,EAAa,QAAU,OAAY,KAAK,IAAIA,EAAa,MAAQ,EAAGjB,EAAM,QAAQ,OAAS,CAAC,EAAI,EACxHqC,EAAcI,CAAe,EAC7B,MACF,IAAK,QACCxB,EAAa,QAAU,QACzBmB,EAAcnB,EAAa,KAAK,EAElC,KACJ,CAGE,EAAE,MAAQ,UACGa,GAEnB,EACA,CAAE,OAAQP,CAAa,CAAA,EAGzBmB,EAAM,CAACd,EAAQpB,CAAW,EAAG,SAAY,SACvCF,EAAmB,MAAQsB,EAAO,MAE9BA,EAAO,QACTO,EAAA3B,EAAY,QAAZ,MAAA2B,EAAmB,QAEfnC,EAAM,gCAAgCkC,EAAAlC,EAAM,UAAN,MAAAkC,EAAe,SACvDG,EAAc,CAAC,EAGjB,MAAMM,EAAS,EACNlB,MAEEC,IACXR,EAAM,MAAQ,GAChB,CACD"}
+{"version":3,"file":"ElInputSearch.vue.esm2.js","sources":["../../../src/forms/ElInputSearch.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputSearchColors = ['primary', 'secondary'] as const;\nexport type ElInputSearchColors = (typeof elInputSearchColors)[number];\n\nexport const elInputSearchStatus = ['default', 'filled', 'blank'] as const;\nexport type ElInputSearchStatus = (typeof elInputSearchStatus)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElDivider from '@/ElDivider.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElVerticalTab from '@/ElVerticalTab.vue';\nimport { ElButton } from '..';\nimport { computed, PropType, ref, useSlots, watch, nextTick } from 'vue';\nimport { useInput, withTextualElInputProps } from './input';\nimport { vOnClickOutside } from '@vueuse/components';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport { onKeyStroke, useScrollLock } from '@vueuse/core';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\n\nconst props = defineProps({\n  ...withTextualElInputProps(),\n  status: {\n    type: String as PropType<ElInputSearchStatus>,\n    default: 'default',\n  },\n  text: {\n    type: String,\n    default: undefined,\n  },\n  results: {\n    type: Array as PropType<InstanceType<typeof ElVerticalTab>['$props'][]>,\n    default: undefined,\n  },\n  footer: {\n    type: Object as PropType<{\n      text: string;\n      button: InstanceType<typeof ElButton>['$props'];\n    }>,\n    default: undefined,\n  },\n  blankResults: {\n    type: Object as PropType<{\n      icon: InstanceType<typeof ElIcon>['$props'];\n      primaryRow: string;\n      secondaryRow?: string;\n    }>,\n    default: undefined,\n  },\n  shouldHoverFirstResultOnOpen: {\n    type: Boolean,\n    default: false,\n  },\n  color: {\n    type: String as PropType<ElInputSearchColors>,\n    default: 'primary',\n  },\n});\n\nconst emit = defineEmits(['update:modelValue', 'onResultClick', 'onResultHover']);\nconst slots = useSlots();\nconst isBodyScrollLocked = useScrollLock(document.body);\n\nconst searchInput = ref<HTMLInputElement | null>(null);\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst computedStatus = computed(() => ({\n  default: !props.results,\n  filled: props.results && props.results.length > 0,\n  blank: props.results && props.results.length === 0,\n}));\nconst isClickOutside = ref(false);\nconst isSearchFocused = ref(false);\n\nconst itemRefs = ref<InstanceType<typeof ElVerticalTab>[]>([]);\nconst activeResult = ref<number | undefined>();\n\nconst { value, uuid, setValue } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue?.trim());\n});\n\nconst searchBarRef = ref<HTMLInputElement>();\nconst { hasFocus, activate, deactivate } = useFocusTrap(searchBarRef as any);\n\nconst isOpen = defineModel('isOpen', {\n  default: true,\n  required: true,\n  type: Boolean,\n});\n\nconst closeSearchBar = () => {\n  isOpen.value = false;\n  activeResult.value = undefined;\n  value.value = '';\n};\n\nconst scrollToFocusedIndex = (index: number) => {\n  itemRefs.value?.at(index)?.$el?.scrollIntoView({ block: 'nearest' });\n};\n\nconst onResultClick = (index: number) => {\n  emit('onResultClick', index);\n  setValue('');\n  activeResult.value = undefined;\n};\n\nconst onResultHover = (index: number) => {\n  activeResult.value = index;\n  scrollToFocusedIndex(index);\n  emit('onResultHover', index);\n};\n\nconst onClickOutside = () => closeSearchBar();\n\nonKeyStroke(\n  ['ArrowUp', 'ArrowDown', 'Enter', 'Escape'],\n  e => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (hasFocus && props.results?.length) {\n      switch (e.key) {\n        case 'ArrowUp':\n          const previousActiveIndex = Math.max((activeResult.value ?? 0) - 1, 0);\n          onResultHover(previousActiveIndex);\n          break;\n        case 'ArrowDown':\n          const nextActiveIndex = activeResult.value !== undefined ? Math.min(activeResult.value + 1, props.results.length - 1) : 0;\n          onResultHover(nextActiveIndex);\n          break;\n        case 'Enter':\n          if (activeResult.value !== undefined) {\n            onResultClick(activeResult.value);\n          }\n          break;\n      }\n    }\n\n    if (e.key === 'Escape') {\n      closeSearchBar();\n    }\n  },\n  { target: searchBarRef },\n);\n\nwatch([isOpen, searchInput], async () => {\n  isBodyScrollLocked.value = isOpen.value;\n\n  if (isOpen.value) {\n    searchInput.value?.focus();\n\n    if (props.shouldHoverFirstResultOnOpen && props.results?.length) {\n      onResultHover(0);\n    }\n\n    await nextTick();\n    activate();\n  } else {\n    deactivate();\n    value.value = '';\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <CustomTransition name=\"fade\">\n      <div\n        v-if=\"isOpen\"\n        ref=\"searchBarRef\"\n        class=\"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0\"\n      >\n        <div\n          v-on-click-outside=\"onClickOutside\"\n          class=\"m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md\"\n          :class=\"{\n            'gap-6': props.results,\n          }\"\n        >\n          <!-- Search bar -->\n          <div class=\"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl\">\n            <ElIcon name=\"MagnifyingGlassIcon\" class=\"text-neutral-lighter w-6 h-6\" />\n            <input\n              ref=\"searchInput\"\n              v-model=\"value\"\n              :name=\"id || `${uuid}`\"\n              type=\"text\"\n              class=\"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0\"\n              :placeholder=\"placeholder\"\n              @focusin=\"\n                () => {\n                  isSearchFocused = true; // Set search focused\n                  isClickOutside = false; // Set click outside to false\n                }\n              \"\n              @focusout=\"\n                () => {\n                  isSearchFocused = false;\n                }\n              \"\n            />\n          </div>\n\n          <span class=\"flex flex-col gap-y-6 overflow-y-hidden\">\n            <ElDivider v-if=\"results\" direction=\"horizontal\" />\n            <div\n              v-if=\"blankResults && computedStatus.blank\"\n              class=\"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter\"\n            >\n              <ElIcon v-bind=\"blankResults.icon\" class=\"w-7 h-7\" />\n              <p class=\"text-sm font-semibold text-neutral-darker\">{{ blankResults.primaryRow }}</p>\n              <p class=\"text-sm font-normal\">{{ blankResults.secondaryRow }}</p>\n            </div>\n            <div v-if=\"results && computedStatus.filled\" class=\"flex py-2 overflow-y-hidden\">\n              <!-- Results Left column  -->\n              <div\n                class=\"flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen\"\n                :class=\"{ 'pr-6': slots.info && results.length > 0 }\"\n              >\n                <span v-if=\"text\" class=\"text-sm font-medium text-neutral-darker\">{{ text }}</span>\n                <div class=\"flex flex-col gap-1 w-full\">\n                  <ElVerticalTab\n                    v-for=\"(result, index) in results\"\n                    :key=\"index\"\n                    ref=\"itemRefs\"\n                    :color=\"color\"\n                    v-bind=\"result\"\n                    :status=\"activeResult === index ? 'hover' : 'default'\"\n                    tabindex=\"-1\"\n                    @click=\"() => onResultClick(index)\"\n                    @mouseover=\"() => onResultHover(index)\"\n                  />\n                </div>\n              </div>\n              <!-- Blank Results -->\n\n              <div v-if=\"slots.info\">\n                <ElDivider direction=\"vertical\" />\n              </div>\n              <div v-if=\"slots.info\" class=\"flex-1 pl-6 overflow-y-auto\">\n                <slot name=\"info\"></slot>\n              </div>\n            </div>\n            <div v-if=\"results && footer\" class=\"flex items-center gap-1 self-stretch\">\n              <span class=\"text-sm font-normal text-neutral-darker\">{{ footer.text }}</span>\n              <ElButton v-bind=\"footer.button\" variant=\"tertiary\" />\n            </div>\n          </span>\n        </div>\n\n        <!-- Backdrop -->\n        <div class=\"fixed inset-0 transition-opacity\">\n          <div ref=\"backdrop\" class=\"absolute inset-0 bg-gray-500 opacity-75\"></div>\n        </div>\n      </div>\n    </CustomTransition>\n  </Teleport>\n</template>\n"],"names":["elInputSearchColors","elInputSearchStatus","props","__props","emit","__emit","slots","useSlots","isBodyScrollLocked","useScrollLock","searchInput","ref","computedModelValue","computed","computedValidation","computedStatus","isClickOutside","isSearchFocused","itemRefs","activeResult","value","uuid","setValue","useInput","newValue","searchBarRef","hasFocus","activate","deactivate","useFocusTrap","isOpen","_useModel","closeSearchBar","scrollToFocusedIndex","index","_c","_b","_a","onResultClick","onResultHover","onClickOutside","onKeyStroke","previousActiveIndex","nextActiveIndex","watch","nextTick"],"mappings":"8gFACaA,GAAsB,CAAC,UAAW,WAAW,EAG7CC,GAAsB,CAAC,UAAW,SAAU,OAAO,+eAgBhE,MAAMC,EAAQC,EAuCRC,EAAOC,EACPC,EAAQC,IACRC,EAAqBC,GAAc,SAAS,IAAI,EAEhDC,EAAcC,EAA6B,IAAI,EAC/CC,EAAqBC,EAAS,IAAMX,EAAM,UAAU,EACpDY,EAAqBD,EAAS,IAAM,CAACX,EAAM,UAAU,CAAC,EACtDa,EAAiBF,EAAS,KAAO,CACrC,QAAS,CAACX,EAAM,QAChB,OAAQA,EAAM,SAAWA,EAAM,QAAQ,OAAS,EAChD,MAAOA,EAAM,SAAWA,EAAM,QAAQ,SAAW,CACjD,EAAA,EACIc,EAAiBL,EAAI,EAAK,EAC1BM,EAAkBN,EAAI,EAAK,EAE3BO,EAAWP,EAA0C,CAAA,CAAE,EACvDQ,EAAeR,IAEf,CAAE,MAAAS,EAAO,KAAAC,EAAM,SAAAC,GAAaC,GAASX,EAAoBE,EAAoBZ,EAAM,KAAkBsB,GAAA,CACpGpB,EAAA,oBAAqBoB,GAAA,YAAAA,EAAU,MAAM,CAAA,CAC3C,EAEKC,EAAed,IACf,CAAE,SAAAe,EAAU,SAAAC,EAAU,WAAAC,CAAW,EAAIC,GAAaJ,CAAmB,EAErEK,EAASC,EAAY5B,EAAA,QAI1B,EAEK6B,EAAiB,IAAM,CAC3BF,EAAO,MAAQ,GACfX,EAAa,MAAQ,OACrBC,EAAM,MAAQ,EAAA,EAGVa,EAAwBC,GAAkB,YACrCC,GAAAC,GAAAC,EAAAnB,EAAA,QAAA,YAAAmB,EAAO,GAAGH,KAAV,YAAAE,EAAkB,MAAlB,MAAAD,EAAuB,eAAe,CAAE,MAAO,SAAA,EAAW,EAG/DG,EAAiBJ,GAAkB,CACvC9B,EAAK,gBAAiB8B,CAAK,EAC3BZ,EAAS,EAAE,EACXH,EAAa,MAAQ,MAAA,EAGjBoB,EAAiBL,GAAkB,CACvCf,EAAa,MAAQe,EACrBD,EAAqBC,CAAK,EAC1B9B,EAAK,gBAAiB8B,CAAK,CAAA,EAGvBM,EAAiB,IAAMR,IAE7B,OAAAS,GACE,CAAC,UAAW,YAAa,QAAS,QAAQ,EACrC,GAAA,OAIC,GAHJ,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAEdf,KAAYW,EAAAnC,EAAM,UAAN,MAAAmC,EAAe,QAC7B,OAAQ,EAAE,IAAK,CACb,IAAK,UACH,MAAMK,EAAsB,KAAK,KAAKvB,EAAa,OAAS,GAAK,EAAG,CAAC,EACrEoB,EAAcG,CAAmB,EACjC,MACF,IAAK,YACH,MAAMC,EAAkBxB,EAAa,QAAU,OAAY,KAAK,IAAIA,EAAa,MAAQ,EAAGjB,EAAM,QAAQ,OAAS,CAAC,EAAI,EACxHqC,EAAcI,CAAe,EAC7B,MACF,IAAK,QACCxB,EAAa,QAAU,QACzBmB,EAAcnB,EAAa,KAAK,EAElC,KACJ,CAGE,EAAE,MAAQ,UACGa,GAEnB,EACA,CAAE,OAAQP,CAAa,CAAA,EAGzBmB,EAAM,CAACd,EAAQpB,CAAW,EAAG,SAAY,SACvCF,EAAmB,MAAQsB,EAAO,MAE9BA,EAAO,QACTO,EAAA3B,EAAY,QAAZ,MAAA2B,EAAmB,QAEfnC,EAAM,gCAAgCkC,EAAAlC,EAAM,UAAN,MAAAkC,EAAe,SACvDG,EAAc,CAAC,EAGjB,MAAMM,EAAS,EACNlB,MAEEC,IACXR,EAAM,MAAQ,GAChB,CACD"}