{"version":3,"file":"Projects-dd3da505.js","sources":["../../src/features/projects/components/TheProjectsToolbar.vue","../../src/features/projects/views/Projects.vue"],"sourcesContent":["<template>\n  <AskAnnaToolbar\n    density=\"compact\"\n    extension-height=\"50\"\n    :extended=\"$vuetify.display.xs && isFilterOpen\"\n    class=\"rounded [&>div:nth-child(2)]:px-2 [&>div]:pr-1\"\n    :class=\"{ 'pb-2': $vuetify.display.xs && isFilterOpen }\"\n  >\n    <div class=\"flex w-full items-center justify-between\">\n      <div class=\"sm:w-9/12 md:w-6/12 xl:w-4/12\">\n        <AskAnnaListTitle>\n          Explore projects\n        </AskAnnaListTitle>\n      </div>\n\n      <div class=\"w-8/12 sm:w-9/12 md:w-6/12 xl:w-4/12\">\n        <AskAnnaTextField\n          v-if=\"isFilterOpen && !$vuetify.display.xs\"\n          clearable\n          hide-details\n          v-model=\"search\"\n          class=\"clearable\"\n          @input=\"debounceedSearch\"\n          @click:clear=\"handleSearch\"\n          :placeholder=\"$vuetify.display.xs ? 'Search...' : 'Search projects...'\"\n        />\n      </div>\n      <div class=\" sm:w-9/12 md:w-6/12 xl:w-4/12 text-end\">\n        <AskAnnaButton\n          size=\"default\"\n          variant=\"text\"\n          @click=\"toggleFilter\"\n          :icon=\"filterMenuStyle.icon\"\n          :color=\"filterMenuStyle.color\"\n          :colorIcon=\"filterMenuStyle.color\"\n        />\n      </div>\n    </div>\n\n    <template\n      v-if=\"isFilterOpen\"\n      v-slot:extension\n    >\n      <div class=\"flex items-center w-full justify-center\">\n        <AskAnnaTextField\n          v-if=\"isFilterOpen && $vuetify.display.xs\"\n          clearable\n          hide-details\n          v-model=\"search\"\n          class=\"mr-2 clearable\"\n          @input=\"debounceedSearch\"\n          @click:clear=\"handleSearch\"\n          :placeholder=\"$vuetify.display.xs ? 'Search...' : 'Search projects...'\"\n        />\n        <VMenu transition=\"slide-y-transition\">\n          <template v-slot:activator=\"{ props }\">\n            <AskAnnaButtonActivator\n              v-bind=\"props\"\n              nameIcon=\"mdi-sort\"\n              :colorIcon=\"sortStyle.color\"\n            >\n              {{ sortrTitle }}\n            </AskAnnaButtonActivator>\n          </template>\n          <VList\n            color=\"primary\"\n            class=\"p-0 mt-2\"\n            v-model=\"activeSort\"\n            select-strategy=\"classic\"\n            @click:select=\"handleSort('projects', $event.id)\"\n          >\n            <VListItem\n              v-for=\"(item, i) in sortItems\"\n              :key=\"i\"\n              :value=\"i\"\n              :title=\"item.title\"\n              class=\"rounded-none\"\n              :active=\"activeSort === i\"\n            />\n          </VList>\n        </VMenu>\n        <VMenu\n          v-model=\"filterMenu\"\n          transition=\"slide-y-transition\"\n          :close-on-content-click=\"false\"\n        >\n          <template v-slot:activator=\"{ props }\">\n            <AskAnnaButtonActivator\n              class=\"ml-1\"\n              v-bind=\"props\"\n              nameIcon=\"mdi-filter-variant\"\n              :colorIcon=\"filterStyle.color\"\n            >\n              Filters\n            </AskAnnaButtonActivator>\n          </template>\n          <AskAnnaCard class=\"p-2 mt-2 w-72\">\n            <AskAnnaCardSubTitle>\n              Project visibility\n            </AskAnnaCardSubTitle>\n            <AskAnnaSelect\n              v-model=\"activeRoleFilter\"\n              :items=\"visibilityFilters\"\n            />\n\n            <AskAnnaCardSubTitle class=\"pt-4\">\n              Project membership\n            </AskAnnaCardSubTitle>\n            <AskAnnaSelect\n              :items=\"isMemberFilters\"\n              v-model=\"activeMemberFilter\"\n            />\n          </AskAnnaCard>\n        </VMenu>\n      </div>\n    </template>\n  </AskAnnaToolbar>\n</template>\n<script setup lang=\"ts\">\nconst {\n  search,\n  sortStyle,\n  sortItems,\n  activeSort,\n  sortrTitle,\n  filterMenu,\n  filterStyle,\n  isFilterOpen,\n  filterMenuStyle,\n  isMemberFilters,\n  activeRoleFilter,\n  visibilityFilters,\n  activeMemberFilter,\n\n  handleSort,\n  handleSearch,\n  toggleFilter,\n  debounceedSearch\n} = useSortFilter('Project', 'projects')\n</script>\n","<template>\n  <AskAnnaLoadingProgress :loading=\"loading\">\n    <AskAnnaInfiniteScroll @load=\"onLoadMore\">\n      <template v-slot:empty>\n        <div class=\"h-2 w-2\"></div>\n      </template>\n      <div class=\"pb-3 px-3\">\n        <TheProjectsToolbar />\n      </div>\n\n      <ul\n        role=\"list\"\n        :class=\"{ 'px-2': $vuetify.display.xs }\"\n        class=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 list list-none px-3\"\n      >\n        <li\n          v-for=\"item in projects\"\n          :key=\"item.suuid\"\n          @click=\"handleOpenProject(item)\"\n        >\n          <VHover\n            v-slot:default=\"{ props, isHovering }\"\n            open-delay=\"150\"\n            close-delay=\"150\"\n          >\n            <AskAnnaListCardItem\n              v-bind=\"props\"\n              :name=\"item.name\"\n              :hover=\"isHovering\"\n              :visibility=\"item.visibility\"\n              :description=\"sanitizeHTML(item.description)\"\n              :to=\"{\n                name: 'workspace-project-code',\n                params: {\n                  title: `${item.name} - ${item.workspace.name}`,\n                  projectId: item.suuid,\n                  workspaceId: item.workspace.suuid,\n                  packageId: (item.package && item.package.suuid) || ''\n                }\n              }\"\n            />\n          </VHover>\n        </li>\n      </ul>\n\n      <AskAnnaAlert\n        v-if=\"!loading && !projects.length\"\n        class=\"mx-3\"\n      >\n        <template v-if=\"queryParams.search\">There are no projects for this search request.</template>\n        <template v-else-if=\"queryParams.visibility || queryParams.is_member\">There are no projects for this filter\n          request.</template>\n        <template v-else>There are no projects that you have access to.</template>\n      </AskAnnaAlert>\n    </AskAnnaInfiniteScroll>\n  </AskAnnaLoadingProgress>\n</template>\n\n<script setup lang=\"ts\">\nconst sanitizeHTML = useSanitizeHTML()\nconst projectsStore = useProjectsStore()\nconst { route, routerPush } = useRouterAskAnna()\n\nconst queryParams = computed(() => route.query)\nconst loading = computed(() => projectsStore.loading)\nconst next = computed(() => projectsStore.projects.next)\nconst projects = computed(() => projectsStore.projects.results)\n\nconst { onLoadMore } = useQuery({\n  next,\n  queryParams,\n  page_size: 27,\n  loading: false,\n  immediate: true,\n  store: projectsStore,\n  storeAction: projectsStore.getProjects\n})\n\nconst handleOpenProject = project => {\n  routerPush({\n    name: 'workspace-project-code',\n    params: {\n      projectId: project.suuid,\n      workspaceId: project.workspace.suuid,\n      title: `${project.name} - ${project.workspace.name}`,\n      packageId: (project.package && project.package.suuid) || ''\n    }\n  })\n}\n</script>"],"names":["search","sortStyle","sortItems","activeSort","sortrTitle","filterMenu","filterStyle","isFilterOpen","filterMenuStyle","isMemberFilters","activeRoleFilter","visibilityFilters","activeMemberFilter","handleSort","handleSearch","toggleFilter","debounceedSearch","useSortFilter","sanitizeHTML","useSanitizeHTML","projectsStore","useProjectsStore","route","routerPush","useRouterAskAnna","queryParams","computed","loading","next","projects","onLoadMore","useQuery","handleOpenProject","project"],"mappings":"8vCAuHA,KAAA,CAAM,OAAAA,EACJ,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,WAAAC,EAEA,aAAAC,EACA,aAAAC,EACA,iBAAAC,CACA,EAAAC,GAAA,UAAA,UAAA,8wFC9EF,MAAAC,EAAAC,IACAC,EAAAC,KACA,CAAA,MAAAC,EAAA,WAAAC,CAAA,EAAAC,GAAA,EAEAC,EAAAC,EAAA,IAAAJ,EAAA,KAAA,EACAK,EAAAD,EAAA,IAAAN,EAAA,OAAA,EACAQ,EAAAF,EAAA,IAAAN,EAAA,SAAA,IAAA,EACAS,EAAAH,EAAA,IAAAN,EAAA,SAAA,OAAA,EAEA,CAAA,WAAAU,CAAA,EAAAC,GAAA,CAAgC,KAAAH,EAC9B,YAAAH,EACA,UAAA,GACW,QAAA,GACF,UAAA,GACE,MAAAL,EACJ,YAAAA,EAAA,WACoB,CAAA,EAG7BY,EAAAC,GAAA,CACEV,EAAA,CAAW,KAAA,yBACH,OAAA,CACE,UAAAU,EAAA,MACa,YAAAA,EAAA,UAAA,MACY,MAAA,GAAAA,EAAA,IAAA,MAAAA,EAAA,UAAA,IAAA,GACmB,UAAAA,EAAA,SAAAA,EAAA,QAAA,OAAA,EACO,CAC3D,CAAA,CACD"}