intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TagsDropdown/TagsDropdown.js"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cn from \"classnames\";\nimport { createPortal } from \"react-dom\";\nimport {\n  Check,\n  ChevronDown,\n  ChevronUp,\n  Code,\n  MoreHorizontal,\n  Trash2,\n  X,\n} from \"react-feather\";\n\nimport { formatToOnlyASCIICodeText } from \"../../../Functions/fieldValueFormatters\";\nimport { useDebounce } from \"../../../Functions/useDebounce\";\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport CheckboxInput from \"../../FormElements/CheckboxInput/CheckboxInput\";\nimport Input from \"../../FormElements/Input/Input\";\nimport Button from \"../../UI/Button/Button\";\nimport Tag from \"../../UI/Tag/Tag\";\nimport TagList from \"../../UI/TagList/TagList\";\n\nimport \"./TagsDropdown.scss\";\n\nconst RC = \"tags-dropdown\";\n\nconst MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;\n\nconst COLORS = [\n  \"#F1F0F0\",\n  \"#E3E2E0\",\n  \"#EEDFDA\",\n  \"#F9DEC9\",\n  \"#FDECC8\",\n  \"#DBECDB\",\n  \"#D3E4EF\",\n  \"#E8DEEE\",\n  \"#F4E0E9\",\n  \"#FFE2DD\",\n  \"#D3EFED\",\n  \"#ECEEDE\",\n];\n\nconst TagsDropdown = ({\n  options: optionsProp,\n  chosenOptions = [],\n  onChange,\n  className,\n  tagClassname,\n  listClassName,\n  onKeyPress = () => {},\n  placeholder,\n  label,\n  disabled,\n  isValuesInTags,\n  error,\n  isNotValidateASCII = false,\n  noTagsWrap = false,\n\n  headerContent = null,\n  footerContent = null,\n  selectAllButtonRef = null,\n  unselectAllButtonRef = null,\n\n  closeOnSelect = false,\n  closeOnRemove = false,\n  closeOnRemoveAll = false,\n  closeOnSelectAll = false,\n  closeOnSelectMobile = false,\n  closeOnRemoveMobile = false,\n  closeOnRemoveAllMobile = false,\n  closeOnSelectAllMobile = false,\n  fieldKey,\n  id,\n  noOptionsText = \"No options available\",\n  mobileSearchPlaceholder,\n  isSearchable = true,\n  useLiveSearch,\n  doRequest: doLiveSearchRequest,\n\n  attributesOfNativeInput = {},\n\n  isUseLocalOptionsStore = true,\n  isDefaultOpened = false,\n  withMobileLogic,\n  withCreateLogic,\n  withActions,\n  withSearchInputInList,\n  renderOptionsAsTags,\n  minItemsForShowMobileSearch = MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH,\n\n  onOptionCreate,\n  onOptionEdit,\n  onOptionDelete,\n  onActionConfirmClick,\n  onActionCancelClick,\n  onDropdownListClose,\n\n  customTriggerRef,\n  renderCustomTrigger,\n\n  recalculateListContainerStylesTrigger,\n}) => {\n  const inputRef = useRef(null);\n  const wrapperRef = useRef(null);\n  const dropdownRef = useRef(null);\n  const dropdownListRef = useRef(null);\n  const editOptionModalRef = useRef(null);\n  const dropdownListWrapperRef = useRef(null);\n\n  const { isMobile: isMobileProp } = useIsMobile();\n  const isMobile =\n    isMobileProp && withMobileLogic && window.screen.width <= 768;\n\n  const [dropdownId] = useState(\n    id || fieldKey || Math.random().toString(16).slice(2),\n  );\n  const [isOpen, setIsOpen] = useState(false);\n  const [windowScrollTop, setWindowScrollTop] = useState(0);\n\n  const [listPos, setListPos] = useState(null);\n\n  const [initListHeight, setInitListHeight] = useState(null);\n  const [isScrollableList, setIsScrollableList] = useState(null);\n  const [isFixedMaxHeight, setIsFixedMaxHeight] = useState(false);\n\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n\n  const searchValueRef = useRef(null);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const debouncedSearchTerm = useDebounce({ searchValue, delay: 600 });\n  const [isValueDeleted, setIsValueDeleted] = useState(false);\n\n  const setSearchValueInterceptor = (value) => {\n    setSearchValue(value);\n    setIsValueDeleted(searchValue !== value && value === \"\");\n    searchValueRef.current = value;\n  };\n\n  const editingOptionInputRef = useRef(null);\n  const [options, setOptions] = useState([]);\n  const [editingOption, setEditingOptionState] = useState(null);\n  const setEditingOption = (data) => {\n    setEditingOptionState((editingOption) =>\n      !data\n        ? data\n        : {\n            ...(editingOption ?? {}),\n            ...(typeof data === \"function\" ? data?.(editingOption) : data),\n            isChanged: Boolean(editingOption),\n          },\n    );\n  };\n  const isEditingOptionError = useMemo(() => {\n    if (!editingOption) return false;\n\n    return options\n      .filter(({ value }) => value !== editingOption.value)\n      .some(({ label }) => label === editingOption.label)\n      ? true\n      : null;\n  }, [options, editingOption]);\n  const [localOptionsStore, setLocalOptionsStore] = useState({});\n\n  const randomColorForNewOption = useMemo(() => {\n    const getRandomIndex = (min, max) => {\n      return Math.floor(Math.random() * (max - min + 1)) + min;\n    };\n    const randomIndex = getRandomIndex(0, COLORS.length - 1);\n    return COLORS[randomIndex];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options.length]);\n\n  const singleLevelOptions = options?.reduce(\n    (acc, item) => {\n      const checkUniqAndPush = (acc, item) => {\n        const isExist = acc?.findIndex(({ value }) => value === item?.value);\n        if (isExist !== -1) {\n          acc[isExist] = item;\n        } else {\n          acc.push(item);\n        }\n      };\n      if (item.groupName) {\n        item.list?.map((item) => checkUniqAndPush(acc, item));\n      } else {\n        checkUniqAndPush(acc, item);\n      }\n\n      return acc;\n    },\n    isUseLocalOptionsStore\n      ? Object.keys(localOptionsStore)?.map((value) => ({\n          value,\n          label: localOptionsStore?.[value],\n        }))\n      : [],\n  );\n\n  const deleteChosen = (value) => {\n    if (isMobile ? closeOnRemoveMobile : closeOnRemove) setIsOpen(false);\n\n    if (isUseLocalOptionsStore) {\n      setLocalOptionsStore((options) => ({\n        ...options,\n        [value]: undefined,\n      }));\n    }\n\n    onChange(\n      chosenOptions.filter((item) => item !== value),\n      \"chosenOptions\",\n    );\n  };\n\n  // --- LIST CONTAINER FUNCTIONS BEGIN --- //\n  const getParentNode = () => {\n    return (\n      document.querySelector(\"div#root\") ??\n      document.querySelector(\"div#app\") ??\n      document.querySelector(\"div#storybook-root\")\n    );\n  };\n  const initListContainer = () => {\n    const dropdownList = document.createElement(\"div\");\n\n    dropdownList.setAttribute(\"id\", dropdownId);\n    dropdownList.classList.add(\"tags-dropdown__container\");\n    listClassName && dropdownList.classList.add(listClassName);\n\n    if (isMobile) {\n      dropdownList.addEventListener(\"click\", (e) => {\n        if (e.target.id === dropdownId) setIsOpen(false);\n      });\n    }\n\n    if (isMobile) {\n      try {\n        document.getElementById(`mlw-${dropdownId}`)?.remove();\n        // eslint-disable-next-line no-empty\n      } catch (e) {}\n\n      const dropdownMobileListWrapper = document.createElement(\"div\");\n      dropdownMobileListWrapper.classList.add(\"tags-dropdown-mobile\");\n      dropdownMobileListWrapper.setAttribute(\"id\", `mlw-${dropdownId}`);\n      dropdownMobileListWrapper?.append(dropdownList);\n      getParentNode()?.append(dropdownMobileListWrapper);\n    } else {\n      getParentNode()?.append(dropdownList);\n    }\n  };\n  const getListContainer = () => {\n    return document.getElementById(dropdownId);\n  };\n  const getListContainerWrapper = () => {\n    return document.getElementById(`mlw-${dropdownId}`);\n  };\n  const setListContainerStyles = () => {\n    const listContainer = getListContainer();\n\n    if (!listContainer || !isOpen) return false;\n\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      document.body.clientHeight;\n\n    const { width, height, left, top } =\n      dropdownRef?.current?.getBoundingClientRect() ?? {};\n\n    const selectorWrapper = dropdownListWrapperRef?.current;\n    const dropdownList = listContainer.getElementsByClassName(\n      \"tags-dropdown__list\",\n    )[0];\n    const listHeader = selectorWrapper?.getElementsByClassName(\n      \"tags-dropdown__header\",\n    )[0];\n    const listFooter = selectorWrapper?.getElementsByClassName(\n      \"tags-dropdown__footer\",\n    )[0];\n\n    const margin = parseInt(\n      getComputedStyle(selectorWrapper)?.marginTop?.replace(\"px\", \"\") ?? 0,\n      10,\n    );\n\n    let selectorWrapperHeight =\n      selectorWrapper?.getBoundingClientRect()?.height;\n    const maxSelectorWrapperHeight =\n      500 -\n      (listHeader?.getBoundingClientRect()?.height ?? 0) -\n      (listFooter?.getBoundingClientRect()?.height ?? 0);\n\n    if (!isMobile || !withMobileLogic) {\n      const dropdownListMaxHeightInPx =\n        getComputedStyle(dropdownList)?.maxHeight;\n      const maxHeight =\n        initListHeight ??\n        parseInt(dropdownListMaxHeightInPx?.replace(\"px\", \"\") ?? 0, 10);\n\n      if (initListHeight === null && !isNaN(maxHeight))\n        setInitListHeight(maxHeight);\n\n      if (selectorWrapperHeight > maxHeight && !isNaN(maxHeight))\n        selectorWrapperHeight = maxHeight - 2 * margin;\n\n      const toTop = renderCustomTrigger\n        ? top -\n          margin -\n          (customTriggerRef?.current?.getBoundingClientRect()?.height ?? 0)\n        : top - margin;\n      const toBottom = windowHeight - top - height - margin * 2;\n\n      let listPosition = listPos;\n\n      if (!listPos && options.length) {\n        listPosition =\n          toTop < toBottom || toBottom >= selectorWrapperHeight\n            ? \"bottom\"\n            : \"top\";\n        setListPos(listPosition);\n      }\n\n      if (selectorWrapperHeight > (listPosition === \"top\" ? toTop : toBottom)) {\n        selectorWrapperHeight =\n          (listPosition === \"top\" ? toTop : toBottom) - 3 * margin;\n\n        if (selectorWrapperHeight < 200) {\n          selectorWrapperHeight = 200;\n        }\n\n        selectorWrapper.style.maxHeight = `${selectorWrapperHeight}px`;\n      }\n\n      listContainer.style.minWidth = `${width}px`;\n      listContainer.style.left = `${left}px`;\n      listContainer.style.top = `${listPosition === \"bottom\" ? top + height : top - selectorWrapperHeight - 2 * margin}px`;\n    } else {\n      dropdownList.style.maxHeight = `${maxSelectorWrapperHeight}px`;\n    }\n  };\n  const renderListContainer = () => {\n    const lc = getListContainer();\n\n    if (!lc) return null;\n\n    // eslint-disable-next-line no-use-before-define\n    return createPortal(getListMarkUp(), lc);\n  };\n  // --- LIST CONTAINER FUNCTIONS END --- //\n\n  // --- CREATABLE LOGIC BEGIN --- //\n  const onOptionCreateClick = () => {\n    const newOption = {\n      label: searchValue,\n      style: {\n        backgroundColor: randomColorForNewOption,\n      },\n      isEditable: true,\n      ref: createRef(),\n    };\n\n    // eslint-disable-next-line no-promise-executor-return\n    (onOptionCreate?.(newOption) ?? new Promise((r) => r())).then((result) => {\n      const tempId = Math.random().toString(16).slice(2);\n\n      newOption.value = result?.id ?? tempId;\n\n      setOptions((state) => [...state, newOption]);\n      setSearchValue(\"\");\n      onChangeHandler(newOption);\n    });\n  };\n  const onOptionEditClick = (e, item) => {\n    e?.preventDefault();\n    e?.stopPropagation();\n\n    setEditingOption(editingOption?.value === item?.value ? null : item);\n  };\n  const onOptionDeleteClick = () => {\n    // eslint-disable-next-line no-promise-executor-return\n    (onOptionDelete?.(editingOption) ?? new Promise((r) => r())).then(() => {\n      deleteChosen(editingOption?.value);\n\n      setOptions((options) =>\n        options.filter(({ value }) => value !== editingOption?.value),\n      );\n      setEditingOption(null);\n    });\n  };\n  const saveEditingOption = () => {\n    if (!editingOption?.isChanged || isEditingOptionError) {\n      setEditingOption(null);\n      return false;\n    }\n\n    onOptionEdit?.(editingOption);\n\n    setOptions((options) =>\n      options.map((option) => {\n        if (editingOption && option.value === editingOption?.value) {\n          const tmp = { ...editingOption };\n          setEditingOption(null);\n          return tmp;\n        }\n        return option;\n      }),\n    );\n  };\n\n  const setEditOptionModalStyles = () => {\n    if (!editingOption || !editOptionModalRef?.current) return null;\n\n    const modalSize = 200;\n    const { scrollX, scrollY } = window;\n\n    const positionClasses = {\n      left: \"modal-left\",\n      right: \"modal-right\",\n      top: \"modal-top\",\n      bottom: \"modal-bottom\",\n    };\n\n    const windowWidth =\n      window.innerWidth ||\n      document.documentElement.clientWidth ||\n      document.body.clientWidth;\n\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      document.body.clientHeight;\n\n    const el = editingOption?.ref?.current;\n    const { x, y, width, height } = el?.getBoundingClientRect() ?? {};\n\n    const containerPosition =\n      dropdownListWrapperRef?.current?.getBoundingClientRect();\n\n    const distanceToRight =\n      windowWidth - containerPosition?.x - containerPosition?.width;\n    const distanceToBottom = windowHeight - y - scrollY - height;\n\n    Object.values(positionClasses).map((className) =>\n      editOptionModalRef.current.classList.remove(className),\n    );\n\n    editOptionModalRef.current.classList.add(\n      positionClasses?.[distanceToRight < modalSize ? \"left\" : \"right\"] ?? \"\",\n    );\n\n    editOptionModalRef.current.classList.add(\n      positionClasses?.[distanceToBottom < modalSize ? \"top\" : \"bottom\"] ?? \"\",\n    );\n\n    const xTranslate =\n      distanceToRight < modalSize ? \"calc(-100% + 7px)\" : \"-35px\";\n    const yTranslate =\n      distanceToBottom < modalSize ? `calc(-100% - ${height + 10}px)` : \"10px\";\n\n    editOptionModalRef.current.style.left = `${x + scrollX + width}px`;\n    editOptionModalRef.current.style.top = `${y + scrollY + height}px`;\n    editOptionModalRef.current.style.transform = `translate(${xTranslate}, ${yTranslate})`;\n  };\n  const renderEditOptionModal = () => {\n    return (\n      <div\n        key={`editOptionModal${editingOption?.value}`}\n        ref={editOptionModalRef}\n        className={cn(`${RC}__edit-option-modal`)}\n      >\n        <div className={cn(`${RC}__edit-option-modal-section`)}>\n          <Input\n            value={editingOption.label}\n            onChange={(v) =>\n              setEditingOption((state) => ({ ...state, label: v }))\n            }\n            error={isEditingOptionError}\n            onKeyDown={(keyCode) => {\n              if (keyCode === 13) saveEditingOption();\n            }}\n            symbolsLimit=\"50\"\n            ref={editingOptionInputRef}\n          />\n          <Button\n            variant=\"link\"\n            icon={<Trash2 />}\n            label=\"Delete\"\n            onClick={onOptionDeleteClick}\n          />\n        </div>\n        <div className={cn(`${RC}__edit-option-modal-section-divider`)} />\n        <div className={cn(`${RC}__edit-option-modal-section`)}>\n          <h3>Colors</h3>\n          <div className={cn(`${RC}__edit-option-modal-section-colors`)}>\n            {COLORS.map((color) => (\n              <div\n                key={color}\n                className=\"color-block\"\n                style={{ backgroundColor: color }}\n                onClick={() =>\n                  setEditingOption((state) => ({\n                    ...state,\n                    style: {\n                      ...state.style,\n                      backgroundColor: color,\n                    },\n                  }))\n                }\n              >\n                {editingOption?.style?.backgroundColor === color ? (\n                  <Check />\n                ) : null}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  };\n  // --- CREATABLE LOGIC END --- //\n\n  // --- GENERAL FUNCTIONS BEGIN --- //\n  const handleClickOutside = (e) => {\n    const { target } = e;\n\n    if (\n      isOpen &&\n      !getListContainer()?.contains(target) &&\n      !editOptionModalRef.current\n      // &&\n      // (\n      //   customTriggerRef?.current ? customTriggerRef?.current?.contains(target) : true\n      // )\n    ) {\n      setIsOpen(false);\n      onDropdownListClose?.(e);\n    } else if (\n      editOptionModalRef.current &&\n      !editOptionModalRef.current?.contains(target)\n    ) {\n      if (\n        !document\n          ?.getElementById?.(`editTrigger${editingOption?.value}`)\n          ?.contains?.(target)\n      )\n        saveEditingOption();\n    }\n  };\n  const closeList = (e) => {\n    handleClickOutside(e);\n    if (!e.target.isEqualNode(inputRef?.current)) inputRef?.current?.blur();\n  };\n  const isTargetInParent = (target) => {\n    if (\n      (target?.tagName === \"svg\" &&\n        target?.parentNodclassName === \"tag__button\") ||\n      target?.tagName === \"line\"\n    )\n      return false;\n\n    if (\n      (target?.tagName === \"svg\" &&\n        target?.parentNodclassName !== \"tag__button\") ||\n      target?.className?.indexOf?.(\"tag__label\") !== -1 ||\n      target?.className?.indexOf?.(\"tag-list_wrapper\") !== -1 ||\n      target?.className.indexOf(`${RC}__trigger`) !== -1 ||\n      target?.className === \"tags-dropdown__arrow\"\n    )\n      return true;\n\n    return false;\n  };\n  const isItemMatchesSearch = (item) => {\n    if (item.isHiddenInList) return false;\n\n    const title = item.title || item.label;\n    return searchValue.length\n      ? title?.toLowerCase().includes(searchValue?.toLowerCase() || \"\")\n      : true;\n  };\n  // --- GENERAL FUNCTIONS END --- //\n\n  const prepareOptions = (options) => {\n    return options\n      ?.map((option) => (option?.groupName ? option?.list : option))\n      .flat();\n  };\n  const getFilteredOptions = (options) =>\n    options?.reduce((result, option) => {\n      if (option.groupName) {\n        const filteredGroupItems = option?.list?.filter((item) =>\n          isItemMatchesSearch(item),\n        );\n\n        if (filteredGroupItems?.length) {\n          result.push({\n            ...option,\n            list: filteredGroupItems,\n          });\n        }\n      } else if (isItemMatchesSearch(option)) {\n        result.push(option);\n      }\n\n      return result;\n    }, []);\n  const getTotalOptions = useCallback(() => {\n    return options?.reduce((result, item) => {\n      if (item?.list) {\n        result += item?.list?.length || 0;\n      } else {\n        ++result;\n      }\n\n      return result;\n    }, 0);\n  }, [options]);\n\n  const onChangeHandler = (item) => {\n    if (item?.isFreezed) return false;\n    if (item?.closeOnOptionSelect !== undefined) {\n      if (item.closeOnOptionSelect) setIsOpen(false);\n    } else if (isMobile ? closeOnSelectMobile : closeOnSelect) setIsOpen(false);\n    setSearchValueInterceptor(\"\");\n\n    if (chosenOptions.some((el) => el === item.value)) {\n      deleteChosen(item.value);\n      return null;\n    }\n\n    if (isUseLocalOptionsStore) {\n      setLocalOptionsStore((options) => ({\n        ...options,\n        [item?.value]: item?.label,\n      }));\n    }\n\n    onChange([...chosenOptions, item.value], \"chosenOptions\");\n    return null;\n  };\n  const onSearchHandler = (name) => {\n    let inputValue = name;\n    if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);\n    setSearchValueInterceptor(inputValue);\n  };\n  const onWrapperClick = (e) => {\n    if (e.target === wrapperRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      setIsOpen(false);\n    }\n  };\n  const selectAllItems = () => {\n    const preparedOptions = prepareOptions(options)?.filter(\n      ({ isFreezed, value }) =>\n        !isFreezed && !chosenOptions?.includes(value) && value !== \"open_modal\",\n    );\n\n    if (isUseLocalOptionsStore) {\n      setLocalOptionsStore((options) =>\n        preparedOptions?.reduce((result, { value, label }) => {\n          result[value] = label;\n          return result;\n        }, options),\n      );\n    }\n\n    onChange(\n      [...chosenOptions, ...(preparedOptions?.map(({ value }) => value) || [])],\n      \"chosenOptions\",\n    );\n    if (isMobile ? closeOnSelectAllMobile : closeOnSelectAll) setIsOpen(false);\n  };\n  const unselectAllItems = () => {\n    if (isUseLocalOptionsStore) setLocalOptionsStore({});\n    onChange(\n      chosenOptions?.filter(\n        (item) =>\n          prepareOptions(options)?.find(({ value }) => value === item)\n            ?.isFreezed,\n      ),\n      \"chosenOptions\",\n    );\n    if (isMobile ? closeOnRemoveAllMobile : closeOnRemoveAll) setIsOpen(false);\n  };\n  const doScrollCallback = useCallback(\n    (e) => {\n      if (doLiveSearchRequest && typeof doLiveSearchRequest === \"function\") {\n        if (\n          Math.round(e.target.clientHeight + e.target.scrollTop) ==\n          e.target.scrollHeight\n        ) {\n          doLiveSearchRequest(searchValueRef.current, true);\n        }\n      }\n    },\n    [options],\n  );\n\n  // --- RENDER FUNCTIONS BEGIN --- //\n\n  const getMarkupForElement = (item) => {\n    const { description } = item;\n    const title = item.title || item.label;\n\n    const hightlightSearchValue = (title) => {\n      const index = title?.toLowerCase()?.indexOf(searchValue?.toLowerCase());\n\n      if (index === -1) return title;\n\n      return (\n        <pre className=\"inherit-styles\">\n          <span>{title.substring(0, index)}</span>\n          <span className=\"search-match bg--yellow\">\n            {title.substring(index, index + searchValue?.length)}\n          </span>\n          <span>{title.substring(index + searchValue?.length)}</span>\n        </pre>\n      );\n    };\n\n    return (\n      <button\n        ref={item?.ref}\n        key={`${RC}__list-item-${item.id || item.value}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          onChangeHandler(item);\n        }}\n        className={cn(\n          `${RC}__list-item`,\n          {\n            [`${RC}__list-item_active`]: chosenOptions?.some(\n              (value) => value === item.value,\n            ),\n          },\n          { [`${RC}__list-item_disabled`]: item.disabled },\n          { [`${RC}__list-item_freezed`]: item?.isFreezed },\n          {\n            [`${RC}__list-item--editing`]: item?.value === editingOption?.value,\n          },\n          item.className,\n        )}\n      >\n        {!isMobile && (\n          <span\n            className={cn(`${RC}__active-icon`, {\n              [`${RC}__active-icon_active`]: chosenOptions?.some(\n                (value) => value === item.value,\n              ),\n            })}\n          >\n            <Check width={16} height={16} className=\"color--text\" />\n          </span>\n        )}\n        <div className={cn(`${RC}__list-item-body`)}>\n          {renderOptionsAsTags ? (\n            <Tag\n              key={item?.value}\n              className={cn(`${RC}__list-item-title`, item?.labelClassName, {\n                \"tag_with-btn\": !item?.isFreezed,\n              })}\n              label={hightlightSearchValue(title)}\n              style={item?.style}\n              isNoDismiss\n            />\n          ) : (\n            <span className={cn(`${RC}__list-item-title`, item.labelClassName)}>\n              {hightlightSearchValue(title)}\n            </span>\n          )}\n          {description && (\n            <span className={cn(`${RC}__list-item-description`)}>\n              {description}\n            </span>\n          )}\n        </div>\n        {!isMobile && item?.isEditable && onOptionEdit && onOptionDelete && (\n          <div\n            id={`editTrigger${item?.value}`}\n            className={cn(`${RC}__list-item-edit-trigger`)}\n            onClick={(e) => onOptionEditClick(e, item)}\n          >\n            <MoreHorizontal />\n          </div>\n        )}\n        {isMobile\n          ? item?.customMobileIcon ?? (\n              <CheckboxInput\n                value={chosenOptions?.some((value) => value === item.value)}\n                onChange={() => {\n                  onChangeHandler(item);\n                }}\n              />\n            )\n          : \"\"}\n      </button>\n    );\n  };\n  const getListMarkUp = () => {\n    const filteredOptions = getFilteredOptions(options);\n\n    const arrToPrint = [];\n    for (const option of filteredOptions) {\n      if (option.groupName) {\n        arrToPrint.push(\n          <div\n            key={option.groupName\n              ?.toString()\n              ?.replace(/ /g, \"_\")\n              .concat(Date.now())}\n            className={cn(`${RC}-group`, option.className)}\n          >\n            <span className={`${RC}-group__name`}>{option.groupName}</span>\n            {option.list?.map((item) => getMarkupForElement(item))}\n          </div>,\n        );\n      } else arrToPrint.push(getMarkupForElement(option));\n    }\n\n    return (\n      <div\n        className={cn(`${RC}__container-wrapper`)}\n        ref={wrapperRef}\n        onClick={isMobile ? onWrapperClick : () => {}}\n      >\n        <div\n          ref={dropdownListWrapperRef}\n          className={cn(`${RC}__selector-wrapper`, {\n            [`${RC}__selector-wrapper--fixed-height`]:\n              isFixedMaxHeight && isMobile,\n          })}\n        >\n          {headerContent || isMobile ? (\n            <div\n              className={cn(`${RC}__header`, {\n                [`${RC}__header-with-shadow`]: isScrollableList && isMobile,\n                [`${RC}__header-with-shadow-hidden`]: scrollTop === 0,\n              })}\n            >\n              {isMobile && (\n                <>\n                  <div className={cn(`${RC}__header-row`)}>\n                    <div className={cn(`${RC}__label`)}>{label}</div>\n                    <div\n                      className={cn(`${RC}__close-icon`)}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setIsOpen(false);\n                      }}\n                    >\n                      <X\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setIsOpen(false);\n                        }}\n                      />\n                    </div>\n                  </div>\n                  {getTotalOptions() >\n                    (minItemsForShowMobileSearch ||\n                      MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH) && (\n                    <div className={cn(`${RC}__header-row`)}>\n                      <Input\n                        className={`${RC}__input`}\n                        value={searchValue}\n                        onChange={(v) => setSearchValueInterceptor(v)}\n                        placeholder={mobileSearchPlaceholder || \"Search\"}\n                        withDelete\n                        onMouseDown={() => {\n                          if (!isOpen) {\n                            setIsOpen(true);\n                          }\n                        }}\n                        {...attributesOfNativeInput}\n                      />\n                    </div>\n                  )}\n                </>\n              )}\n              {headerContent && (\n                <div className={cn(`${RC}__header-row`)}>{headerContent}</div>\n              )}\n            </div>\n          ) : null}\n          {withSearchInputInList && (\n            <div className={cn(`${RC}__input-list-wrapper`)}>\n              {renderSearchInput()}\n            </div>\n          )}\n          {withCreateLogic &&\n          onOptionCreate &&\n          searchValue &&\n          filteredOptions.length &&\n          singleLevelOptions.every(\n            ({ label }) => label?.toLowerCase() !== searchValue?.toLowerCase(),\n          ) ? (\n            <div className={cn(`${RC}__creatable-helper`)}>\n              Select an option or create one\n            </div>\n          ) : null}\n\n          <div\n            ref={dropdownListRef}\n            className={`${RC}__list ${headerContent || isMobile ? `${RC}__list--with-header` : \"\"} ${\n              footerContent ? `${RC}__list--with-footer` : \"\"\n            }`}\n          >\n            {arrToPrint}\n            {filteredOptions.filter(({ value }) => value !== \"open_modal\")\n              ?.length === 0 &&\n            (!withCreateLogic || !searchValue) ? (\n              <div className={`${RC}__no-options`}>{noOptionsText}</div>\n            ) : null}\n          </div>\n          {(footerContent || isMobile) &&\n          filteredOptions.filter(({ value }) => value !== \"open_modal\")\n            ?.length > 0 ? (\n            <div\n              className={cn(`${RC}__footer`, {\n                [`${RC}__footer-with-shadow`]: isMobile && isScrollableList,\n                [`${RC}__footer-with-shadow-hidden`]:\n                  scrollTop === scrollHeight,\n              })}\n            >\n              {footerContent}\n              {isMobile && (\n                <button onClick={() => setIsOpen(false)}>\n                  Apply\n                  {chosenOptions?.length ? `(${chosenOptions?.length})` : \"\"}\n                </button>\n              )}\n            </div>\n          ) : null}\n          {editingOption &&\n            createPortal(\n              renderEditOptionModal(),\n              document.getElementById(\"app\") ?? document.body,\n            )}\n          {withCreateLogic &&\n            onOptionCreate &&\n            searchValue &&\n            singleLevelOptions.every(\n              ({ label }) =>\n                label?.toLowerCase() !== searchValue?.toLowerCase(),\n            ) && (\n              <div\n                className={cn(`${RC}__create-option`)}\n                onClick={onOptionCreateClick}\n              >\n                Create\n                <Tag\n                  label={searchValue}\n                  style={{ backgroundColor: randomColorForNewOption }}\n                  isNoDismiss\n                />\n              </div>\n            )}\n        </div>\n      </div>\n    );\n  };\n  const renderSearchInput = () => {\n    return (\n      <Input\n        ref={inputRef}\n        className={cn(`${RC}__input`, {\n          [`${RC}__input--in-list`]: withSearchInputInList,\n        })}\n        value={searchValue}\n        onChange={onSearchHandler}\n        placeholder={placeholder || \"Select from list\"}\n        attributesOfNativeInput={{\n          ...attributesOfNativeInput,\n          onKeyDown: (e) => {\n            if (\n              e.keyCode === 13 &&\n              withCreateLogic &&\n              onOptionCreate &&\n              singleLevelOptions.every(\n                ({ label }) =>\n                  label?.toLowerCase() !== searchValue?.toLowerCase(),\n              )\n            ) {\n              onOptionCreateClick();\n            }\n            onKeyPress(e, searchValue);\n          },\n          // onFocus: (e) => {\n          //   if (isMobile) e?.target?.blur();\n          // },\n        }}\n        {...(withCreateLogic ? { symbolsLimit: 50 } : {})}\n      />\n    );\n  };\n  const renderDropdownTrigger = useCallback(() => {\n    const renderDefaultDropdownTrigger = () => {\n      return (\n        <div\n          className={cn(`${RC}__trigger`, {\n            \"tags-dropdown__error\": error,\n            [`${RC}__trigger--with-actions`]: withActions,\n          })}\n          onClick={({ target }) => {\n            if (target?.tagName === \"INPUT\") {\n              setIsOpen(true);\n            } else if (isTargetInParent(target)) {\n              setIsOpen((isOpen) => !isOpen);\n            }\n          }}\n        >\n          {noTagsWrap ? (\n            <TagList\n              items={chosenOptions?.map((value, i) => {\n                const tag = singleLevelOptions?.find((el) => el.value == value);\n                const label = isValuesInTags\n                  ? tag?.value\n                  : tag?.label || tag?.name || tag?.title;\n                return {\n                  value,\n                  label,\n                  id: i,\n                  className: tag?.labelClassName,\n                  style: tag?.style,\n                };\n              })}\n              disableShowMore\n            />\n          ) : (\n            chosenOptions?.map((value) => {\n              const tag = singleLevelOptions?.find((el) => el.value == value);\n              const label = isValuesInTags\n                ? tag?.value\n                : tag?.label || tag?.name || tag?.title;\n              return (\n                <Tag\n                  key={value}\n                  className={cn(tagClassname, tag?.labelClassName, {\n                    \"tag_with-btn\": !tag?.isFreezed,\n                  })}\n                  label={label}\n                  style={tag?.style}\n                  removeItem={tag?.isFreezed ? null : () => deleteChosen(value)}\n                  isNoDismiss={false}\n                />\n              );\n            })\n          )}\n\n          {chosenOptions.length === 0 || !noTagsWrap ? renderSearchInput() : \"\"}\n          <span\n            className={cn(`${RC}__arrow`, { [`${RC}__arrow_active`]: isOpen })}\n          >\n            {isMobile ? (\n              <Code className=\"mobile-icon\" />\n            ) : isOpen ? (\n              <ChevronUp className=\"color--text\" />\n            ) : (\n              <ChevronDown className=\"color--text\" />\n            )}\n          </span>\n        </div>\n      );\n    };\n\n    return (\n      renderCustomTrigger?.({\n        chosenOptions,\n        singleLevelOptions,\n        deleteChosen,\n        inputRef,\n        onSearchHandler,\n        isOpen,\n        setIsOpen,\n      }) ?? renderDefaultDropdownTrigger()\n    );\n  }, [chosenOptions, singleLevelOptions, inputRef, isOpen]);\n  // --- RENDER FUNCTIONS END --- //\n\n  useLayoutEffect(() => {\n    initListContainer();\n\n    if (isDefaultOpened && !isMobileProp) setIsOpen(true);\n\n    return () => {\n      getListContainer()?.remove();\n      getListContainerWrapper()?.remove();\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isMobile) {\n      window.addEventListener(\"mousewheel\", closeList);\n      window.addEventListener(\"wheel\", closeList);\n      window.addEventListener(\"touchmove\", closeList);\n      window.addEventListener(\"mouseup\", handleClickOutside);\n    } else {\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"wheel\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n      window.removeEventListener(\"mouseup\", handleClickOutside);\n    }\n\n    getListContainer()?.addEventListener(\"click\", closeList);\n\n    return () => {\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"mouseup\", handleClickOutside);\n      window.removeEventListener(\"wheel\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n      getListContainer()?.removeEventListener(\"click\", closeList);\n    };\n  }, [getListContainer, isMobile]);\n\n  useLayoutEffect(() => {\n    if (isOpen) {\n      setListContainerStyles();\n      setEditOptionModalStyles();\n    }\n  }, [\n    isOpen,\n    optionsProp,\n    chosenOptions,\n    searchValue,\n    isMobile,\n    dropdownListWrapperRef?.current?.getBoundingClientRect()?.height,\n    recalculateListContainerStylesTrigger,\n  ]);\n\n  useEffect(() => {\n    if (\n      isUseLocalOptionsStore &&\n      chosenOptions.length !== Object.keys(localOptionsStore).length\n    ) {\n      options.map((option) => {\n        if (!localOptionsStore?.[option?.value]) {\n          setLocalOptionsStore((options) => ({\n            ...options,\n            [option?.value]: option?.label,\n          }));\n        }\n      });\n    }\n  }, [chosenOptions, isUseLocalOptionsStore]);\n\n  useEffect(() => {\n    const windowScrollEventHandler = (e) => {\n      setWindowScrollTop(window.scrollY);\n    };\n\n    const fn = isOpen ? \"addEventListener\" : \"removeEventListener\";\n    selectAllButtonRef?.current?.[fn](\"click\", selectAllItems, true);\n    unselectAllButtonRef?.current?.[fn](\"click\", unselectAllItems, true);\n\n    if (isOpen) {\n      if (!isMobile || !withMobileLogic)\n        window.removeEventListener(\"scroll\", windowScrollEventHandler);\n\n      if (customTriggerRef?.current) {\n        customTriggerRef.current.style.pointerEvents = \"none\";\n      }\n      getListContainer()?.classList.add(\"tags-dropdown__container--opened\");\n      if (!isMobile) {\n        inputRef?.current?.focus?.();\n      } else {\n        inputRef?.current?.blur?.();\n      }\n    } else {\n      if (!isMobile || !withMobileLogic)\n        window.addEventListener(\"scroll\", windowScrollEventHandler);\n\n      if (customTriggerRef?.current) {\n        customTriggerRef.current.style.pointerEvents = \"auto\";\n      }\n      getListContainer()?.classList.remove(\"tags-dropdown__container--opened\");\n      if (withSearchInputInList) setSearchValueInterceptor(\"\");\n      setListPos(null);\n      setSearchValue(\"\");\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const setScrollTopValue = (e) => {\n      setScrollTop(parseInt(e.target.scrollTop, 10));\n    };\n\n    const preventWindowScrolling = (e) => {\n      e.preventDefault();\n      window.scrollTo({ top: windowScrollTop });\n    };\n\n    if (isOpen && isMobile && dropdownListRef?.current) {\n      dropdownListRef?.current?.addEventListener(\"scroll\", setScrollTopValue);\n\n      setIsScrollableList(\n        dropdownListRef?.current?.scrollHeight >\n          dropdownListRef?.current?.clientHeight,\n      );\n\n      if (isScrollableList === null) {\n        setIsFixedMaxHeight(\n          dropdownListRef?.current?.scrollHeight >\n            dropdownListRef?.current?.clientHeight,\n        );\n      }\n    }\n\n    if (isOpen && dropdownListRef && dropdownListRef.current) {\n      dropdownListRef.current.addEventListener(\"scroll\", doScrollCallback);\n      if (!isMobile || !withMobileLogic)\n        window.addEventListener(\"scroll\", preventWindowScrolling);\n    }\n\n    return () => {\n      if (!isMobile || !withMobileLogic)\n        window.removeEventListener(\"scroll\", preventWindowScrolling);\n      dropdownListRef?.current?.removeEventListener(\"scroll\", doScrollCallback);\n      dropdownListRef?.current?.removeEventListener(\n        \"scroll\",\n        setScrollTopValue,\n      );\n    };\n  }, [\n    isOpen,\n    isMobile,\n    dropdownListRef?.current,\n    dropdownListRef?.current?.scrollHeight,\n    dropdownListRef?.current?.clientHeight,\n  ]);\n\n  useEffect(() => {\n    if (dropdownListRef?.current) {\n      setScrollHeight(\n        parseInt(\n          dropdownListRef?.current?.scrollHeight -\n            dropdownListRef?.current?.clientHeight,\n          10,\n        ),\n      );\n    }\n  }, [scrollTop, dropdownListRef?.current]);\n\n  useEffect(() => {\n    if (\n      isSearchable &&\n      useLiveSearch &&\n      (debouncedSearchTerm || isValueDeleted || isOpen)\n    ) {\n      doLiveSearchRequest?.(debouncedSearchTerm);\n    }\n  }, [isOpen, debouncedSearchTerm, isValueDeleted]);\n\n  useEffect(() => {\n    setOptions(optionsProp.map((option) => ({ ...option, ref: createRef() })));\n  }, [optionsProp]);\n\n  useEffect(() => {\n    if (editingOption) {\n      setEditOptionModalStyles();\n      editingOptionInputRef?.current?.focus?.();\n    }\n  }, [editingOption?.value]);\n\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_disabled`]: disabled,\n        [`${RC}-mobile`]: isMobile,\n        [`${RC}--focused`]: isOpen && !customTriggerRef?.current && !isMobile,\n        [`${RC}--custom-trigger`]: Boolean(customTriggerRef?.current),\n      })}\n      ref={dropdownRef}\n    >\n      {renderDropdownTrigger()}\n      {withActions && (\n        <div className={cn(`${RC}__actions`)}>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionConfirmClick}\n          >\n            <Check />\n          </div>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionCancelClick}\n          >\n            <X />\n          </div>\n        </div>\n      )}\n      {isOpen && renderListContainer()}\n    </div>\n  );\n};\nexport default TagsDropdown;\n"],"names":["RC","MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH","COLORS","TagsDropdown","options","optionsProp","chosenOptions","onChange","className","tagClassname","listClassName","onKeyPress","placeholder","label","disabled","isValuesInTags","error","isNotValidateASCII","noTagsWrap","headerContent","footerContent","selectAllButtonRef","unselectAllButtonRef","closeOnSelect","closeOnRemove","closeOnRemoveAll","closeOnSelectAll","closeOnSelectMobile","closeOnRemoveMobile","closeOnRemoveAllMobile","closeOnSelectAllMobile","fieldKey","id","noOptionsText","mobileSearchPlaceholder","isSearchable","useLiveSearch","doRequest","doLiveSearchRequest","attributesOfNativeInput","isUseLocalOptionsStore","isDefaultOpened","withMobileLogic","withCreateLogic","withActions","withSearchInputInList","renderOptionsAsTags","minItemsForShowMobileSearch","onOptionCreate","onOptionEdit","onOptionDelete","onActionConfirmClick","onActionCancelClick","onDropdownListClose","customTriggerRef","renderCustomTrigger","recalculateListContainerStylesTrigger","Object","dropdownListWrapperRef","dropdownListRef","inputRef","useRef","wrapperRef","dropdownRef","editOptionModalRef","isMobile","isMobileProp","useIsMobile","window","screen","width","dropdownId","useState","Math","random","toString","slice","isOpen","setIsOpen","windowScrollTop","setWindowScrollTop","listPos","setListPos","initListHeight","setInitListHeight","isScrollableList","setIsScrollableList","isFixedMaxHeight","setIsFixedMaxHeight","scrollTop","setScrollTop","scrollHeight","setScrollHeight","searchValueRef","searchValue","setSearchValue","debouncedSearchTerm","useDebounce","delay","isValueDeleted","setIsValueDeleted","setSearchValueInterceptor","value","current","editingOptionInputRef","setOptions","editingOption","setEditingOptionState","setEditingOption","data","isChanged","Boolean","isEditingOptionError","useMemo","filter","some","localOptionsStore","setLocalOptionsStore","randomColorForNewOption","getRandomIndex","min","max","floor","randomIndex","length","singleLevelOptions","reduce","acc","item","checkUniqAndPush","isExist","findIndex","push","groupName","list","map","keys","deleteChosen","undefined","getParentNode","document","querySelector","initListContainer","dropdownList","createElement","setAttribute","classList","add","addEventListener","e","target","getElementById","remove","dropdownMobileListWrapper","append","getListContainer","getListContainerWrapper","setListContainerStyles","getComputedStyle","selectorWrapper","listHeader","listFooter","listContainer","windowHeight","innerHeight","documentElement","clientHeight","body","height","left","top","getBoundingClientRect","getElementsByClassName","margin","parseInt","marginTop","replace","selectorWrapperHeight","maxSelectorWrapperHeight","dropdownListMaxHeightInPx","maxHeight","isNaN","toTop","toBottom","listPosition","style","minWidth","renderListContainer","lc","createPortal","getListMarkUp","onOptionCreateClick","newOption","backgroundColor","isEditable","ref","createRef","Promise","r","then","result","tempId","state","onChangeHandler","onOptionEditClick","preventDefault","stopPropagation","onOptionDeleteClick","saveEditingOption","option","tmp","setEditOptionModalStyles","modalSize","scrollX","scrollY","positionClasses","right","bottom","windowWidth","innerWidth","clientWidth","el","x","y","containerPosition","distanceToRight","distanceToBottom","values","xTranslate","yTranslate","transform","renderEditOptionModal","div","cn","Input","v","onKeyDown","keyCode","symbolsLimit","Button","variant","icon","Trash2","onClick","h3","color","Check","handleClickOutside","contains","closeList","isEqualNode","blur","isTargetInParent","tagName","parentNodclassName","indexOf","isItemMatchesSearch","isHiddenInList","title","toLowerCase","includes","prepareOptions","flat","getFilteredOptions","filteredGroupItems","getTotalOptions","useCallback","isFreezed","closeOnOptionSelect","onSearchHandler","name","inputValue","formatToOnlyASCIICodeText","onWrapperClick","selectAllItems","preparedOptions","unselectAllItems","find","doScrollCallback","round","getMarkupForElement","description","hightlightSearchValue","index","pre","span","substring","button","Tag","labelClassName","isNoDismiss","MoreHorizontal","customMobileIcon","CheckboxInput","filteredOptions","arrToPrint","concat","Date","now","X","withDelete","onMouseDown","renderSearchInput","every","renderDropdownTrigger","renderDefaultDropdownTrigger","TagList","items","i","tag","disableShowMore","removeItem","Code","ChevronUp","ChevronDown","useLayoutEffect","removeEventListener","useEffect","windowScrollEventHandler","fn","pointerEvents","focus","setScrollTopValue","preventWindowScrolling","scrollTo"],"mappings":";;;;+BA4xCA;;;eAAA;;;;+DApxCO;mEAEQ;0BACc;8BAStB;sCAEmC;6BACd;oEACJ;sEACE;8DACR;+DACC;4DACH;gEACI;QAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,mCAAmC;AAEzC,MAAMC,SAAS;IACb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,MAAMC,eAAe,CAAC,EACpBC,SAASC,WAAW,EACpBC,gBAAgB,EAAE,EAClBC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,aAAa,EACbC,aAAa,KAAO,CAAC,EACrBC,WAAW,EACXC,KAAK,EACLC,QAAQ,EACRC,cAAc,EACdC,KAAK,EACLC,qBAAqB,KAAK,EAC1BC,aAAa,KAAK,EAElBC,gBAAgB,IAAI,EACpBC,gBAAgB,IAAI,EACpBC,qBAAqB,IAAI,EACzBC,uBAAuB,IAAI,EAE3BC,gBAAgB,KAAK,EACrBC,gBAAgB,KAAK,EACrBC,mBAAmB,KAAK,EACxBC,mBAAmB,KAAK,EACxBC,sBAAsB,KAAK,EAC3BC,sBAAsB,KAAK,EAC3BC,yBAAyB,KAAK,EAC9BC,yBAAyB,KAAK,EAC9BC,QAAQ,EACRC,EAAE,EACFC,gBAAgB,sBAAsB,EACtCC,uBAAuB,EACvBC,eAAe,IAAI,EACnBC,aAAa,EACbC,WAAWC,mBAAmB,EAE9BC,0BAA0B,CAAC,CAAC,EAE5BC,yBAAyB,IAAI,EAC7BC,kBAAkB,KAAK,EACvBC,eAAe,EACfC,eAAe,EACfC,WAAW,EACXC,qBAAqB,EACrBC,mBAAmB,EACnBC,8BAA8B9C,gCAAgC,EAE9D+C,cAAc,EACdC,YAAY,EACZC,cAAc,EACdC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB,EAEnBC,gBAAgB,EAChBC,mBAAmB,EAEnBC,qCAAqC,EACtC;QA2FOC,cAy6BJC,uDAAAA,iCAqGAC,0BACAA;IAzmCF,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAMC,aAAaD,IAAAA,aAAM,EAAC;IAC1B,MAAME,cAAcF,IAAAA,aAAM,EAAC;IAC3B,MAAMF,kBAAkBE,IAAAA,aAAM,EAAC;IAC/B,MAAMG,qBAAqBH,IAAAA,aAAM,EAAC;IAClC,MAAMH,yBAAyBG,IAAAA,aAAM,EAAC;IAEtC,MAAM,EAAEI,UAAUC,YAAY,EAAE,GAAGC,IAAAA,oBAAW;IAC9C,MAAMF,WACJC,gBAAgBxB,mBAAmB0B,OAAOC,MAAM,CAACC,KAAK,IAAI;IAE5D,MAAM,CAACC,WAAW,GAAGC,IAAAA,eAAQ,EAC3BxC,MAAMD,YAAY0C,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;IAErD,MAAM,CAACC,QAAQC,UAAU,GAAGN,IAAAA,eAAQ,EAAC;IACrC,MAAM,CAACO,iBAAiBC,mBAAmB,GAAGR,IAAAA,eAAQ,EAAC;IAEvD,MAAM,CAACS,SAASC,WAAW,GAAGV,IAAAA,eAAQ,EAAC;IAEvC,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGZ,IAAAA,eAAQ,EAAC;IACrD,MAAM,CAACa,kBAAkBC,oBAAoB,GAAGd,IAAAA,eAAQ,EAAC;IACzD,MAAM,CAACe,kBAAkBC,oBAAoB,GAAGhB,IAAAA,eAAQ,EAAC;IAEzD,MAAM,CAACiB,WAAWC,aAAa,GAAGlB,IAAAA,eAAQ,EAAC;IAC3C,MAAM,CAACmB,cAAcC,gBAAgB,GAAGpB,IAAAA,eAAQ,EAAC;IAEjD,MAAMqB,iBAAiBhC,IAAAA,aAAM,EAAC;IAC9B,MAAM,CAACiC,aAAaC,eAAe,GAAGvB,IAAAA,eAAQ,EAAC;IAC/C,MAAMwB,sBAAsBC,IAAAA,wBAAW,EAAC;QAAEH;QAAaI,OAAO;IAAI;IAClE,MAAM,CAACC,gBAAgBC,kBAAkB,GAAG5B,IAAAA,eAAQ,EAAC;IAErD,MAAM6B,4BAA4B,CAACC;QACjCP,eAAeO;QACfF,kBAAkBN,gBAAgBQ,SAASA,UAAU;QACrDT,eAAeU,OAAO,GAAGD;IAC3B;IAEA,MAAME,wBAAwB3C,IAAAA,aAAM,EAAC;IACrC,MAAM,CAACzD,SAASqG,WAAW,GAAGjC,IAAAA,eAAQ,EAAC,EAAE;IACzC,MAAM,CAACkC,eAAeC,sBAAsB,GAAGnC,IAAAA,eAAQ,EAAC;IACxD,MAAMoC,mBAAmB,CAACC;QACxBF,sBAAsB,CAACD,gBACrB,CAACG,OACGA,OACA,wCACMH,0BAAAA,2BAAAA,gBAAiB,CAAC,GAClB,OAAOG,SAAS,aAAaA,iBAAAA,2BAAAA,KAAOH,iBAAiBG;gBACzDC,WAAWC,QAAQL;;IAG7B;IACA,MAAMM,uBAAuBC,IAAAA,cAAO,EAAC;QACnC,IAAI,CAACP,eAAe,OAAO;QAE3B,OAAOtG,QACJ8G,MAAM,CAAC,CAAC,EAAEZ,KAAK,EAAE,GAAKA,UAAUI,cAAcJ,KAAK,EACnDa,IAAI,CAAC,CAAC,EAAEtG,KAAK,EAAE,GAAKA,UAAU6F,cAAc7F,KAAK,IAChD,OACA;IACN,GAAG;QAACT;QAASsG;KAAc;IAC3B,MAAM,CAACU,mBAAmBC,qBAAqB,GAAG7C,IAAAA,eAAQ,EAAC,CAAC;IAE5D,MAAM8C,0BAA0BL,IAAAA,cAAO,EAAC;QACtC,MAAMM,iBAAiB,CAACC,KAAKC;YAC3B,OAAOhD,KAAKiD,KAAK,CAACjD,KAAKC,MAAM,KAAM+C,CAAAA,MAAMD,MAAM,CAAA,KAAMA;QACvD;QACA,MAAMG,cAAcJ,eAAe,GAAGrH,OAAO0H,MAAM,GAAG;QACtD,OAAO1H,MAAM,CAACyH,YAAY;IAC1B,uDAAuD;IACzD,GAAG;QAACvH,QAAQwH,MAAM;KAAC;IAEnB,MAAMC,qBAAqBzH,oBAAAA,8BAAAA,QAAS0H,MAAM,CACxC,CAACC,KAAKC;QACJ,MAAMC,mBAAmB,CAACF,KAAKC;YAC7B,MAAME,UAAUH,gBAAAA,0BAAAA,IAAKI,SAAS,CAAC,CAAC,EAAE7B,KAAK,EAAE,GAAKA,WAAU0B,iBAAAA,2BAAAA,KAAM1B,KAAK;YACnE,IAAI4B,YAAY,CAAC,GAAG;gBAClBH,GAAG,CAACG,QAAQ,GAAGF;YACjB,OAAO;gBACLD,IAAIK,IAAI,CAACJ;YACX;QACF;QACA,IAAIA,KAAKK,SAAS,EAAE;gBAClBL;aAAAA,aAAAA,KAAKM,IAAI,cAATN,iCAAAA,WAAWO,GAAG,CAAC,CAACP,OAASC,iBAAiBF,KAAKC;QACjD,OAAO;YACLC,iBAAiBF,KAAKC;QACxB;QAEA,OAAOD;IACT,GACAvF,0BACIiB,eAAAA,OAAO+E,IAAI,CAACpB,gCAAZ3D,mCAAAA,aAAgC8E,GAAG,CAAC,CAACjC,QAAW,CAAA;YAC9CA;YACAzF,KAAK,EAAEuG,8BAAAA,wCAAAA,iBAAmB,CAACd,MAAM;QACnC,CAAA,KACA,EAAE;IAGR,MAAMmC,eAAe,CAACnC;QACpB,IAAIrC,WAAWrC,sBAAsBJ,eAAesD,UAAU;QAE9D,IAAItC,wBAAwB;YAC1B6E,qBAAqB,CAACjH,UAAa,wCAC9BA;oBACH,CAACkG,MAAM,EAAEoC;;QAEb;QAEAnI,SACED,cAAc4G,MAAM,CAAC,CAACc,OAASA,SAAS1B,QACxC;IAEJ;IAEA,4CAA4C;IAC5C,MAAMqC,gBAAgB;YAElBC,yBAAAA;QADF,OACEA,CAAAA,OAAAA,CAAAA,0BAAAA,SAASC,aAAa,CAAC,yBAAvBD,qCAAAA,0BACAA,SAASC,aAAa,CAAC,wBADvBD,kBAAAA,OAEAA,SAASC,aAAa,CAAC;IAE3B;IACA,MAAMC,oBAAoB;QACxB,MAAMC,eAAeH,SAASI,aAAa,CAAC;QAE5CD,aAAaE,YAAY,CAAC,MAAM1E;QAChCwE,aAAaG,SAAS,CAACC,GAAG,CAAC;QAC3BzI,iBAAiBqI,aAAaG,SAAS,CAACC,GAAG,CAACzI;QAE5C,IAAIuD,UAAU;YACZ8E,aAAaK,gBAAgB,CAAC,SAAS,CAACC;gBACtC,IAAIA,EAAEC,MAAM,CAACtH,EAAE,KAAKuC,YAAYO,UAAU;YAC5C;QACF;QAEA,IAAIb,UAAU;gBAUZ0E;YATA,IAAI;oBACFC;iBAAAA,2BAAAA,SAASW,cAAc,CAAC,CAAC,IAAI,EAAEhF,YAAY,eAA3CqE,+CAAAA,yBAA8CY,MAAM;YACpD,oCAAoC;YACtC,EAAE,OAAOH,GAAG,CAAC;YAEb,MAAMI,4BAA4Bb,SAASI,aAAa,CAAC;YACzDS,0BAA0BP,SAAS,CAACC,GAAG,CAAC;YACxCM,0BAA0BR,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE1E,YAAY;YAChEkF,sCAAAA,gDAAAA,0BAA2BC,MAAM,CAACX;aAClCJ,iBAAAA,6BAAAA,qCAAAA,eAAiBe,MAAM,CAACD;QAC1B,OAAO;gBACLd;aAAAA,kBAAAA,6BAAAA,sCAAAA,gBAAiBe,MAAM,CAACX;QAC1B;IACF;IACA,MAAMY,mBAAmB;QACvB,OAAOf,SAASW,cAAc,CAAChF;IACjC;IACA,MAAMqF,0BAA0B;QAC9B,OAAOhB,SAASW,cAAc,CAAC,CAAC,IAAI,EAAEhF,YAAY;IACpD;IACA,MAAMsF,yBAAyB;YAW3B9F,sBAcA+F,6BAAAA,mBAKAC,wCAGCC,mCACAC;QAjCH,MAAMC,gBAAgBP;QAEtB,IAAI,CAACO,iBAAiB,CAACrF,QAAQ,OAAO;QAEtC,MAAMsF,eACJ/F,OAAOgG,WAAW,IAClBxB,SAASyB,eAAe,CAACC,YAAY,IACrC1B,SAAS2B,IAAI,CAACD,YAAY;YAG1BvG;QADF,MAAM,EAAEO,KAAK,EAAEkG,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAE,GAChC3G,CAAAA,6CAAAA,wBAAAA,mCAAAA,uBAAAA,YAAawC,OAAO,cAApBxC,2CAAAA,qBAAsB4G,qBAAqB,gBAA3C5G,wDAAAA,6CAAiD,CAAC;QAEpD,MAAMgG,kBAAkBrG,mCAAAA,6CAAAA,uBAAwB6C,OAAO;QACvD,MAAMwC,eAAemB,cAAcU,sBAAsB,CACvD,sBACD,CAAC,EAAE;QACJ,MAAMZ,aAAaD,4BAAAA,sCAAAA,gBAAiBa,sBAAsB,CACxD,wBACD,CAAC,EAAE;QACJ,MAAMX,aAAaF,4BAAAA,sCAAAA,gBAAiBa,sBAAsB,CACxD,wBACD,CAAC,EAAE;YAGFd;QADF,MAAMe,SAASC,SACbhB,CAAAA,uCAAAA,oBAAAA,iBAAiBC,8BAAjBD,yCAAAA,8BAAAA,kBAAmCiB,SAAS,cAA5CjB,kDAAAA,4BAA8CkB,OAAO,CAAC,MAAM,iBAA5DlB,iDAAAA,sCAAmE,GACnE;QAGF,IAAImB,wBACFlB,4BAAAA,uCAAAA,yCAAAA,gBAAiBY,qBAAqB,gBAAtCZ,6DAAAA,uCAA0CS,MAAM;YAG/CR,0CACAC;QAHH,MAAMiB,2BACJ,MACClB,CAAAA,CAAAA,2CAAAA,uBAAAA,kCAAAA,oCAAAA,WAAYW,qBAAqB,gBAAjCX,wDAAAA,kCAAqCQ,MAAM,cAA3CR,sDAAAA,2CAA+C,CAAA,IAC/CC,CAAAA,CAAAA,2CAAAA,uBAAAA,kCAAAA,oCAAAA,WAAYU,qBAAqB,gBAAjCV,wDAAAA,kCAAqCO,MAAM,cAA3CP,sDAAAA,2CAA+C,CAAA;QAElD,IAAI,CAAChG,YAAY,CAACvB,iBAAiB;gBAE/BoH,oBAcGxG,iDAAAA;YAfL,MAAM6H,6BACJrB,qBAAAA,iBAAiBf,2BAAjBe,yCAAAA,mBAAgCsB,SAAS;gBAGhCD;YAFX,MAAMC,YACJjG,2BAAAA,4BAAAA,iBACA2F,SAASK,CAAAA,qCAAAA,sCAAAA,gDAAAA,0BAA2BH,OAAO,CAAC,MAAM,iBAAzCG,gDAAAA,qCAAgD,GAAG;YAE9D,IAAIhG,mBAAmB,QAAQ,CAACkG,MAAMD,YACpChG,kBAAkBgG;YAEpB,IAAIH,wBAAwBG,aAAa,CAACC,MAAMD,YAC9CH,wBAAwBG,YAAY,IAAIP;gBAKrCvH;YAHL,MAAMgI,QAAQ/H,sBACVmH,MACAG,SACCvH,CAAAA,CAAAA,yDAAAA,6BAAAA,wCAAAA,4BAAAA,iBAAkBiD,OAAO,cAAzBjD,iDAAAA,kDAAAA,0BAA2BqH,qBAAqB,gBAAhDrH,sEAAAA,gDAAoDkH,MAAM,cAA1DlH,oEAAAA,yDAA8D,CAAA,IAC/DoH,MAAMG;YACV,MAAMU,WAAWpB,eAAeO,MAAMF,SAASK,SAAS;YAExD,IAAIW,eAAevG;YAEnB,IAAI,CAACA,WAAW7E,QAAQwH,MAAM,EAAE;gBAC9B4D,eACEF,QAAQC,YAAYA,YAAYN,wBAC5B,WACA;gBACN/F,WAAWsG;YACb;YAEA,IAAIP,wBAAyBO,CAAAA,iBAAiB,QAAQF,QAAQC,QAAO,GAAI;gBACvEN,wBACE,AAACO,CAAAA,iBAAiB,QAAQF,QAAQC,QAAO,IAAK,IAAIV;gBAEpD,IAAII,wBAAwB,KAAK;oBAC/BA,wBAAwB;gBAC1B;gBAEAlB,gBAAgB0B,KAAK,CAACL,SAAS,GAAG,GAAGH,sBAAsB,EAAE,CAAC;YAChE;YAEAf,cAAcuB,KAAK,CAACC,QAAQ,GAAG,GAAGpH,MAAM,EAAE,CAAC;YAC3C4F,cAAcuB,KAAK,CAAChB,IAAI,GAAG,GAAGA,KAAK,EAAE,CAAC;YACtCP,cAAcuB,KAAK,CAACf,GAAG,GAAG,GAAGc,iBAAiB,WAAWd,MAAMF,SAASE,MAAMO,wBAAwB,IAAIJ,OAAO,EAAE,CAAC;QACtH,OAAO;YACL9B,aAAa0C,KAAK,CAACL,SAAS,GAAG,GAAGF,yBAAyB,EAAE,CAAC;QAChE;IACF;IACA,MAAMS,sBAAsB;QAC1B,MAAMC,KAAKjC;QAEX,IAAI,CAACiC,IAAI,OAAO;QAEhB,gDAAgD;QAChD,qBAAOC,IAAAA,sBAAY,EAACC,iBAAiBF;IACvC;IACA,0CAA0C;IAE1C,mCAAmC;IACnC,MAAMG,sBAAsB;QAC1B,MAAMC,YAAY;YAChBnL,OAAOiF;YACP2F,OAAO;gBACLQ,iBAAiB3E;YACnB;YACA4E,YAAY;YACZC,mBAAKC,IAAAA,gBAAS;QAChB;YAEA,sDAAsD;QACrDpJ;QAAAA,CAAAA,CAAAA,kBAAAA,2BAAAA,qCAAAA,eAAiBgJ,wBAAjBhJ,6BAAAA,kBAA+B,IAAIqJ,QAAQ,CAACC,IAAMA,IAAG,EAAGC,IAAI,CAAC,CAACC;YAC7D,MAAMC,SAAShI,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;gBAE9B4H;YAAlBR,UAAU1F,KAAK,GAAGkG,CAAAA,aAAAA,mBAAAA,6BAAAA,OAAQxK,EAAE,cAAVwK,wBAAAA,aAAcC;YAEhChG,WAAW,CAACiG,QAAU;uBAAIA;oBAAOV;iBAAU;YAC3CjG,eAAe;YACf4G,gBAAgBX;QAClB;IACF;IACA,MAAMY,oBAAoB,CAACvD,GAAGrB;QAC5BqB,cAAAA,wBAAAA,EAAGwD,cAAc;QACjBxD,cAAAA,wBAAAA,EAAGyD,eAAe;QAElBlG,iBAAiBF,CAAAA,0BAAAA,oCAAAA,cAAeJ,KAAK,OAAK0B,iBAAAA,2BAAAA,KAAM1B,KAAK,IAAG,OAAO0B;IACjE;IACA,MAAM+E,sBAAsB;YAC1B,sDAAsD;QACrD7J;QAAAA,CAAAA,CAAAA,kBAAAA,2BAAAA,qCAAAA,eAAiBwD,4BAAjBxD,6BAAAA,kBAAmC,IAAImJ,QAAQ,CAACC,IAAMA,IAAG,EAAGC,IAAI,CAAC;YAChE9D,aAAa/B,0BAAAA,oCAAAA,cAAeJ,KAAK;YAEjCG,WAAW,CAACrG,UACVA,QAAQ8G,MAAM,CAAC,CAAC,EAAEZ,KAAK,EAAE,GAAKA,WAAUI,0BAAAA,oCAAAA,cAAeJ,KAAK;YAE9DM,iBAAiB;QACnB;IACF;IACA,MAAMoG,oBAAoB;QACxB,IAAI,EAACtG,0BAAAA,oCAAAA,cAAeI,SAAS,KAAIE,sBAAsB;YACrDJ,iBAAiB;YACjB,OAAO;QACT;QAEA3D,yBAAAA,mCAAAA,aAAeyD;QAEfD,WAAW,CAACrG,UACVA,QAAQmI,GAAG,CAAC,CAAC0E;gBACX,IAAIvG,iBAAiBuG,OAAO3G,KAAK,MAAKI,0BAAAA,oCAAAA,cAAeJ,KAAK,GAAE;oBAC1D,MAAM4G,MAAM,mBAAKxG;oBACjBE,iBAAiB;oBACjB,OAAOsG;gBACT;gBACA,OAAOD;YACT;IAEJ;IAEA,MAAME,2BAA2B;YAuBpBzG,oBAIThD;QA1BF,IAAI,CAACgD,iBAAiB,EAAC1C,+BAAAA,yCAAAA,mBAAoBuC,OAAO,GAAE,OAAO;QAE3D,MAAM6G,YAAY;QAClB,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGlJ;QAE7B,MAAMmJ,kBAAkB;YACtB9C,MAAM;YACN+C,OAAO;YACP9C,KAAK;YACL+C,QAAQ;QACV;QAEA,MAAMC,cACJtJ,OAAOuJ,UAAU,IACjB/E,SAASyB,eAAe,CAACuD,WAAW,IACpChF,SAAS2B,IAAI,CAACqD,WAAW;QAE3B,MAAMzD,eACJ/F,OAAOgG,WAAW,IAClBxB,SAASyB,eAAe,CAACC,YAAY,IACrC1B,SAAS2B,IAAI,CAACD,YAAY;QAE5B,MAAMuD,KAAKnH,0BAAAA,qCAAAA,qBAAAA,cAAeyF,GAAG,cAAlBzF,yCAAAA,mBAAoBH,OAAO;YACNsH;QAAhC,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAEzJ,KAAK,EAAEkG,MAAM,EAAE,GAAGqD,CAAAA,4BAAAA,eAAAA,yBAAAA,GAAIlD,qBAAqB,gBAAzBkD,uCAAAA,4BAA+B,CAAC;QAEhE,MAAMG,oBACJtK,mCAAAA,8CAAAA,kCAAAA,uBAAwB6C,OAAO,cAA/B7C,sDAAAA,gCAAiCiH,qBAAqB;QAExD,MAAMsD,kBACJP,eAAcM,8BAAAA,wCAAAA,kBAAmBF,CAAC,KAAGE,8BAAAA,wCAAAA,kBAAmB1J,KAAK;QAC/D,MAAM4J,mBAAmB/D,eAAe4D,IAAIT,UAAU9C;QAEtD/G,OAAO0K,MAAM,CAACZ,iBAAiBhF,GAAG,CAAC,CAAC/H,YAClCwD,mBAAmBuC,OAAO,CAAC2C,SAAS,CAACM,MAAM,CAAChJ;YAI5C+M;QADFvJ,mBAAmBuC,OAAO,CAAC2C,SAAS,CAACC,GAAG,CACtCoE,CAAAA,oBAAAA,4BAAAA,sCAAAA,eAAiB,CAACU,kBAAkBb,YAAY,SAAS,QAAQ,cAAjEG,+BAAAA,oBAAqE;YAIrEA;QADFvJ,mBAAmBuC,OAAO,CAAC2C,SAAS,CAACC,GAAG,CACtCoE,CAAAA,qBAAAA,4BAAAA,sCAAAA,eAAiB,CAACW,mBAAmBd,YAAY,QAAQ,SAAS,cAAlEG,gCAAAA,qBAAsE;QAGxE,MAAMa,aACJH,kBAAkBb,YAAY,sBAAsB;QACtD,MAAMiB,aACJH,mBAAmBd,YAAY,CAAC,aAAa,EAAE5C,SAAS,GAAG,GAAG,CAAC,GAAG;QAEpExG,mBAAmBuC,OAAO,CAACkF,KAAK,CAAChB,IAAI,GAAG,GAAGqD,IAAIT,UAAU/I,MAAM,EAAE,CAAC;QAClEN,mBAAmBuC,OAAO,CAACkF,KAAK,CAACf,GAAG,GAAG,GAAGqD,IAAIT,UAAU9C,OAAO,EAAE,CAAC;QAClExG,mBAAmBuC,OAAO,CAACkF,KAAK,CAAC6C,SAAS,GAAG,CAAC,UAAU,EAAEF,WAAW,EAAE,EAAEC,WAAW,CAAC,CAAC;IACxF;IACA,MAAME,wBAAwB;QAC5B,qBACE,sBAACC;YAECrC,KAAKnI;YACLxD,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,mBAAmB,CAAC;;8BAExC,sBAACwO;oBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,2BAA2B,CAAC;;sCACnD,qBAAC0O,cAAK;4BACJpI,OAAOI,cAAc7F,KAAK;4BAC1BN,UAAU,CAACoO,IACT/H,iBAAiB,CAAC8F,QAAW,wCAAKA;wCAAO7L,OAAO8N;;4BAElD3N,OAAOgG;4BACP4H,WAAW,CAACC;gCACV,IAAIA,YAAY,IAAI7B;4BACtB;4BACA8B,cAAa;4BACb3C,KAAK3F;;sCAEP,qBAACuI,eAAM;4BACLC,SAAQ;4BACRC,oBAAM,qBAACC,oBAAM;4BACbrO,OAAM;4BACNsO,SAASpC;;;;8BAGb,qBAACyB;oBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,mCAAmC,CAAC;;8BAC7D,sBAACwO;oBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,2BAA2B,CAAC;;sCACnD,qBAACoP;sCAAG;;sCACJ,qBAACZ;4BAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,kCAAkC,CAAC;sCACzDE,OAAOqI,GAAG,CAAC,CAAC8G;oCAeR3I;qDAdH,qBAAC8H;oCAEChO,WAAU;oCACViL,OAAO;wCAAEQ,iBAAiBoD;oCAAM;oCAChCF,SAAS,IACPvI,iBAAiB,CAAC8F,QAAW,wCACxBA;gDACHjB,OAAO,wCACFiB,MAAMjB,KAAK;oDACdQ,iBAAiBoD;;;8CAKtB3I,CAAAA,0BAAAA,qCAAAA,uBAAAA,cAAe+E,KAAK,cAApB/E,2CAAAA,qBAAsBuF,eAAe,MAAKoD,sBACzC,qBAACC,mBAAK,QACJ;mCAfCD;;;;;;WA9BR,CAAC,eAAe,EAAE3I,0BAAAA,oCAAAA,cAAeJ,KAAK,EAAE;IAoDnD;IACA,iCAAiC;IAEjC,qCAAqC;IACrC,MAAMiJ,qBAAqB,CAAClG;YAKvBM,mBAWA3F;QAfH,MAAM,EAAEsF,MAAM,EAAE,GAAGD;QAEnB,IACExE,UACA,GAAC8E,oBAAAA,gCAAAA,wCAAAA,kBAAoB6F,QAAQ,CAAClG,YAC9B,CAACtF,mBAAmBuC,OAAO,EAK3B;YACAzB,UAAU;YACVzB,gCAAAA,0CAAAA,oBAAsBgG;QACxB,OAAO,IACLrF,mBAAmBuC,OAAO,IAC1B,GAACvC,8BAAAA,mBAAmBuC,OAAO,cAA1BvC,kDAAAA,4BAA4BwL,QAAQ,CAAClG,UACtC;gBAEGV,mCAAAA,0BAAAA,2BAAAA;YADH,IACE,GAACA,YAAAA,sBAAAA,iCAAAA,4BAAAA,UACGW,cAAc,cADjBX,iDAAAA,2BAAAA,+BAAAA,WACoB,CAAC,WAAW,EAAElC,0BAAAA,oCAAAA,cAAeJ,KAAK,EAAE,eADxDsC,gDAAAA,oCAAAA,yBAEG4G,QAAQ,cAFX5G,wDAAAA,uCAAAA,0BAEcU,UAEf0D;QACJ;IACF;IACA,MAAMyC,YAAY,CAACpG;YAE6BzF;QAD9C2L,mBAAmBlG;QACnB,IAAI,CAACA,EAAEC,MAAM,CAACoG,WAAW,CAAC9L,qBAAAA,+BAAAA,SAAU2C,OAAO,GAAG3C,qBAAAA,gCAAAA,oBAAAA,SAAU2C,OAAO,cAAjB3C,wCAAAA,kBAAmB+L,IAAI;IACvE;IACA,MAAMC,mBAAmB,CAACtG;YAWtBA,2BAAAA,mBACAA,4BAAAA;QAXF,IACE,CAACA,mBAAAA,6BAAAA,OAAQuG,OAAO,MAAK,SACnBvG,CAAAA,mBAAAA,6BAAAA,OAAQwG,kBAAkB,MAAK,iBACjCxG,CAAAA,mBAAAA,6BAAAA,OAAQuG,OAAO,MAAK,QAEpB,OAAO;QAET,IACE,CAACvG,mBAAAA,6BAAAA,OAAQuG,OAAO,MAAK,SACnBvG,CAAAA,mBAAAA,6BAAAA,OAAQwG,kBAAkB,MAAK,iBACjCxG,CAAAA,mBAAAA,8BAAAA,oBAAAA,OAAQ9I,SAAS,cAAjB8I,yCAAAA,4BAAAA,kBAAmByG,OAAO,cAA1BzG,gDAAAA,+BAAAA,mBAA6B,mBAAkB,CAAC,KAChDA,CAAAA,mBAAAA,8BAAAA,qBAAAA,OAAQ9I,SAAS,cAAjB8I,0CAAAA,6BAAAA,mBAAmByG,OAAO,cAA1BzG,iDAAAA,gCAAAA,oBAA6B,yBAAwB,CAAC,KACtDA,CAAAA,mBAAAA,6BAAAA,OAAQ9I,SAAS,CAACuP,OAAO,CAAC,GAAG/P,GAAG,SAAS,CAAC,OAAM,CAAC,KACjDsJ,CAAAA,mBAAAA,6BAAAA,OAAQ9I,SAAS,MAAK,wBAEtB,OAAO;QAET,OAAO;IACT;IACA,MAAMwP,sBAAsB,CAAChI;QAC3B,IAAIA,KAAKiI,cAAc,EAAE,OAAO;QAEhC,MAAMC,QAAQlI,KAAKkI,KAAK,IAAIlI,KAAKnH,KAAK;QACtC,OAAOiF,YAAY8B,MAAM,GACrBsI,kBAAAA,4BAAAA,MAAOC,WAAW,GAAGC,QAAQ,CAACtK,CAAAA,wBAAAA,kCAAAA,YAAaqK,WAAW,OAAM,MAC5D;IACN;IACA,mCAAmC;IAEnC,MAAME,iBAAiB,CAACjQ;QACtB,OAAOA,oBAAAA,8BAAAA,QACHmI,GAAG,CAAC,CAAC0E,SAAYA,CAAAA,mBAAAA,6BAAAA,OAAQ5E,SAAS,IAAG4E,mBAAAA,6BAAAA,OAAQ3E,IAAI,GAAG2E,QACrDqD,IAAI;IACT;IACA,MAAMC,qBAAqB,CAACnQ,UAC1BA,oBAAAA,8BAAAA,QAAS0H,MAAM,CAAC,CAAC0E,QAAQS;YACvB,IAAIA,OAAO5E,SAAS,EAAE;oBACO4E;gBAA3B,MAAMuD,qBAAqBvD,mBAAAA,8BAAAA,eAAAA,OAAQ3E,IAAI,cAAZ2E,mCAAAA,aAAc/F,MAAM,CAAC,CAACc,OAC/CgI,oBAAoBhI;gBAGtB,IAAIwI,+BAAAA,yCAAAA,mBAAoB5I,MAAM,EAAE;oBAC9B4E,OAAOpE,IAAI,CAAC,wCACP6E;wBACH3E,MAAMkI;;gBAEV;YACF,OAAO,IAAIR,oBAAoB/C,SAAS;gBACtCT,OAAOpE,IAAI,CAAC6E;YACd;YAEA,OAAOT;QACT,GAAG,EAAE;IACP,MAAMiE,kBAAkBC,IAAAA,kBAAW,EAAC;QAClC,OAAOtQ,oBAAAA,8BAAAA,QAAS0H,MAAM,CAAC,CAAC0E,QAAQxE;YAC9B,IAAIA,iBAAAA,2BAAAA,KAAMM,IAAI,EAAE;oBACJN;gBAAVwE,UAAUxE,CAAAA,iBAAAA,4BAAAA,aAAAA,KAAMM,IAAI,cAAVN,iCAAAA,WAAYJ,MAAM,KAAI;YAClC,OAAO;gBACL,EAAE4E;YACJ;YAEA,OAAOA;QACT,GAAG;IACL,GAAG;QAACpM;KAAQ;IAEZ,MAAMuM,kBAAkB,CAAC3E;QACvB,IAAIA,iBAAAA,2BAAAA,KAAM2I,SAAS,EAAE,OAAO;QAC5B,IAAI3I,CAAAA,iBAAAA,2BAAAA,KAAM4I,mBAAmB,MAAKlI,WAAW;YAC3C,IAAIV,KAAK4I,mBAAmB,EAAE9L,UAAU;QAC1C,OAAO,IAAIb,WAAWtC,sBAAsBJ,eAAeuD,UAAU;QACrEuB,0BAA0B;QAE1B,IAAI/F,cAAc6G,IAAI,CAAC,CAAC0G,KAAOA,OAAO7F,KAAK1B,KAAK,GAAG;YACjDmC,aAAaT,KAAK1B,KAAK;YACvB,OAAO;QACT;QAEA,IAAI9D,wBAAwB;YAC1B6E,qBAAqB,CAACjH,UAAa,wCAC9BA;oBACH,CAAC4H,iBAAAA,2BAAAA,KAAM1B,KAAK,CAAC,EAAE0B,iBAAAA,2BAAAA,KAAMnH,KAAK;;QAE9B;QAEAN,SAAS;eAAID;YAAe0H,KAAK1B,KAAK;SAAC,EAAE;QACzC,OAAO;IACT;IACA,MAAMuK,kBAAkB,CAACC;QACvB,IAAIC,aAAaD;QACjB,IAAI,CAAC7P,oBAAoB8P,aAAaC,IAAAA,+CAAyB,EAACD;QAChE1K,0BAA0B0K;IAC5B;IACA,MAAME,iBAAiB,CAAC5H;QACtB,IAAIA,EAAEC,MAAM,MAAKxF,uBAAAA,iCAAAA,WAAYyC,OAAO,GAAE;YACpC8C,EAAEyD,eAAe;YACjBzD,EAAEwD,cAAc;YAEhB/H,UAAU;QACZ;IACF;IACA,MAAMoM,iBAAiB;YACGb;QAAxB,MAAMc,mBAAkBd,kBAAAA,eAAejQ,sBAAfiQ,sCAAAA,gBAAyBnJ,MAAM,CACrD,CAAC,EAAEyJ,SAAS,EAAErK,KAAK,EAAE,GACnB,CAACqK,aAAa,EAACrQ,0BAAAA,oCAAAA,cAAe8P,QAAQ,CAAC9J,WAAUA,UAAU;QAG/D,IAAI9D,wBAAwB;YAC1B6E,qBAAqB,CAACjH,UACpB+Q,4BAAAA,sCAAAA,gBAAiBrJ,MAAM,CAAC,CAAC0E,QAAQ,EAAElG,KAAK,EAAEzF,KAAK,EAAE;oBAC/C2L,MAAM,CAAClG,MAAM,GAAGzF;oBAChB,OAAO2L;gBACT,GAAGpM;QAEP;QAEAG,SACE;eAAID;eAAmB6Q,CAAAA,4BAAAA,sCAAAA,gBAAiB5I,GAAG,CAAC,CAAC,EAAEjC,KAAK,EAAE,GAAKA,WAAU,EAAE;SAAE,EACzE;QAEF,IAAIrC,WAAWnC,yBAAyBJ,kBAAkBoD,UAAU;IACtE;IACA,MAAMsM,mBAAmB;QACvB,IAAI5O,wBAAwB6E,qBAAqB,CAAC;QAClD9G,SACED,0BAAAA,oCAAAA,cAAe4G,MAAM,CACnB,CAACc;gBACCqI,sBAAAA;oBAAAA,kBAAAA,eAAejQ,sBAAfiQ,uCAAAA,uBAAAA,gBAAyBgB,IAAI,CAAC,CAAC,EAAE/K,KAAK,EAAE,GAAKA,UAAU0B,mBAAvDqI,2CAAAA,qBACIM,SAAS;YAEjB;QAEF,IAAI1M,WAAWpC,yBAAyBJ,kBAAkBqD,UAAU;IACtE;IACA,MAAMwM,mBAAmBZ,IAAAA,kBAAW,EAClC,CAACrH;QACC,IAAI/G,uBAAuB,OAAOA,wBAAwB,YAAY;YACpE,IACEmC,KAAK8M,KAAK,CAAClI,EAAEC,MAAM,CAACgB,YAAY,GAAGjB,EAAEC,MAAM,CAAC7D,SAAS,KACrD4D,EAAEC,MAAM,CAAC3D,YAAY,EACrB;gBACArD,oBAAoBuD,eAAeU,OAAO,EAAE;YAC9C;QACF;IACF,GACA;QAACnG;KAAQ;IAGX,oCAAoC;IAEpC,MAAMoR,sBAAsB,CAACxJ;QAC3B,MAAM,EAAEyJ,WAAW,EAAE,GAAGzJ;QACxB,MAAMkI,QAAQlI,KAAKkI,KAAK,IAAIlI,KAAKnH,KAAK;QAEtC,MAAM6Q,wBAAwB,CAACxB;gBACfA;YAAd,MAAMyB,QAAQzB,kBAAAA,6BAAAA,qBAAAA,MAAOC,WAAW,gBAAlBD,yCAAAA,mBAAsBH,OAAO,CAACjK,wBAAAA,kCAAAA,YAAaqK,WAAW;YAEpE,IAAIwB,UAAU,CAAC,GAAG,OAAOzB;YAEzB,qBACE,sBAAC0B;gBAAIpR,WAAU;;kCACb,qBAACqR;kCAAM3B,MAAM4B,SAAS,CAAC,GAAGH;;kCAC1B,qBAACE;wBAAKrR,WAAU;kCACb0P,MAAM4B,SAAS,CAACH,OAAOA,SAAQ7L,wBAAAA,kCAAAA,YAAa8B,MAAM;;kCAErD,qBAACiK;kCAAM3B,MAAM4B,SAAS,CAACH,SAAQ7L,wBAAAA,kCAAAA,YAAa8B,MAAM;;;;QAGxD;YAqEQI;QAnER,qBACE,sBAAC+J;YACC5F,GAAG,EAAEnE,iBAAAA,2BAAAA,KAAMmE,GAAG;YAEdgD,SAAS,CAAC9F;gBACRA,EAAEwD,cAAc;gBAChBxD,EAAEyD,eAAe;gBACjBH,gBAAgB3E;YAClB;YACAxH,WAAWiO,IAAAA,mBAAE,EACX,GAAGzO,GAAG,WAAW,CAAC,EAClB;gBACE,CAAC,GAAGA,GAAG,kBAAkB,CAAC,CAAC,EAAEM,0BAAAA,oCAAAA,cAAe6G,IAAI,CAC9C,CAACb,QAAUA,UAAU0B,KAAK1B,KAAK;YAEnC,GACA;gBAAE,CAAC,GAAGtG,GAAG,oBAAoB,CAAC,CAAC,EAAEgI,KAAKlH,QAAQ;YAAC,GAC/C;gBAAE,CAAC,GAAGd,GAAG,mBAAmB,CAAC,CAAC,EAAEgI,iBAAAA,2BAAAA,KAAM2I,SAAS;YAAC,GAChD;gBACE,CAAC,GAAG3Q,GAAG,oBAAoB,CAAC,CAAC,EAAEgI,CAAAA,iBAAAA,2BAAAA,KAAM1B,KAAK,OAAKI,0BAAAA,oCAAAA,cAAeJ,KAAK;YACrE,GACA0B,KAAKxH,SAAS;;gBAGf,CAACyD,0BACA,qBAAC4N;oBACCrR,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,aAAa,CAAC,EAAE;wBAClC,CAAC,GAAGA,GAAG,oBAAoB,CAAC,CAAC,EAAEM,0BAAAA,oCAAAA,cAAe6G,IAAI,CAChD,CAACb,QAAUA,UAAU0B,KAAK1B,KAAK;oBAEnC;8BAEA,cAAA,qBAACgJ,mBAAK;wBAAChL,OAAO;wBAAIkG,QAAQ;wBAAIhK,WAAU;;;8BAG5C,sBAACgO;oBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,gBAAgB,CAAC;;wBACvC8C,oCACC,qBAACkP,YAAG;4BAEFxR,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,iBAAiB,CAAC,EAAEgI,iBAAAA,2BAAAA,KAAMiK,cAAc,EAAE;gCAC5D,gBAAgB,EAACjK,iBAAAA,2BAAAA,KAAM2I,SAAS;4BAClC;4BACA9P,OAAO6Q,sBAAsBxB;4BAC7BzE,KAAK,EAAEzD,iBAAAA,2BAAAA,KAAMyD,KAAK;4BAClByG,WAAW;2BANNlK,iBAAAA,2BAAAA,KAAM1B,KAAK,kBASlB,qBAACuL;4BAAKrR,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,iBAAiB,CAAC,EAAEgI,KAAKiK,cAAc;sCAC9DP,sBAAsBxB;;wBAG1BuB,6BACC,qBAACI;4BAAKrR,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,uBAAuB,CAAC;sCAC/CyR;;;;gBAIN,CAACxN,aAAY+D,iBAAAA,2BAAAA,KAAMkE,UAAU,KAAIjJ,gBAAgBC,gCAChD,qBAACsL;oBACCxM,IAAI,CAAC,WAAW,EAAEgG,iBAAAA,2BAAAA,KAAM1B,KAAK,EAAE;oBAC/B9F,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,wBAAwB,CAAC;oBAC7CmP,SAAS,CAAC9F,IAAMuD,kBAAkBvD,GAAGrB;8BAErC,cAAA,qBAACmK,4BAAc;;gBAGlBlO,WACG+D,CAAAA,yBAAAA,iBAAAA,2BAAAA,KAAMoK,gBAAgB,cAAtBpK,oCAAAA,uCACE,qBAACqK,sBAAa;oBACZ/L,KAAK,EAAEhG,0BAAAA,oCAAAA,cAAe6G,IAAI,CAAC,CAACb,QAAUA,UAAU0B,KAAK1B,KAAK;oBAC1D/F,UAAU;wBACRoM,gBAAgB3E;oBAClB;qBAGJ;;WAxEC,GAAGhI,GAAG,YAAY,EAAEgI,KAAKhG,EAAE,IAAIgG,KAAK1B,KAAK,EAAE;IA2EtD;IACA,MAAMwF,gBAAgB;YA8GXwG,yBAOHA;QApHN,MAAMA,kBAAkB/B,mBAAmBnQ;QAE3C,MAAMmS,aAAa,EAAE;QACrB,KAAK,MAAMtF,UAAUqF,gBAAiB;YACpC,IAAIrF,OAAO5E,SAAS,EAAE;oBAUf4E,cAPIA,4BAAAA;gBAFTsF,WAAWnK,IAAI,eACb,sBAACoG;oBAKChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,MAAM,CAAC,EAAEiN,OAAOzM,SAAS;;sCAE7C,qBAACqR;4BAAKrR,WAAW,GAAGR,GAAG,YAAY,CAAC;sCAAGiN,OAAO5E,SAAS;;yBACtD4E,eAAAA,OAAO3E,IAAI,cAAX2E,mCAAAA,aAAa1E,GAAG,CAAC,CAACP,OAASwJ,oBAAoBxJ;;oBAP3CiF,oBAAAA,OAAO5E,SAAS,cAAhB4E,yCAAAA,6BAAAA,kBACDtI,QAAQ,gBADPsI,iDAAAA,2BAEDjC,OAAO,CAAC,MAAM,KACfwH,MAAM,CAACC,KAAKC,GAAG;YAOxB,OAAOH,WAAWnK,IAAI,CAACoJ,oBAAoBvE;QAC7C;YAuHUrE;QArHV,qBACE,qBAAC4F;YACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,mBAAmB,CAAC;YACxCmM,KAAKrI;YACLqL,SAASlL,WAAWgN,iBAAiB,KAAO;sBAE5C,cAAA,sBAACzC;gBACCrC,KAAKzI;gBACLlD,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,kBAAkB,CAAC,EAAE;oBACvC,CAAC,GAAGA,GAAG,gCAAgC,CAAC,CAAC,EACvCuF,oBAAoBtB;gBACxB;;oBAEC9C,iBAAiB8C,yBAChB,sBAACuK;wBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,QAAQ,CAAC,EAAE;4BAC7B,CAAC,GAAGA,GAAG,oBAAoB,CAAC,CAAC,EAAEqF,oBAAoBpB;4BACnD,CAAC,GAAGjE,GAAG,2BAA2B,CAAC,CAAC,EAAEyF,cAAc;wBACtD;;4BAECxB,0BACC;;kDACE,sBAACuK;wCAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,YAAY,CAAC;;0DACpC,qBAACwO;gDAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,OAAO,CAAC;0DAAIa;;0DACrC,qBAAC2N;gDACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,YAAY,CAAC;gDACjCmP,SAAS,CAAC9F;oDACRA,EAAEyD,eAAe;oDACjBhI,UAAU;gDACZ;0DAEA,cAAA,qBAAC6N,eAAC;oDACAxD,SAAS,CAAC9F;wDACRA,EAAEyD,eAAe;wDACjBhI,UAAU;oDACZ;;;;;oCAIL2L,oBACE1N,CAAAA,+BACC9C,gCAA+B,mBACjC,qBAACuO;wCAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,YAAY,CAAC;kDACpC,cAAA,qBAAC0O,cAAK;4CACJlO,WAAW,GAAGR,GAAG,OAAO,CAAC;4CACzBsG,OAAOR;4CACPvF,UAAU,CAACoO,IAAMtI,0BAA0BsI;4CAC3C/N,aAAasB,2BAA2B;4CACxC0Q,UAAU;4CACVC,aAAa;gDACX,IAAI,CAAChO,QAAQ;oDACXC,UAAU;gDACZ;4CACF;2CACIvC;;;;4BAMbpB,+BACC,qBAACqN;gCAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,YAAY,CAAC;0CAAImB;;;yBAG5C;oBACH0B,uCACC,qBAAC2L;wBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,oBAAoB,CAAC;kCAC3C8S;;oBAGJnQ,mBACDK,kBACA8C,eACAwM,gBAAgB1K,MAAM,IACtBC,mBAAmBkL,KAAK,CACtB,CAAC,EAAElS,KAAK,EAAE,GAAKA,CAAAA,kBAAAA,4BAAAA,MAAOsP,WAAW,SAAOrK,wBAAAA,kCAAAA,YAAaqK,WAAW,qBAEhE,qBAAC3B;wBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,kBAAkB,CAAC;kCAAG;yBAG7C;kCAEJ,sBAACwO;wBACCrC,KAAKxI;wBACLnD,WAAW,GAAGR,GAAG,OAAO,EAAEmB,iBAAiB8C,WAAW,GAAGjE,GAAG,mBAAmB,CAAC,GAAG,GAAG,CAAC,EACrFoB,gBAAgB,GAAGpB,GAAG,mBAAmB,CAAC,GAAG,IAC7C;;4BAEDuS;4BACAD,EAAAA,0BAAAA,gBAAgBpL,MAAM,CAAC,CAAC,EAAEZ,KAAK,EAAE,GAAKA,UAAU,2BAAhDgM,8CAAAA,wBACG1K,MAAM,MAAK,KACd,CAAA,CAACjF,mBAAmB,CAACmD,WAAU,kBAC9B,qBAAC0I;gCAAIhO,WAAW,GAAGR,GAAG,YAAY,CAAC;0CAAGiC;iCACpC;;;oBAEJb,CAAAA,iBAAiB6C,QAAO,KAC1BqO,EAAAA,2BAAAA,gBAAgBpL,MAAM,CAAC,CAAC,EAAEZ,KAAK,EAAE,GAAKA,UAAU,2BAAhDgM,+CAAAA,yBACI1K,MAAM,IAAG,kBACX,sBAAC4G;wBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,QAAQ,CAAC,EAAE;4BAC7B,CAAC,GAAGA,GAAG,oBAAoB,CAAC,CAAC,EAAEiE,YAAYoB;4BAC3C,CAAC,GAAGrF,GAAG,2BAA2B,CAAC,CAAC,EAClCyF,cAAcE;wBAClB;;4BAECvE;4BACA6C,0BACC,sBAAC8N;gCAAO5C,SAAS,IAAMrK,UAAU;;oCAAQ;oCAEtCxE,CAAAA,0BAAAA,oCAAAA,cAAesH,MAAM,IAAG,CAAC,CAAC,EAAEtH,0BAAAA,oCAAAA,cAAesH,MAAM,CAAC,CAAC,CAAC,GAAG;;;;yBAI5D;oBACHlB,+BACCmF,IAAAA,sBAAY,EACV0C,yBACA3F,CAAAA,2BAAAA,SAASW,cAAc,CAAC,oBAAxBX,sCAAAA,2BAAkCA,SAAS2B,IAAI;oBAElD5H,mBACCK,kBACA8C,eACA+B,mBAAmBkL,KAAK,CACtB,CAAC,EAAElS,KAAK,EAAE,GACRA,CAAAA,kBAAAA,4BAAAA,MAAOsP,WAAW,SAAOrK,wBAAAA,kCAAAA,YAAaqK,WAAW,sBAEnD,sBAAC3B;wBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,eAAe,CAAC;wBACpCmP,SAASpD;;4BACV;0CAEC,qBAACiG,YAAG;gCACFnR,OAAOiF;gCACP2F,OAAO;oCAAEQ,iBAAiB3E;gCAAwB;gCAClD4K,WAAW;;;;;;;IAO3B;IACA,MAAMY,oBAAoB;QACxB,qBACE,qBAACpE,cAAK;YACJvC,KAAKvI;YACLpD,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,OAAO,CAAC,EAAE;gBAC5B,CAAC,GAAGA,GAAG,gBAAgB,CAAC,CAAC,EAAE6C;YAC7B;YACAyD,OAAOR;YACPvF,UAAUsQ;YACVjQ,aAAaA,eAAe;YAC5B2B,yBAAyB,wCACpBA;gBACHqM,WAAW,CAACvF;oBACV,IACEA,EAAEwF,OAAO,KAAK,MACdlM,mBACAK,kBACA6E,mBAAmBkL,KAAK,CACtB,CAAC,EAAElS,KAAK,EAAE,GACRA,CAAAA,kBAAAA,4BAAAA,MAAOsP,WAAW,SAAOrK,wBAAAA,kCAAAA,YAAaqK,WAAW,MAErD;wBACApE;oBACF;oBACApL,WAAW0I,GAAGvD;gBAChB;;WAKGnD,kBAAkB;YAAEmM,cAAc;QAAG,IAAI,CAAC;IAGrD;IACA,MAAMkE,wBAAwBtC,IAAAA,kBAAW,EAAC;QACxC,MAAMuC,+BAA+B;YACnC,qBACE,sBAACzE;gBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,SAAS,CAAC,EAAE;oBAC9B,wBAAwBgB;oBACxB,CAAC,GAAGhB,GAAG,uBAAuB,CAAC,CAAC,EAAE4C;gBACpC;gBACAuM,SAAS,CAAC,EAAE7F,MAAM,EAAE;oBAClB,IAAIA,CAAAA,mBAAAA,6BAAAA,OAAQuG,OAAO,MAAK,SAAS;wBAC/B/K,UAAU;oBACZ,OAAO,IAAI8K,iBAAiBtG,SAAS;wBACnCxE,UAAU,CAACD,SAAW,CAACA;oBACzB;gBACF;;oBAEC3D,2BACC,qBAACgS,gBAAO;wBACNC,KAAK,EAAE7S,0BAAAA,oCAAAA,cAAeiI,GAAG,CAAC,CAACjC,OAAO8M;4BAChC,MAAMC,MAAMxL,+BAAAA,yCAAAA,mBAAoBwJ,IAAI,CAAC,CAACxD,KAAOA,GAAGvH,KAAK,IAAIA;4BACzD,MAAMzF,QAAQE,iBACVsS,gBAAAA,0BAAAA,IAAK/M,KAAK,GACV+M,CAAAA,gBAAAA,0BAAAA,IAAKxS,KAAK,MAAIwS,gBAAAA,0BAAAA,IAAKvC,IAAI,MAAIuC,gBAAAA,0BAAAA,IAAKnD,KAAK;4BACzC,OAAO;gCACL5J;gCACAzF;gCACAmB,IAAIoR;gCACJ5S,SAAS,EAAE6S,gBAAAA,0BAAAA,IAAKpB,cAAc;gCAC9BxG,KAAK,EAAE4H,gBAAAA,0BAAAA,IAAK5H,KAAK;4BACnB;wBACF;wBACA6H,eAAe;yBAGjBhT,0BAAAA,oCAAAA,cAAeiI,GAAG,CAAC,CAACjC;wBAClB,MAAM+M,MAAMxL,+BAAAA,yCAAAA,mBAAoBwJ,IAAI,CAAC,CAACxD,KAAOA,GAAGvH,KAAK,IAAIA;wBACzD,MAAMzF,QAAQE,iBACVsS,gBAAAA,0BAAAA,IAAK/M,KAAK,GACV+M,CAAAA,gBAAAA,0BAAAA,IAAKxS,KAAK,MAAIwS,gBAAAA,0BAAAA,IAAKvC,IAAI,MAAIuC,gBAAAA,0BAAAA,IAAKnD,KAAK;wBACzC,qBACE,qBAAC8B,YAAG;4BAEFxR,WAAWiO,IAAAA,mBAAE,EAAChO,cAAc4S,gBAAAA,0BAAAA,IAAKpB,cAAc,EAAE;gCAC/C,gBAAgB,EAACoB,gBAAAA,0BAAAA,IAAK1C,SAAS;4BACjC;4BACA9P,OAAOA;4BACP4K,KAAK,EAAE4H,gBAAAA,0BAAAA,IAAK5H,KAAK;4BACjB8H,YAAYF,CAAAA,gBAAAA,0BAAAA,IAAK1C,SAAS,IAAG,OAAO,IAAMlI,aAAanC;4BACvD4L,aAAa;2BAPR5L;oBAUX;oBAGDhG,cAAcsH,MAAM,KAAK,KAAK,CAAC1G,aAAa4R,sBAAsB;kCACnE,qBAACjB;wBACCrR,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,OAAO,CAAC,EAAE;4BAAE,CAAC,GAAGA,GAAG,cAAc,CAAC,CAAC,EAAE6E;wBAAO;kCAE/DZ,yBACC,qBAACuP,kBAAI;4BAAChT,WAAU;6BACdqE,uBACF,qBAAC4O,uBAAS;4BAACjT,WAAU;2CAErB,qBAACkT,yBAAW;4BAAClT,WAAU;;;;;QAKjC;YAGE+C;QADF,OACEA,CAAAA,uBAAAA,gCAAAA,0CAAAA,oBAAsB;YACpBjD;YACAuH;YACAY;YACA7E;YACAiN;YACAhM;YACAC;QACF,gBARAvB,kCAAAA,uBAQM0P;IAEV,GAAG;QAAC3S;QAAeuH;QAAoBjE;QAAUiB;KAAO;IACxD,kCAAkC;IAElC8O,IAAAA,sBAAe,EAAC;QACd7K;QAEA,IAAIrG,mBAAmB,CAACyB,cAAcY,UAAU;QAEhD,OAAO;gBACL6E,mBACAC;aADAD,oBAAAA,gCAAAA,wCAAAA,kBAAoBH,MAAM;aAC1BI,2BAAAA,uCAAAA,+CAAAA,yBAA2BJ,MAAM;QACnC;IACF,GAAG,EAAE;IAELmK,IAAAA,sBAAe,EAAC;YAadhK;QAZA,IAAI,CAAC1F,UAAU;YACbG,OAAOgF,gBAAgB,CAAC,cAAcqG;YACtCrL,OAAOgF,gBAAgB,CAAC,SAASqG;YACjCrL,OAAOgF,gBAAgB,CAAC,aAAaqG;YACrCrL,OAAOgF,gBAAgB,CAAC,WAAWmG;QACrC,OAAO;YACLnL,OAAOwP,mBAAmB,CAAC,cAAcnE;YACzCrL,OAAOwP,mBAAmB,CAAC,SAASnE;YACpCrL,OAAOwP,mBAAmB,CAAC,aAAanE;YACxCrL,OAAOwP,mBAAmB,CAAC,WAAWrE;QACxC;SAEA5F,oBAAAA,gCAAAA,wCAAAA,kBAAoBP,gBAAgB,CAAC,SAASqG;QAE9C,OAAO;gBAKL9F;YAJAvF,OAAOwP,mBAAmB,CAAC,cAAcnE;YACzCrL,OAAOwP,mBAAmB,CAAC,WAAWrE;YACtCnL,OAAOwP,mBAAmB,CAAC,SAASnE;YACpCrL,OAAOwP,mBAAmB,CAAC,aAAanE;aACxC9F,oBAAAA,gCAAAA,wCAAAA,kBAAoBiK,mBAAmB,CAAC,SAASnE;QACnD;IACF,GAAG;QAAC9F;QAAkB1F;KAAS;IAE/B0P,IAAAA,sBAAe,EAAC;QACd,IAAI9O,QAAQ;YACVgF;YACAsD;QACF;IACF,GAAG;QACDtI;QACAxE;QACAC;QACAwF;QACA7B;QACAP,mCAAAA,8CAAAA,kCAAAA,uBAAwB6C,OAAO,cAA/B7C,uDAAAA,wDAAAA,gCAAiCiH,qBAAqB,gBAAtDjH,4EAAAA,sDAA0D8G,MAAM;QAChEhH;KACD;IAEDqQ,IAAAA,gBAAS,EAAC;QACR,IACErR,0BACAlC,cAAcsH,MAAM,KAAKnE,OAAO+E,IAAI,CAACpB,mBAAmBQ,MAAM,EAC9D;YACAxH,QAAQmI,GAAG,CAAC,CAAC0E;gBACX,IAAI,EAAC7F,8BAAAA,wCAAAA,iBAAmB,CAAC6F,mBAAAA,6BAAAA,OAAQ3G,KAAK,CAAC,GAAE;oBACvCe,qBAAqB,CAACjH,UAAa,wCAC9BA;4BACH,CAAC6M,mBAAAA,6BAAAA,OAAQ3G,KAAK,CAAC,EAAE2G,mBAAAA,6BAAAA,OAAQpM,KAAK;;gBAElC;YACF;QACF;IACF,GAAG;QAACP;QAAekC;KAAuB;IAE1CqR,IAAAA,gBAAS,EAAC;YAMRxS,6BACAC;QANA,MAAMwS,2BAA2B,CAACzK;YAChCrE,mBAAmBZ,OAAOkJ,OAAO;QACnC;QAEA,MAAMyG,KAAKlP,SAAS,qBAAqB;QACzCxD,+BAAAA,0CAAAA,8BAAAA,mBAAoBkF,OAAO,cAA3BlF,kDAAAA,2BAA6B,CAAC0S,GAAG,CAAC,SAAS7C,gBAAgB;QAC3D5P,iCAAAA,4CAAAA,gCAAAA,qBAAsBiF,OAAO,cAA7BjF,oDAAAA,6BAA+B,CAACyS,GAAG,CAAC,SAAS3C,kBAAkB;QAE/D,IAAIvM,QAAQ;gBAOV8E;YANA,IAAI,CAAC1F,YAAY,CAACvB,iBAChB0B,OAAOwP,mBAAmB,CAAC,UAAUE;YAEvC,IAAIxQ,6BAAAA,uCAAAA,iBAAkBiD,OAAO,EAAE;gBAC7BjD,iBAAiBiD,OAAO,CAACkF,KAAK,CAACuI,aAAa,GAAG;YACjD;aACArK,oBAAAA,gCAAAA,wCAAAA,kBAAoBT,SAAS,CAACC,GAAG,CAAC;YAClC,IAAI,CAAClF,UAAU;oBACbL,yBAAAA;gBAAAA,qBAAAA,gCAAAA,oBAAAA,SAAU2C,OAAO,cAAjB3C,yCAAAA,0BAAAA,kBAAmBqQ,KAAK,cAAxBrQ,8CAAAA,6BAAAA;YACF,OAAO;oBACLA,wBAAAA;gBAAAA,qBAAAA,gCAAAA,qBAAAA,SAAU2C,OAAO,cAAjB3C,0CAAAA,yBAAAA,mBAAmB+L,IAAI,cAAvB/L,6CAAAA,4BAAAA;YACF;QACF,OAAO;gBAOL+F;YANA,IAAI,CAAC1F,YAAY,CAACvB,iBAChB0B,OAAOgF,gBAAgB,CAAC,UAAU0K;YAEpC,IAAIxQ,6BAAAA,uCAAAA,iBAAkBiD,OAAO,EAAE;gBAC7BjD,iBAAiBiD,OAAO,CAACkF,KAAK,CAACuI,aAAa,GAAG;YACjD;aACArK,qBAAAA,gCAAAA,yCAAAA,mBAAoBT,SAAS,CAACM,MAAM,CAAC;YACrC,IAAI3G,uBAAuBwD,0BAA0B;YACrDnB,WAAW;YACXa,eAAe;QACjB;IACF,GAAG;QAAClB;KAAO;IAEXgP,IAAAA,gBAAS,EAAC;QACR,MAAMK,oBAAoB,CAAC7K;YACzB3D,aAAaoF,SAASzB,EAAEC,MAAM,CAAC7D,SAAS,EAAE;QAC5C;QAEA,MAAM0O,yBAAyB,CAAC9K;YAC9BA,EAAEwD,cAAc;YAChBzI,OAAOgQ,QAAQ,CAAC;gBAAE1J,KAAK3F;YAAgB;QACzC;QAEA,IAAIF,UAAUZ,aAAYN,4BAAAA,sCAAAA,gBAAiB4C,OAAO,GAAE;gBAClD5C,0BAGEA,2BACEA;YAJJA,4BAAAA,uCAAAA,2BAAAA,gBAAiB4C,OAAO,cAAxB5C,+CAAAA,yBAA0ByF,gBAAgB,CAAC,UAAU8K;YAErD5O,oBACE3B,CAAAA,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0BgC,YAAY,KACpChC,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0B2G,YAAY;YAG1C,IAAIjF,qBAAqB,MAAM;oBAE3B1B,2BACEA;gBAFJ6B,oBACE7B,CAAAA,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0BgC,YAAY,KACpChC,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0B2G,YAAY;YAE5C;QACF;QAEA,IAAIzF,UAAUlB,mBAAmBA,gBAAgB4C,OAAO,EAAE;YACxD5C,gBAAgB4C,OAAO,CAAC6C,gBAAgB,CAAC,UAAUkI;YACnD,IAAI,CAACrN,YAAY,CAACvB,iBAChB0B,OAAOgF,gBAAgB,CAAC,UAAU+K;QACtC;QAEA,OAAO;gBAGLxQ,0BACAA;YAHA,IAAI,CAACM,YAAY,CAACvB,iBAChB0B,OAAOwP,mBAAmB,CAAC,UAAUO;YACvCxQ,4BAAAA,uCAAAA,2BAAAA,gBAAiB4C,OAAO,cAAxB5C,+CAAAA,yBAA0BiQ,mBAAmB,CAAC,UAAUtC;YACxD3N,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0BiQ,mBAAmB,CAC3C,UACAM;QAEJ;IACF,GAAG;QACDrP;QACAZ;QACAN,4BAAAA,sCAAAA,gBAAiB4C,OAAO;QACxB5C,4BAAAA,uCAAAA,2BAAAA,gBAAiB4C,OAAO,cAAxB5C,+CAAAA,yBAA0BgC,YAAY;QACtChC,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0B2G,YAAY;KACvC;IAEDuJ,IAAAA,gBAAS,EAAC;QACR,IAAIlQ,4BAAAA,sCAAAA,gBAAiB4C,OAAO,EAAE;gBAGxB5C,0BACEA;YAHNiC,gBACEkF,SACEnH,CAAAA,4BAAAA,uCAAAA,2BAAAA,gBAAiB4C,OAAO,cAAxB5C,+CAAAA,yBAA0BgC,YAAY,KACpChC,4BAAAA,uCAAAA,4BAAAA,gBAAiB4C,OAAO,cAAxB5C,gDAAAA,0BAA0B2G,YAAY,GACxC;QAGN;IACF,GAAG;QAAC7E;QAAW9B,4BAAAA,sCAAAA,gBAAiB4C,OAAO;KAAC;IAExCsN,IAAAA,gBAAS,EAAC;QACR,IACE1R,gBACAC,iBACC4D,CAAAA,uBAAuBG,kBAAkBtB,MAAK,GAC/C;YACAvC,gCAAAA,0CAAAA,oBAAsB0D;QACxB;IACF,GAAG;QAACnB;QAAQmB;QAAqBG;KAAe;IAEhD0N,IAAAA,gBAAS,EAAC;QACRpN,WAAWpG,YAAYkI,GAAG,CAAC,CAAC0E,SAAY,wCAAKA;gBAAQd,mBAAKC,IAAAA,gBAAS;;IACrE,GAAG;QAAC/L;KAAY;IAEhBwT,IAAAA,gBAAS,EAAC;QACR,IAAInN,eAAe;gBAEjBF,sCAAAA;YADA2G;YACA3G,kCAAAA,6CAAAA,iCAAAA,sBAAuBD,OAAO,cAA9BC,sDAAAA,uCAAAA,+BAAgCyN,KAAK,cAArCzN,2DAAAA,0CAAAA;QACF;IACF,GAAG;QAACE,0BAAAA,oCAAAA,cAAeJ,KAAK;KAAC;IAEzB,qBACE,sBAACkI;QACChO,WAAWiO,IAAAA,mBAAE,EAACzO,IAAIQ,WAAW;YAC3B,CAAC,GAAGR,GAAG,SAAS,CAAC,CAAC,EAAEc;YACpB,CAAC,GAAGd,GAAG,OAAO,CAAC,CAAC,EAAEiE;YAClB,CAAC,GAAGjE,GAAG,SAAS,CAAC,CAAC,EAAE6E,UAAU,EAACvB,6BAAAA,uCAAAA,iBAAkBiD,OAAO,KAAI,CAACtC;YAC7D,CAAC,GAAGjE,GAAG,gBAAgB,CAAC,CAAC,EAAE+G,QAAQzD,6BAAAA,uCAAAA,iBAAkBiD,OAAO;QAC9D;QACA4F,KAAKpI;;YAEJiP;YACApQ,6BACC,sBAAC4L;gBAAIhO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,SAAS,CAAC;;kCACjC,qBAACwO;wBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,cAAc,CAAC;wBACnCmP,SAAShM;kCAET,cAAA,qBAACmM,mBAAK;;kCAER,qBAACd;wBACChO,WAAWiO,IAAAA,mBAAE,EAAC,GAAGzO,GAAG,cAAc,CAAC;wBACnCmP,SAAS/L;kCAET,cAAA,qBAACuP,eAAC;;;;YAIP9N,UAAU8G;;;AAGjB;MACA,WAAexL"}

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js

