{"version":3,"file":"d641fbd5.js","sources":["../../../../../../layers/tairo-layout-collapse/components/TairoCollapseNavigationCollapseLinks.vue","../../../../../../layers/tairo-layout-collapse/components/TairoCollapseNavigation.vue","../../../../../../layers/tairo-layout-collapse/components/TairoCollapseBurger.vue","../../../../../../layers/tairo-layout-collapse/components/TairoCollapseToolbar.vue","../../../../../../layers/tairo-layout-collapse/components/TairoCollapseCircularMenu.vue","../../../../../../layers/tairo-layout-collapse/components/TairoCollapseLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useAuthStore } from '~/store/auth.js'\nconst props = defineProps<{\n  item: any\n  expanded?: boolean\n}>()\nconst emit = defineEmits(['clicked'])\nconst { isMobileOpen } = useCollapse()\nconst route = useRoute()\n\nconst store = useAuthStore()\nconst { isExternalUser } = storeToRefs(store)\n\nconst isActive = computed(() => {\n  if (!props.item?.activePath) {\n    return false\n  }\n\n  return route.path.startsWith(props.item.activePath)\n})\n\nconst buttonRef = ref<HTMLElement>()\nconst isOpen = ref(isActive.value)\n\nfunction onDropClick() {\n  isOpen.value = !isOpen.value\n  if (!isOpen.value) {\n    buttonRef.value?.blur()\n  }\n  emit('clicked')\n}\n</script>\n\n<template>\n  <div class=\"group\">\n    <button\n      class=\"nui-focus flex w-full items-center rounded-lg py-3 text-[#475569] transition-colors duration-300 focus-within:outline-none dark:text-[#CBD5E1] dark:focus-within:outline-none\"\n      :class=\"[\n        props.expanded ? 'gap-5 px-4' : 'justify-center px-2',\n        props.item.name === 'Claims'\n          ? 'cursor-auto hover:text-[#475569] dark:hover:text-[#CBD5E1] '\n          : 'hover:text-primary-500 dark:hover:text-primary-500 cursor-pointer',\n      ]\"\n      ref=\"buttonRef\"\n      @click.stop.prevent=\"onDropClick\"\n    >\n      <Icon\n        :name=\"item.icon.name\"\n        :class=\"[item.icon.class, isActive && 'text-primary-500']\"\n        class=\"shrink-0\"\n      />\n      <span\n        class=\"font-heading block whitespace-nowrap text-sm\"\n        :class=\"[\n          isActive && 'text-primary-500',\n          !props.expanded ? 'hidden' : 'block',\n        ]\"\n      >\n        {{ item.name }}\n      </span>\n      <span\n        v-if=\"!isExternalUser && props.item.name !== 'Claims'\"\n        class=\"ms-auto items-center justify-center\"\n        :class=\"!props.expanded ? 'hidden' : 'flex'\"\n      >\n        <Icon\n          name=\"material-symbols:keyboard-arrow-down\"\n          class=\"h-[25px] w-[25px] text-[#475569] transition-transform duration-200 dark:text-[#CBD5E1]\"\n          :class=\"!isOpen ? 'rotate-180' : ''\"\n        />\n      </span>\n    </button>\n\n    <ul\n      v-if=\"props.expanded\"\n      class=\"border-muted-200 relative block ps-4\"\n      :class=\"{\n        'max-h-0 overflow-hidden opacity-0 group-focus-within:max-h-max group-focus-within:overflow-visible group-focus-within:opacity-100':\n          !isOpen && props.item.name !== 'Claims',\n        'after:border-muted-200 max-h-max opacity-100':\n          isOpen && props.item.name === 'Claims',\n      }\"\n    >\n      <li\n        v-for=\"child in props.item.children\"\n        :key=\"child.to\"\n        class=\"border-muted-300 dark:border-muted-700 hover:!border-primary-500 ms-2 border-s-2 first:mt-2\"\n      >\n        <NuxtLink\n          :to=\"child.to\"\n          exact-active-class=\"!border-primary-500 !text-primary-500 dark:!text-primary-500\"\n          :class=\"\n            (route.path.startsWith('/insurance-companies/') &&\n              child.name === 'Insurance Companies') ||\n            `/board/${route.params.id}` === child.to\n              ? '!text-primary-500'\n              : ''\n          \"\n          class=\"nui-focus ps-7.5 hover:text-primary-500 dark:hover:text-primary-500 relative -left-0.5 flex cursor-pointer items-center gap-2.5 border-s-2 border-transparent py-2 font-medium text-[#475569] transition-colors duration-300 focus-within:outline-none dark:text-[#CBD5E1] dark:focus-within:outline-none\"\n          @click=\"isMobileOpen = false\"\n        >\n          <Icon\n            :name=\"child.icon.name\"\n            :class=\"child.icon.class\"\n            class=\"shrink-0\"\n          />\n          <span\n            class=\"font-heading navigation-links truncate whitespace-nowrap text-sm\"\n            :class=\"[!props.expanded ? 'hidden' : 'block']\"\n          >\n            {{\n              child.name\n                .toLowerCase()\n                .replace(/\\b(\\w)/g, (name) => name.toUpperCase())\n            }}\n          </span>\n        </NuxtLink>\n      </li>\n    </ul>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useAuthStore } from '~/store/auth.js'\nimport { useCollapse } from '../composables/collapse'\nconst { orgDetails } = usePayments()\n\nconst { data: details } = await useAsyncData('details', () => orgDetails())\n\nconst store = useAuthStore()\nconst { permissions, role } = storeToRefs(store)\nconst hasGroupsPermission = permissions.value?.includes('groups:read')\nconst hasUsersPermission = permissions.value?.includes('user:read')\nconst config = useRuntimeConfig()\nconst featureFlagEnabled = config.public.featureFlag\n\nconst { isOpen, isMobileOpen, menuItems } = useCollapse()\n\nconst app = useAppConfig()\n\nconst isMultiBoard = ref(details.value.data.multipleBoardsEnabled)\n\nconst menuItemsComputed = computed(() => {\n  let itemsToReturn\n  const clonedMenuItems = JSON.parse(JSON.stringify(menuItems.value))\n\n  const menuItemWithChildren = clonedMenuItems.find((item) =>\n    Array.isArray(item.children),\n  )\n\n  // Filter out 'Groups' and 'Users' from the first menu item's children\n  if (menuItemWithChildren) {\n    menuItemWithChildren.children = menuItemWithChildren.children.filter(\n      (item) => item.name !== 'Groups' && item.name !== 'Users',\n    )\n  }\n\n  if (\n    isMultiBoard.value &&\n    hasGroupsPermission &&\n    hasUsersPermission &&\n    featureFlagEnabled === 'true'\n  ) {\n    itemsToReturn = menuItems.value\n  } else if (\n    !isMultiBoard.value &&\n    hasGroupsPermission &&\n    hasUsersPermission &&\n    featureFlagEnabled === 'true'\n  ) {\n    itemsToReturn = JSON.parse(JSON.stringify(menuItems.value))\n    itemsToReturn = itemsToReturn.filter((item) => item.name !== 'Locations')\n  } else if (\n    role.value.name !== 'org_admin' &&\n    role.value.name !== 'external_user'\n  ) {\n    if (!isMultiBoard.value) {\n      itemsToReturn = menuItems.value.filter(\n        (item) => item.name !== 'My Organization' && item.name !== 'Locations',\n      )\n    } else {\n      itemsToReturn = menuItems.value.filter(\n        (item) => item.name !== 'My Organization',\n      )\n    }\n  } else if (role.value.name === 'external_user') {\n    itemsToReturn = JSON.parse(JSON.stringify(menuItems.value))\n    itemsToReturn = itemsToReturn.filter(\n      (item) =>\n        item.name !== 'My Organization' &&\n        item.name !== 'Locations' &&\n        item.name !== 'Insurance Companies',\n    )\n  } else {\n    itemsToReturn = clonedMenuItems\n  }\n\n  return itemsToReturn\n})\n</script>\n\n<template>\n  <div\n    class=\"dark:bg-muted-800 border-muted-200 dark:border-muted-700 fixed left-0 top-0 z-[60] flex h-full flex-col border-r bg-white transition-all duration-300\"\n    :class=\"[\n      !isOpen ? 'w-[80px]' : 'w-[280px]',\n      isMobileOpen\n        ? 'translate-x-0 xl:translate-x-0'\n        : '-translate-x-full xl:translate-x-0',\n    ]\"\n  >\n    \n    <slot name=\"header\">\n      <component\n        v-if=\"app.tairo.collapse?.navigation?.header?.component\"\n        :is=\"\n          resolveComponentOrNative(\n            app.tairo.collapse?.navigation?.header?.component,\n          )\n        \"\n      />\n    </slot>\n    \n    <div\n      class=\"slimscroll relative w-full grow overflow-y-auto py-6\"\n      :class=\"!isOpen ? 'px-4' : 'px-6'\"\n    >\n      \n      <ul id=\"sidebar-menu\" class=\"space-y-2\">\n        \n        <li v-for=\"(item, index) in menuItemsComputed\" :key=\"index\">\n          <TairoCollapseNavigationCollapseLinks\n            v-if=\"item.children\"\n            :item=\"item\"\n            :expanded=\"isOpen\"\n            @clicked=\"isOpen = true\"\n          />\n          <NuxtLink\n            v-else-if=\"item.to\"\n            :to=\"item.to\"\n            exact-active-class=\" !text-primary-500 dark:!text-primary-500\"\n            class=\"nui-focus hover:text-primary-500 dark:hover:text-primary-500 flex cursor-pointer items-center gap-5 rounded-lg py-3 font-medium text-[#475569] transition-colors duration-300 focus-within:outline-none dark:text-[#CBD5E1] dark:focus-within:outline-none\"\n            :class=\"!isOpen ? 'px-1 justify-center' : 'px-4'\"\n            @click=\"isMobileOpen = false\"\n          >\n            <Icon :name=\"item.icon.name\" :class=\"item.icon.class\" />\n            <span\n              class=\"font-heading whitespace-nowrap text-sm\"\n              :class=\"!isOpen ? 'hidden' : 'block'\"\n            >\n              {{ item.name }}\n            </span>\n          </NuxtLink>\n          <div\n            v-else-if=\"item.divider\"\n            class=\"border-muted-200 dark:border-muted-700 my-3 h-px w-full border-t\"\n          ></div>\n          <button\n            v-else\n            class=\"nui-focus hover:text-primary-500 dark:hover:text-primary-500 flex w-full cursor-pointer items-center gap-5 rounded-lg py-3 text-[#475569] transition-colors duration-300 focus-within:outline-none dark:text-[#CBD5E1] dark:focus-within:outline-none\"\n            :class=\"!isOpen ? 'px-1 justify-center' : 'px-4'\"\n            @click=\"item.click\"\n          >\n            <Icon :name=\"item.icon.name\" :class=\"item.icon.class\" />\n            <span\n              class=\"font-heading whitespace-nowrap text-sm\"\n              :class=\"!isOpen ? 'hidden' : 'block'\"\n            >\n              {{ item.name }}\n            </span>\n          </button>\n        </li>\n      </ul>\n    </div>\n    \n    <slot name=\"footer\">\n      <component\n        v-if=\"app.tairo.collapse?.navigation?.footer?.component\"\n        :is=\"\n          resolveComponentOrNative(\n            app.tairo.collapse?.navigation?.footer?.component,\n          )\n        \"\n      />\n    </slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCollapse } from '../composables/collapse'\n\nconst { isOpen, isMobileOpen, toggle } = useCollapse()\nconst { xl } = useTailwindBreakpoints()\n</script>\n\n<template>\n  <button\n    v-if=\"!xl\"\n    type=\"button\"\n    class=\"flex h-10 w-10 items-center justify-center\"\n    @click=\"() => toggle()\"\n  >\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clip-path=\"url(#clip0_8015_44410)\">\n        <path\n          d=\"M0 0.304688H20V2.72893H0V0.304688ZM0 8.78954H13.3333V11.2138H0V8.78954ZM0 17.2744H20V19.6986H0V17.2744Z\"\n          fill=\"#F18B21\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_8015_44410\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useAuthStore } from '~/store/auth.js'\nconst props = withDefaults(\n  defineProps<{\n    collapse?: boolean\n    horizontalScroll?: boolean\n  }>(),\n  {\n    collapse: true,\n  },\n)\n\nconst app = useAppConfig()\nconst store = useAuthStore()\nconst { role } = storeToRefs(store)\nconst route = useRoute()\n\nconst showNavBurger = computed(() => {\n  return props.collapse && app.tairo.collapse?.toolbar?.showNavBurger\n})\n</script>\n\n<template>\n  <div\n    class=\"relative z-50 flex h-16 items-center gap-2\"\n    :class=\"[\n      props.horizontalScroll && 'pe-4 xl:pe-10',\n      route.meta.title === 'Adjusters' ? 'mb-2.5 md:mb-5' : 'mb-5',\n    ]\"\n  >\n    <TairoCollapseBurger v-if=\"showNavBurger\" class=\"-ms-3\" />\n\n    \n    <BaseHeading\n      v-if=\"app.tairo.collapse?.toolbar?.showTitle\"\n      as=\"h1\"\n      size=\"2xl\"\n      weight=\"normal\"\n      class=\"dark:text-muted-100 cursor-default text-gray-900 md:hidden\"\n    >\n      <slot v-if=\"route.meta.title === 'Insurance Companies'\" name=\"title\"\n        >Companies</slot\n      >\n      <slot v-else-if=\"route.meta.title === 'Landing'\" name=\"title\"\n        >Dashboard</slot\n      >\n      <slot v-else name=\"title\">{{ route.meta.title }}</slot>\n    </BaseHeading>\n\n    \n    <BaseHeading\n      v-if=\"app.tairo.collapse?.toolbar?.showTitle\"\n      as=\"h1\"\n      size=\"2xl\"\n      weight=\"normal\"\n      class=\"dark:text-muted-100 hidden cursor-default text-gray-900 md:block\"\n    >\n      <slot v-if=\"route.meta.title === 'Landing'\" name=\"title\">Dashboard</slot>\n      <slot v-else name=\"title\">{{ route.meta.title }}</slot>\n    </BaseHeading>\n\n    \n    <div\n      v-if=\"route.meta.title === 'Adjusters'\"\n      class=\"mx-5 hidden h-7 w-[1px] border-l border-slate-300 md:block\"\n    ></div>\n    <a\n      v-if=\"route.meta.title === 'Adjusters'\"\n      @click.once=\"$router.go(-1)\"\n      class=\"font-heading hidden cursor-pointer md:block\"\n    >\n      <Icon\n        name=\"material-symbols:keyboard-arrow-down\"\n        class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n      />\n      <span\n        class=\"dark:text-muted-100 inline-block pt-2 text-sm font-medium text-gray-900\"\n      >\n        Back to Insurance Companies</span\n      ></a\n    >\n    <div\n      v-if=\"route.meta.title === 'Users' && role.name === 'org_product_owner'\"\n      class=\"mx-5 hidden h-7 w-[1px] border-l border-slate-300 md:block\"\n    ></div>\n    <a\n      v-if=\"route.meta.title === 'Users' && role.name === 'org_product_owner'\"\n      @click.once=\"$router.go(-1)\"\n      class=\"font-heading hidden cursor-pointer md:block\"\n    >\n      <Icon\n        name=\"material-symbols:keyboard-arrow-down\"\n        class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n      />\n      <span\n        class=\"dark:text-muted-100 inline-block pt-2 text-sm font-medium text-gray-900\"\n      >\n        Back to Organizations</span\n      ></a\n    >\n    <div\n      v-if=\"route.meta.title === 'Organization Details'\"\n      class=\"mx-5 hidden h-7 w-[1px] border-l border-slate-300 md:block\"\n    ></div>\n    <a\n      v-if=\"route.meta.title === 'Organization Details'\"\n      @click.once=\"$router.go(-1)\"\n      class=\"font-heading hidden cursor-pointer md:block\"\n    >\n      <Icon\n        name=\"material-symbols:keyboard-arrow-down\"\n        class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n      />\n      <span\n        class=\"dark:text-muted-100 inline-block pt-2 text-sm font-medium text-gray-900\"\n      >\n        Back to Organizations</span\n      ></a\n    >\n\n    <div\n      v-if=\"route.meta.title === 'Statuses Details'\"\n      class=\"mx-5 hidden h-7 w-[1px] border-l border-slate-300 md:block\"\n    ></div>\n    <a\n      v-if=\"route.meta.title === 'Statuses Details'\"\n      @click.once=\"$router.go(-1)\"\n      class=\"font-heading hidden cursor-pointer md:block\"\n    >\n      <Icon\n        name=\"material-symbols:keyboard-arrow-down\"\n        class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n      />\n      <span\n        class=\"dark:text-muted-100 inline-block pt-2 text-sm font-medium text-gray-900\"\n      >\n        Back\n      </span></a\n    >\n\n    <div class=\"ms-auto\"></div>\n    <template v-for=\"tool of app.tairo.collapse?.toolbar?.tools\">\n      <component\n        :is=\"resolveComponentOrNative(tool.component)\"\n        v-if=\"tool.component\"\n        :key=\"tool.component\"\n        v-bind=\"tool.props\"\n      />\n    </template>\n  </div>\n  \n  <a\n    v-if=\"route.meta.title === 'Adjusters'\"\n    @click.once=\"$router.go(-1)\"\n    class=\"font-heading mb-5 flex cursor-pointer items-center md:hidden\"\n  >\n    <Icon\n      name=\"material-symbols:keyboard-arrow-down\"\n      class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n    />\n    <span\n      class=\"dark:text-muted-100 inline-block text-sm font-medium text-gray-900\"\n    >\n      Back to Insurance Companies</span\n    ></a\n  >\n  <a\n    v-if=\"route.meta.title === 'Statuses Details'\"\n    @click.once=\"$router.go(-1)\"\n    class=\"font-heading mb-5 flex cursor-pointer items-center md:hidden\"\n  >\n    <Icon\n      name=\"material-symbols:keyboard-arrow-down\"\n      class=\"dark:text-muted-500 mr-2.5 block h-6 w-6 rotate-90 text-slate-400\"\n    />\n    <span\n      class=\"dark:text-muted-100 inline-block text-sm font-medium text-gray-900\"\n    >\n      Back</span\n    ></a\n  >\n</template>\n","<script setup lang=\"ts\">\nconst { y } = useNinjaWindowScroll()\nconst app = useAppConfig()\n\nconst isOpened = ref(false)\nconst isScrolled = computed(() => {\n  if (y.value < 60) {\n    isOpened.value = false\n  }\n  return y.value > 60\n})\n\nconst toolOffsets = [\n  'translate-x-[-6.5em] translate-y-[-0.25em]',\n  'translate-x-[-5.75em] translate-y-[3em]',\n  'translate-x-[-3.15em] translate-y-[5.5em]',\n  'translate-x-[0em] translate-y-[6.5em]',\n] as const\n\nconst tools = computed(() => {\n  return app.tairo.collapse?.circularMenu?.tools?.slice(0, 4) || []\n})\n</script>\n\n<template>\n  <div\n    class=\"after:bg-primary-600 after:shadow-primary-500/50 dark:after:shadow-muted-800/10 fixed right-[1em] top-[0.6em] z-[90] hidden transition-transform duration-300 after:absolute after:right-0 after:top-0 after:block after:h-12 after:w-12 after:rounded-full after:shadow-lg after:transition-transform after:duration-300 after:content-['']\"\n    :class=\"[\n      isOpened\n        ? 'after:ease-[cubic-bezier(0.68, 1.55, 0.265, 1)] after:scale-[5.5]'\n        : '',\n      isScrolled ? '' : '-translate-y-24',\n    ]\"\n  >\n    <button\n      type=\"button\"\n      class=\"bg-primary-500 shadow-primary-500/50 dark:shadow-muted-800/10 relative z-30 flex h-12 w-12 items-center justify-center rounded-full text-white shadow-lg\"\n      @click=\"isOpened = !isOpened\"\n    >\n      <span\n        class=\"relative block h-3 w-3 transition-all duration-300\"\n        :class=\"isOpened ? 'scale-90 top-0' : '-top-0.5'\"\n      >\n        <span\n          class=\"bg-muted-50 absolute block h-0.5 w-full transition-all duration-300\"\n          :class=\"isOpened ? '-rotate-45 top-1' : 'top-0.5'\"\n        ></span>\n        <span\n          class=\"bg-muted-50 absolute top-1/2 block h-0.5 w-full transition-all duration-300\"\n          :class=\"isOpened ? 'opacity-0 translate-x-4' : ''\"\n        ></span>\n        <span\n          class=\"bg-muted-50 absolute block h-0.5 w-full transition-all duration-300\"\n          :class=\"isOpened ? 'rotate-45 bottom-1.5' : 'bottom-0'\"\n        ></span>\n      </span>\n    </button>\n\n    <div>\n      <template v-for=\"(tool, idx) in tools\">\n        <div\n          v-if=\"tool.component\"\n          :key=\"tool.component\"\n          class=\"absolute right-[0.2em] top-[0.2em] z-20 flex items-center justify-center transition-all duration-300\"\n          :class=\"isOpened ? toolOffsets[idx] : 'translate-x-0 translate-y-0'\"\n        >\n          <component\n            :is=\"resolveComponentOrNative(tool.component)\"\n            v-bind=\"tool.props\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCollapse } from '../composables/collapse'\n\nconst props = withDefaults(\n  defineProps<{\n    collapse?: boolean\n    toolbar?: boolean\n    circularMenu?: boolean\n    condensed?: boolean\n    horizontalScroll?: boolean\n  }>(),\n  {\n    collapse: true,\n    toolbar: true,\n    circularMenu: true,\n  },\n)\n\nconst app = useAppConfig()\nconst { isOpen } = useCollapse()\n\nconst collapseEnabled = computed(() => {\n  return (\n    app.tairo.collapse?.navigation?.enabled !== false &&\n    props.collapse !== false\n  )\n})\n\nconst toolbarEnabled = computed(() => {\n  return (\n    app.tairo.collapse?.toolbar?.enabled !== false && props.toolbar !== false\n  )\n})\nconst circularMenuEnabled = computed(() => {\n  return (\n    app.tairo.collapse?.circularMenu?.enabled !== false &&\n    props.circularMenu !== false\n  )\n})\n\nconst mainClass = computed(() => {\n  if (props.condensed) {\n    return 'bg-muted-100 dark:bg-muted-900 relative min-h-screen w-full overflow-x-hidden'\n  }\n\n  if (!collapseEnabled.value) {\n    return 'bg-muted-100 dark:bg-muted-900 relative min-h-screen w-full overflow-x-hidden px-4 md:px-5 transition-all duration-300 lg:px-7.5'\n  }\n\n  const list = [\n    'bg-muted-100 dark:bg-muted-900 relative w-full px-4 md:px-5 transition-all duration-300 lg:px-7.5',\n  ]\n\n  if (isOpen.value) {\n    list.push('xl:max-w-[calc(100%_-_280px)] xl:ms-[280px]')\n  } else {\n    list.push('xl:max-w-[calc(100%_-_80px)] xl:ms-[80px]')\n  }\n\n  if (props.horizontalScroll) {\n    list.push('!pe-0 xl:!pe-0')\n  }\n\n  return list\n})\n</script>\n\n<template>\n  <div\n    class=\"bg-muted-100 dark:bg-muted-900 lg:pb-7.5 min-h-screen pb-5 2xl:pb-12\"\n  >\n    <slot name=\"navigation\">\n      <TairoCollapseNavigation v-if=\"collapseEnabled\" />\n    </slot>\n\n    <div :class=\"mainClass\">\n      <div\n        :class=\"[\n          props.condensed && !props.horizontalScroll && 'w-full',\n          !props.condensed && props.horizontalScroll && 'mx-auto w-full',\n          !props.condensed &&\n            !props.horizontalScroll &&\n            'mx-auto w-full max-w-7xl',\n        ]\"\n      >\n        <slot name=\"toolbar\">\n          <TairoCollapseToolbar\n            v-if=\"toolbarEnabled\"\n            :collapse=\"props.collapse\"\n            :horizontal-scroll=\"props.horizontalScroll\"\n          >\n            <template #title><slot name=\"toolbar-title\"></slot></template>\n          </TairoCollapseToolbar>\n        </slot>\n\n        <slot />\n      </div>\n    </div>\n\n    <TairoPanels />\n\n    <TairoCollapseCircularMenu v-if=\"circularMenuEnabled\" />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","isMobileOpen","useCollapse","route","useRoute","store","useAuthStore","isExternalUser","storeToRefs","isActive","computed","buttonRef","ref","isOpen","onDropClick","orgDetails","usePayments","details","__temp","__restore","_withAsyncContext","useAsyncData","permissions","role","hasGroupsPermission","hasUsersPermission","featureFlagEnabled","useRuntimeConfig","menuItems","app","useAppConfig","isMultiBoard","menuItemsComputed","itemsToReturn","clonedMenuItems","menuItemWithChildren","item","toggle","xl","useTailwindBreakpoints","showNavBurger","y","useNinjaWindowScroll","isOpened","isScrolled","toolOffsets","tools","collapseEnabled","toolbarEnabled","circularMenuEnabled","mainClass","list"],"mappings":"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"}