@@ -0,0 +1,438 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TagsDropdownTemplate: function() {
+        return TagsDropdownTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("./TagsDropdown"));
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/TagsDropdown",
+    component: _TagsDropdown.default,
+    argTypes: {
+        noTagsWrap: {
+            type: "boolean",
+            default: false
+        },
+        closeOnSelect: {
+            type: "boolean",
+            default: false
+        },
+        attributesOfNativeInput: {
+            description: "Object. Optional. This is list of attributes to add in native search-input"
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    const { options } = args;
+    const selectAllButton = (0, _react.useRef)(null);
+    const unselectAllButton = (0, _react.useRef)(null);
+    const myArgs = {
+        headerContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            onClick: ()=>alert("Add your action"),
+            children: "Add new option"
+        }),
+        footerContent: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    ref: selectAllButton,
+                    children: "Select all"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    ref: unselectAllButton,
+                    children: "Unselect all"
+                })
+            ]
+        }),
+        selectAllButtonRef: selectAllButton,
+        unselectAllButtonRef: unselectAllButton
+    };
+    const [value, setValue] = (0, _react.useState)([
+        "group11"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            height: '1000px'
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, _object_spread_props(_object_spread({}, args, myArgs), {
+            // className={`tags-dropdown_arrow-static ${isIncludeOuterStyles ? "" : ""}`}
+            chosenOptions: value,
+            onChange: setValue,
+            withMobileLogic: true
+        }))
+    });
+};
+const TagsDropdownTemplate = Template.bind({});
+const colors = [
+    "#F1F0F0",
+    "#E3E2E0",
+    "#EEDFDA",
+    "#F9DEC9",
+    "#FDECC8",
+    "#DBECDB",
+    "#D3E4EF",
+    "#E8DEEE",
+    "#F4E0E9",
+    "#FFE2DD",
+    "#D3EFED",
+    "#ECEEDE"
+];
+TagsDropdownTemplate.args = {
+    fieldKey: "tagsDropDown",
+    isIncludeOuterStyles: false,
+    disabled: false,
+    error: false,
+    onOptionEdit: (...args)=>console.log("onOptionEdit", ...args),
+    onOptionDelete: (...args)=>new Promise((r)=>{
+            console.log("onOptionDelete", ...args);
+            setTimeout(()=>{
+                console.log("resolved");
+                r();
+            }, 1000);
+        }),
+    placeholder: "Type or select tags from list",
+    // options: (new Array(12)).fill({}).map((v, i) => {
+    //   const uuid = Math.random().toString(16).slice(2);
+    //   return ({
+    //     id: uuid,
+    //     label: `Option ${i+1}`,
+    //     value: uuid,
+    //     // style: {
+    //     //   backgroundColor: colors[i],
+    //     // },
+    //     isEditable: false,
+    //   })
+    // }),
+    options: [],
+    options: [
+        {
+            id: 1,
+            title: "Force close dropdown (closeOnOptionSelect: true)",
+            value: "drop1",
+            closeOnOptionSelect: true,
+            className: "optionClssName"
+        },
+        {
+            id: 2,
+            title: "Force unclose dropdown (closeOnOptionSelect: false)",
+            value: "drop2",
+            closeOnOptionSelect: false,
+            disabled: false
+        },
+        {
+            id: 3,
+            title: "Tags Dropdown3",
+            value: "drop3",
+            disabled: true,
+            isFreezed: true
+        },
+        {
+            id: 4,
+            title: "Tags Dropdown4",
+            value: "drop4",
+            disabled: false,
+            isFreezed: true
+        },
+        {
+            id: 5,
+            title: "Tags Dropdown5",
+            value: "drop5",
+            disabled: false
+        },
+        {
+            id: 6,
+            title: "Tags Dropdown6",
+            value: "drop6",
+            disabled: false
+        },
+        {
+            groupName: "Some Group",
+            className: "groupClssName",
+            list: [
+                {
+                    id: 7,
+                    title: "Group 11",
+                    value: "group11",
+                    disabled: false,
+                    className: "groupOptionClssName",
+                    isFreezed: true,
+                    isHiddenInList: true
+                },
+                {
+                    id: 8,
+                    title: "Group 12",
+                    value: "group12",
+                    disabled: true
+                },
+                {
+                    id: 9,
+                    title: "Group 13",
+                    value: "group13",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            groupName: "Some Group 2",
+            list: [
+                {
+                    id: 10,
+                    title: "Group 21",
+                    value: "group21",
+                    disabled: false
+                },
+                {
+                    id: 11,
+                    title: "Group 22",
+                    value: "group22",
+                    disabled: false
+                },
+                {
+                    id: 12,
+                    title: "Group 23",
+                    value: "group23",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            id: 1,
+            title: "Force close dropdown (closeOnOptionSelect: true)",
+            value: "drop1",
+            closeOnOptionSelect: true,
+            className: "optionClssName"
+        },
+        {
+            id: 2,
+            title: "Force unclose dropdown (closeOnOptionSelect: false)",
+            value: "drop2",
+            closeOnOptionSelect: false,
+            disabled: false
+        },
+        {
+            id: 3,
+            title: "Tags Dropdown3",
+            value: "drop3",
+            disabled: true,
+            isFreezed: true
+        },
+        {
+            id: 4,
+            title: "Tags Dropdown4",
+            value: "drop4",
+            disabled: false,
+            isFreezed: true
+        },
+        {
+            id: 5,
+            title: "Tags Dropdown5",
+            value: "drop5",
+            disabled: false
+        },
+        {
+            id: 6,
+            title: "Tags Dropdown6",
+            value: "drop6",
+            disabled: false
+        },
+        {
+            groupName: "Some Group",
+            className: "groupClssName",
+            list: [
+                {
+                    id: 7,
+                    title: "Group 11",
+                    value: "group11",
+                    disabled: false,
+                    className: "groupOptionClssName",
+                    isFreezed: true,
+                    isHiddenInList: true
+                },
+                {
+                    id: 8,
+                    title: "Group 12",
+                    value: "group12",
+                    disabled: true
+                },
+                {
+                    id: 9,
+                    title: "Group 13",
+                    value: "group13",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            groupName: "Some Group 2",
+            list: [
+                {
+                    id: 10,
+                    title: "Group 21",
+                    value: "group21",
+                    disabled: false
+                },
+                {
+                    id: 11,
+                    title: "Group 22",
+                    value: "group22",
+                    disabled: false
+                },
+                {
+                    id: 12,
+                    title: "Group 23",
+                    value: "group23",
+                    disabled: false
+                }
+            ]
+        }
+    ],
+    isNotValidateASCII: false,
+    noTagsWrap: false,
+    closeOnSelect: false,
+    closeOnRemove: false
+};
+
+//# sourceMappingURL=TagsDropdown.stories.js.map

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport TagsDropdown from \"./TagsDropdown\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"Form Elements/TagsDropdown\",\n  component: TagsDropdown,\n  argTypes: {\n    noTagsWrap: {\n      type: \"boolean\",\n      default: false,\n    },\n    closeOnSelect: {\n      type: \"boolean\",\n      default: false,\n    },\n    attributesOfNativeInput: {\n      description:\n        \"Object. Optional. This is list of attributes to add in native search-input\",\n    },\n  },\n};\n\nconst Template = (args) => {\n  const { isIncludeOuterStyles, ...restArgs } = args;\n  const { options } = args;\n\n  const selectAllButton = useRef(null);\n  const unselectAllButton = useRef(null);\n\n  const myArgs = {\n    headerContent: (\n      <button onClick={() => alert(\"Add your action\")}>Add new option</button>\n    ),\n    footerContent: (\n      <>\n        <button ref={selectAllButton}>Select all</button>\n        <button ref={unselectAllButton}>Unselect all</button>\n      </>\n    ),\n    selectAllButtonRef: selectAllButton,\n    unselectAllButtonRef: unselectAllButton,\n  };\n\n  const [value, setValue] = useState([\"group11\"]);\n  return (\n    <div style={{height: '1000px' }}>\n      <TagsDropdown\n        {...args}\n        {...myArgs}\n        // className={`tags-dropdown_arrow-static ${isIncludeOuterStyles ? \"\" : \"\"}`}\n        chosenOptions={value}\n        onChange={setValue}\n        withMobileLogic\n      />\n    </div>\n  );\n};\n\nexport const TagsDropdownTemplate = Template.bind({});\n\nconst colors = [\n  \"#F1F0F0\",\n  \"#E3E2E0\",\n  \"#EEDFDA\",\n  \"#F9DEC9\",\n  \"#FDECC8\",\n  \"#DBECDB\",\n  \"#D3E4EF\",\n  \"#E8DEEE\",\n  \"#F4E0E9\",\n  \"#FFE2DD\",\n  \"#D3EFED\",\n  \"#ECEEDE\",\n];\n\nTagsDropdownTemplate.args = {\n  fieldKey: \"tagsDropDown\",\n  isIncludeOuterStyles: false,\n  disabled: false,\n  error: false,\n  onOptionEdit: (...args) => console.log(\"onOptionEdit\", ...args),\n  onOptionDelete: (...args) =>\n    new Promise((r) => {\n      console.log(\"onOptionDelete\", ...args);\n      setTimeout(() => {\n        console.log(\"resolved\");\n        r();\n      }, 1000);\n    }),\n  placeholder: \"Type or select tags from list\",\n  // options: (new Array(12)).fill({}).map((v, i) => {\n  //   const uuid = Math.random().toString(16).slice(2);\n  //   return ({\n  //     id: uuid,\n  //     label: `Option ${i+1}`,\n  //     value: uuid,\n  //     // style: {\n  //     //   backgroundColor: colors[i],\n  //     // },\n  //     isEditable: false,\n  //   })\n  // }),\n  options: [],\n  options: [\n    {\n      id: 1,\n      title: \"Force close dropdown (closeOnOptionSelect: true)\",\n      value: \"drop1\",\n      closeOnOptionSelect: true,\n      className: \"optionClssName\",\n    },\n    {\n      id: 2,\n      title: \"Force unclose dropdown (closeOnOptionSelect: false)\",\n      value: \"drop2\",\n      closeOnOptionSelect: false,\n      disabled: false,\n    },\n    {\n      id: 3,\n      title: \"Tags Dropdown3\",\n      value: \"drop3\",\n      disabled: true,\n      isFreezed: true,\n    },\n    {\n      id: 4,\n      title: \"Tags Dropdown4\",\n      value: \"drop4\",\n      disabled: false,\n      isFreezed: true,\n    },\n    { id: 5, title: \"Tags Dropdown5\", value: \"drop5\", disabled: false },\n    { id: 6, title: \"Tags Dropdown6\", value: \"drop6\", disabled: false },\n    {\n      groupName: \"Some Group\",\n      className: \"groupClssName\",\n      list: [\n        {\n          id: 7,\n          title: \"Group 11\",\n          value: \"group11\",\n          disabled: false,\n          className: \"groupOptionClssName\",\n          isFreezed: true,\n          isHiddenInList: true,\n        },\n        { id: 8, title: \"Group 12\", value: \"group12\", disabled: true },\n        { id: 9, title: \"Group 13\", value: \"group13\", disabled: false },\n      ],\n    },\n    {\n      groupName: \"Some Group 2\",\n      list: [\n        { id: 10, title: \"Group 21\", value: \"group21\", disabled: false },\n        { id: 11, title: \"Group 22\", value: \"group22\", disabled: false },\n        { id: 12, title: \"Group 23\", value: \"group23\", disabled: false },\n      ],\n    },\n    {\n      id: 1,\n      title: \"Force close dropdown (closeOnOptionSelect: true)\",\n      value: \"drop1\",\n      closeOnOptionSelect: true,\n      className: \"optionClssName\",\n    },\n    {\n      id: 2,\n      title: \"Force unclose dropdown (closeOnOptionSelect: false)\",\n      value: \"drop2\",\n      closeOnOptionSelect: false,\n      disabled: false,\n    },\n    {\n      id: 3,\n      title: \"Tags Dropdown3\",\n      value: \"drop3\",\n      disabled: true,\n      isFreezed: true,\n    },\n    {\n      id: 4,\n      title: \"Tags Dropdown4\",\n      value: \"drop4\",\n      disabled: false,\n      isFreezed: true,\n    },\n    { id: 5, title: \"Tags Dropdown5\", value: \"drop5\", disabled: false },\n    { id: 6, title: \"Tags Dropdown6\", value: \"drop6\", disabled: false },\n    {\n      groupName: \"Some Group\",\n      className: \"groupClssName\",\n      list: [\n        {\n          id: 7,\n          title: \"Group 11\",\n          value: \"group11\",\n          disabled: false,\n          className: \"groupOptionClssName\",\n          isFreezed: true,\n          isHiddenInList: true,\n        },\n        { id: 8, title: \"Group 12\", value: \"group12\", disabled: true },\n        { id: 9, title: \"Group 13\", value: \"group13\", disabled: false },\n      ],\n    },\n    {\n      groupName: \"Some Group 2\",\n      list: [\n        { id: 10, title: \"Group 21\", value: \"group21\", disabled: false },\n        { id: 11, title: \"Group 22\", value: \"group22\", disabled: false },\n        { id: 12, title: \"Group 23\", value: \"group23\", disabled: false },\n      ],\n    },\n  ],\n  isNotValidateASCII: false,\n  noTagsWrap: false,\n  closeOnSelect: false,\n  closeOnRemove: false,\n};\n"],"names":["TagsDropdownTemplate","global","lng","title","component","TagsDropdown","argTypes","noTagsWrap","type","default","closeOnSelect","attributesOfNativeInput","description","Template","args","isIncludeOuterStyles","restArgs","options","selectAllButton","useRef","unselectAllButton","myArgs","headerContent","button","onClick","alert","footerContent","ref","selectAllButtonRef","unselectAllButtonRef","value","setValue","useState","div","style","height","chosenOptions","onChange","withMobileLogic","bind","colors","fieldKey","disabled","error","onOptionEdit","console","log","onOptionDelete","Promise","r","setTimeout","placeholder","id","closeOnOptionSelect","className","isFreezed","groupName","list","isHiddenInList","isNotValidateASCII","closeOnRemove"],"mappings":"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"}