{"version":3,"sources":["webpack:///./src/store/contracts/imageCategories/imageCategoryModifyType.ts","webpack:///./src/store/imageCategories/mapping/imageCategoryListing.ts","webpack:///./src/store/imageCategories/imageCategories.ts","webpack:///./src/views/ImageCategories.vue","webpack:///./src/views/ImageCategories.vue?ee0e","webpack:///./src/views/ImageCategories.vue?9933","webpack:///./src/views/imageCategories/ImageCategoryListPage.vue?5ade","webpack:///./node_modules/quasar/src/components/badge/QBadge.js","webpack:///./src/validation/addImageCategoryValidationModel.ts","webpack:///./src/components/imageCategories/ImageCategoryCard.vue?4972","webpack:///./src/components/imageCategories/ImageCategoryDialog.vue?feed","webpack:///./node_modules/quasar/src/composables/private/use-file.js","webpack:///./node_modules/quasar/src/components/file/QFile.js","webpack:///./src/components/imageCategories/ImageCategoryCard.vue?9c3b","webpack:///./src/views/imageCategories/ImageCategoryListPage.vue","webpack:///./src/components/imageCategories/ImageCategoryCard.vue","webpack:///./src/store/imageCategories/tagList.ts","webpack:///./src/components/imageCategories/ImageCategoryDialog.vue","webpack:///./src/components/imageCategories/ImageCategoryDialog.vue?3322","webpack:///./src/components/imageCategories/ImageCategoryDialog.vue?6894","webpack:///./src/components/imageCategories/ImageCategoryCard.vue?2cd3","webpack:///./node_modules/quasar/src/components/scroll-area/QScrollArea.js","webpack:///./src/components/imageCategories/ImageCategoryCard.vue?3a62","webpack:///./node_modules/quasar/src/utils/export-file.js","webpack:///./src/views/imageCategories/ImageCategoryListPage.vue?54bc","webpack:///./src/views/imageCategories/ImageCategoryListPage.vue?c974","webpack:///./src/components/imageCategories/ImageCategoryDialog.vue?34fe","webpack:///./src/views/imageCategories/ImageCategoryListPage.vue?c67f"],"names":["ImageCategoryModifyType","toApp","serverModel","id","CategoryId","name","Name","tags","Tags","isUnassigned","IsUnassigned","ImageCategoriesStoreKey","Symbol","setImageCategories","state","imageCategories","sortBy","c","c1","c2","localeCompare","sensitivity","loadImageCategories","handler","adminApiBaseUrl","onSuccess","Categories","map","renameCategory","model","renameValidationModel","createForUUID","categoryId","validation","doValidation","value","impl","CategoryName","isValid","$type","RenameCategory","NewName","onError","r","status","setModelFieldResult","modelName","deleteCategory","DeleteCategory","addCategory","CategoryIds","length","moveImageTags","targetCategoryId","targetCategory","find","tagsToMove","filter","t","includes","some","forEach","sc","MoveTags","importTags","file","blob","Blob","config","contentType","type","headers","createState","clear","createForState","deleteImageCategory","renameImageCategory","provideStore","app","undefined","provide","useStore","Error","view","components","AsyncContent","TopNav","LeftDrawer","setup","render","QLayout","module","exports","alignValues","defineComponent","props","color","String","textColor","floating","Boolean","transparent","multiLine","outline","rounded","label","Number","align","validator","v","slots","style","computed","verticalAlign","classes","text","h","class","role","hSlot","default","AddImageCategoryFieldName","AddImageCategoryValidationModel","setField","getter","rules","filterFiles","files","rejectedFiles","failedPropValidation","filterFn","acceptedFiles","push","stopAndPreventDrag","e","dataTransfer","dropEffect","stopAndPrevent","useFileProps","multiple","accept","capture","maxFileSize","maxTotalSize","maxFiles","Function","useFileEmits","editable","dnd","getFileInput","addFilesToQueue","getCurrentInstance","emit","proxy","extensions","split","ext","trim","endsWith","slice","toUpperCase","maxFilesNumber","parseInt","maxTotalSizeNumber","pickFiles","input","click","addFiles","processFiles","filesToProcess","currentFileList","append","Array","from","target","done","indexOf","startsWith","size","reduce","total","filteredFiles","filesNumber","onDragover","onDragleave","onDrop","getDndNode","onDragenter","Object","assign","useFieldProps","useFormProps","modelValue","File","FileList","useChips","displayValue","tabindex","counterLabel","inputClass","inputStyle","emits","useFieldEmits","attrs","useFieldState","inputRef","ref","nameProp","useFormInputNameAttr","useFile","formDomProps","useFileFormDomProps","innerValue","hasValue","fieldValueIsFilled","selectedString","join","totalSize","humanStorageSize","acc","counterProps","inputAttrs","title","targetUid","disabled","isAppending","removeAtIndex","index","splice","emitValue","removeFile","findIndex","onKeyup","keyCode","fileList","concat","getSelection","selected","this","i","QChip","key","removable","dense","onRemove","textContent","getInput","data","onChange","fieldClass","floatingLabel","computedCounter","max","getControlChild","getControl","targetRef","useField","clearable","clearAddCategory","clear-icon","addCategoryInput","startAddCategory","error","fieldIsError","error-message","fieldErrorMessage","after","loading","isAdding","isImporting","pickFile","exportCategories","imageCategory","unassignedImageCategory","newCatId","addedTags","onTagsMoved","rows","grid","row-key","getRowId","pagination","item","row","confirmDelete","cardStyle","horizontal","onKeyEnter","stopRenaming","readonly","isRenaming","categoryNameText","isUpdating","isRequestingUpdate","isRequestingRename","doRename","startRenaming","showAllVisible","icon","round","flat","showAll","emitDelete","data-category","onDragEnter","onDragLeave","onDragOver","onDragEnd","onDropzoneClick","categoryHtmlClass","scrollAreaStyle","tag","data-tag","tagHtmlClass","draggable","onDragStart","$event","onDragEnterTag","onDragLeaveTag","onDragOverTag","onDropTag","addToMove","rightAddToMove","tagHtmlId","context-menu","touch-position","clickable","side","auto-close","anchor","self","cat","moveTags","isShowingAll","TagListStoreKey","addTag","selectedTags","removeTag","clearTags","setDropTarget","category","dropTargetCategory","deselectDropTarget","startDrag","dragDelayTimerId","setTimeout","isDragging","stopDrag","clearTimeout","isOpen","persistent","tagsDisplay","close","required","get","set","QDialog","QCard","QCardSection","QBtn","EditFieldActions","ImageCategoryDialog","cardInput","cardInputEl","$el","cardInputInputEl","querySelector","imageCategoriesStore","tagListStore","cardValidationModel","comp","editText","validationStore","compText","isEditing","doUpdate","startEditing","stopEditing","setData","dragAddToMove","preventDefault","stopPropagation","parentNode","dataset","onTag","ctrlKey","clearMoveList","axisList","dirProps","vertical","offset","scroll","dir","dist","useDarkProps","thumbStyle","verticalThumbStyle","horizontalThumbStyle","barStyle","verticalBarStyle","horizontalBarStyle","contentStyle","contentActiveStyle","delay","visible","onScroll","timer","panRefPos","tempShowing","panning","hover","container","position","vm","isDark","useDark","$q","percentage","p","between","Math","thumbHidden","thumbSize","pos","top","height","thumbClass","barClass","left","width","mainStyle","thumbVertDir","TouchPan","onPanThumb","prevent","mouse","mouseAllDir","thumbHorizDir","emitScroll","debounce","info","axis","localSetScrollPosition","duration","fn","setVerticalScrollPosition","setHorizontalScrollPosition","console","updateContainer","change","startTimer","updateScroll","updateScrollSize","isFirst","isFinal","dProp","containerSize","multiplier","distance","direction","setScroll","onMousedown","evt","dispatchEvent","MouseEvent","onVerticalMousedown","onHorizontalMousedown","onMouseenter","onMouseleave","getScrollTarget","getScrollPosition","setScrollPosition","setScrollPercentage","hMergeSlot","QResizeObserver","onResize","QScrollObserver","withDirectives","QInput","QTooltip","QIcon","QScrollArea","QBadge","QMenu","QItem","QItemSection","QList","QField","clean","link","window","URL","revokeObjectURL","href","remove","fileName","rawData","mimeType","document","createElement","download","createObjectURL","classList","add","body","appendChild","err","ImageCategoryCard","mapCategory","importFile","fileInput","categoryItemsForExport","categoriesForExport","exportString","JSON","stringify","notify","message","actions","timeout","dialog","cancel","onOk","tagsAdded","fieldName","QFile","QTable"],"mappings":"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","file":"js/imageCategories.f7964720.js","sourcesContent":["// This is used for polymorphic json requests to the backend image-category/modify api.\r\nexport enum ImageCategoryModifyType {\r\n  RenameCategory = 'rename',\r\n  DeleteCategory = 'delete',\r\n  MoveTags = 'moveTags'\r\n}\r\n","import { IImageCategoryListingModel, IServerImageCategoryListingModel } from '@/store/contracts/imageCategories/imageCategories';\r\n\r\nexport function toApp (serverModel: IServerImageCategoryListingModel): IImageCategoryListingModel {\r\n  return {\r\n    id: serverModel.CategoryId,\r\n    name: serverModel.Name,\r\n    tags: serverModel.Tags,\r\n    isUnassigned: serverModel.IsUnassigned\r\n  };\r\n}\r\n","import { Settings } from '@/settings';\r\nimport { IAddImageCategoryModel, IAddImageCategoryModelRequest, IImageCategoriesState, IImageCategoriesStore, IServerAddCategoryResponse, IServerImageCategoryResponse, TAddCategory, TDeleteImageCategory, TImportTags, TLoadImageCategories, TMoveImageTags, TRenameImageCategory, TSetImageCategories } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { ImageCategoryModifyType } from '@/store/contracts/imageCategories/imageCategoryModifyType';\r\nimport { toApp as imageCategoryToApp } from '@/store/imageCategories/mapping/imageCategoryListing';\r\nimport { chainHandlers, DefaultIStatusHandler, handleErrorStatus, handleErrorStatusResult, ResponseStatus } from '@/store/utils/apiResponseHandling';\r\nimport { sendRequest } from '@/store/utils/axiosUtils';\r\nimport { App, inject, provide, reactive, readonly } from 'vue';\r\nimport { store as validationStore } from '@/store/validation';\r\nimport validationModel, { AddImageCategoryFieldName } from '@/validation/addImageCategoryValidationModel';\r\nimport { impl } from '@/utils/impl';\r\nimport { isNullOrWhitespace } from '@/utils/stringUtils';\r\n\r\nconst ImageCategoriesStoreKey = Symbol('ImageCategoriesStore');\r\n\r\nfunction setImageCategories (state: IImageCategoriesState): TSetImageCategories {\r\n  return (imageCategories) => {\r\n    state.imageCategories = imageCategories.sortBy(c => c, (c1, c2) => {\r\n      return c1.name.localeCompare(c2.name, 'en', { sensitivity: 'base' });\r\n    });\r\n  };\r\n}\r\n\r\nfunction loadImageCategories (state: IImageCategoriesState): TLoadImageCategories {\r\n  return async (handler) => {\r\n    await handleErrorStatusResult(await sendRequest<IServerImageCategoryResponse>(\r\n      `${Settings.adminApiBaseUrl}/admin/v1/category/load`,\r\n      'get'\r\n    ), chainHandlers({\r\n      onSuccess: async (c) => setImageCategories(state)(c.Categories.map(imageCategoryToApp))\r\n    }, handler));\r\n  };\r\n}\r\n\r\nfunction renameCategory (state: IImageCategoriesState): TRenameImageCategory {\r\n  return async (model, handler) => {\r\n    const renameValidationModel = validationModel.createForUUID(model.categoryId);\r\n    const isValid = await validationStore.doValidation({\r\n      model: renameValidationModel,\r\n      value: impl<IAddImageCategoryModel>({\r\n        CategoryName: model.name,\r\n        Tags: []\r\n      })\r\n    });\r\n    if (isValid) {\r\n      await handleErrorStatus(await sendRequest<ResponseStatus.Success>(\r\n        `${Settings.adminApiBaseUrl}/admin/v1/category/modify`,\r\n        'post',\r\n        {\r\n          $type: ImageCategoryModifyType.RenameCategory,\r\n          CategoryId: model.categoryId,\r\n          NewName: model.name\r\n        }\r\n      ), chainHandlers({\r\n        onSuccess: async () => await loadImageCategories(state)(),\r\n        onError: async (r) => {\r\n          const status = r?.status ?? 500;\r\n          if (status === 409) {\r\n            validationStore.setModelFieldResult(renameValidationModel.modelName, AddImageCategoryFieldName.Name, `Category with name ${model.name} exists.`);\r\n            return;\r\n          }\r\n          await DefaultIStatusHandler.onError(r);\r\n        }\r\n      }, handler));\r\n    }\r\n  };\r\n}\r\n\r\nfunction deleteCategory (state: IImageCategoriesState): TDeleteImageCategory {\r\n  return async (categoryId, handler) => {\r\n    await handleErrorStatus(await sendRequest<ResponseStatus.Success>(\r\n      `${Settings.adminApiBaseUrl}/admin/v1/category/modify`,\r\n      'post',\r\n      {\r\n        $type: ImageCategoryModifyType.DeleteCategory,\r\n        CategoryId: categoryId\r\n      }\r\n    ), chainHandlers({\r\n      onSuccess: async () => await loadImageCategories(state)()\r\n    }, handler));\r\n  };\r\n}\r\n\r\nfunction addCategory (state: IImageCategoriesState): TAddCategory {\r\n  return async (model, handler) => {\r\n    const isValid = await validationStore.doValidation({\r\n      model: validationModel,\r\n      value: model\r\n    });\r\n    if (isValid) {\r\n      await handleErrorStatus(await sendRequest<IServerAddCategoryResponse>(\r\n        `${Settings.adminApiBaseUrl}/admin/v1/category/add`,\r\n        'post',\r\n        {\r\n          Categories: [{\r\n            CategoryName: model.CategoryName,\r\n            Tags: []\r\n          }]\r\n        } as IAddImageCategoryModelRequest\r\n      ), chainHandlers({\r\n        onSuccess: async (c) => {\r\n          if (c.CategoryIds.length > 0) {\r\n            await loadImageCategories(state)();\r\n          } else {\r\n            validationStore.setModelFieldResult(validationModel.modelName, AddImageCategoryFieldName.Name, `Category with name ${model.CategoryName} exists.`);\r\n          }\r\n        }\r\n      }, handler));\r\n    }\r\n  };\r\n}\r\n\r\nfunction moveImageTags (state: IImageCategoriesState): TMoveImageTags {\r\n  return async (tags, targetCategoryId, handler) => {\r\n    const targetCategory = state.imageCategories\r\n      .find((c) => c.id === targetCategoryId);\r\n    if (targetCategory) {\r\n      const tagsToMove = tags.filter((t) => !targetCategory.tags.includes(t));\r\n      if (tagsToMove.length > 0) {\r\n        targetCategory.tags = [...targetCategory.tags, ...tagsToMove];\r\n        state.imageCategories\r\n          .filter((c) => c.tags.some(t => tagsToMove.includes(t)))\r\n          .forEach((sc) => {\r\n            sc.tags = sc.tags.filter((t) => !tagsToMove.includes(t));\r\n          });\r\n        await handleErrorStatus(await sendRequest<ResponseStatus.Success>(\r\n          `${Settings.adminApiBaseUrl}/admin/v1/category/modify`,\r\n          'post',\r\n          {\r\n            $type: ImageCategoryModifyType.MoveTags,\r\n            CategoryId: targetCategoryId,\r\n            Tags: tagsToMove\r\n          }\r\n        ), chainHandlers({\r\n          onSuccess: async () => await loadImageCategories(state)()\r\n        }, handler));\r\n      }\r\n    }\r\n  };\r\n}\r\n\r\nfunction importTags (state: IImageCategoriesState): TImportTags {\r\n  return async (file, handler) => {\r\n    const blob = new Blob([file]);\r\n    await handleErrorStatus(await sendRequest<ResponseStatus.Success>(\r\n      `${Settings.adminApiBaseUrl}/admin/v1/category/import`,\r\n      'post',\r\n      blob,\r\n      async (config) => {\r\n        const contentType = isNullOrWhitespace(blob.type) ? file.type : blob.type;\r\n        config.headers = config.headers ?? {};\r\n        config.headers['Content-Type'] = contentType;\r\n        return config;\r\n      }\r\n    ), chainHandlers({\r\n      onSuccess: async () => await loadImageCategories(state)()\r\n    }, handler));\r\n  };\r\n}\r\n\r\nexport function createState (): IImageCategoriesState {\r\n  validationStore.clear(validationModel);\r\n  return reactive<IImageCategoriesState>({\r\n    imageCategories: []\r\n  });\r\n}\r\n\r\nexport function createForState (state: IImageCategoriesState): IImageCategoriesStore {\r\n  return {\r\n    state: readonly(state),\r\n    setImageCategories: setImageCategories(state),\r\n    loadImageCategories: loadImageCategories(state),\r\n    addCategory: addCategory(state),\r\n    deleteImageCategory: deleteCategory(state),\r\n    moveImageTags: moveImageTags(state),\r\n    renameImageCategory: renameCategory(state),\r\n    importTags: importTags(state)\r\n  };\r\n}\r\n\r\nexport function provideStore (app?: App<Element>): IImageCategoriesStore {\r\n  const state = createState();\r\n  if (app !== undefined) {\r\n    app.provide(ImageCategoriesStoreKey, state);\r\n  } else {\r\n    provide(ImageCategoriesStoreKey, state);\r\n  }\r\n\r\n  return createForState(state);\r\n}\r\n\r\nexport function useStore (): IImageCategoriesStore {\r\n  const state = inject<IImageCategoriesState>(ImageCategoriesStoreKey);\r\n  if (state === undefined) {\r\n    throw new Error('Using ImageCategoriesStore before providing it!');\r\n  }\r\n  return createForState(state);\r\n}\r\n","<template>\r\n  <q-layout id=\"image-category-view bg-pl-gray-50\" view=\"lhh lpR lfr\">\r\n        <TopNav id=\"top-nav\"></TopNav>\r\n        <LeftDrawer id=\"side-nav\"></LeftDrawer>\r\n        <AsyncContent id=\"view-content\"></AsyncContent>\r\n    </q-layout>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from 'vue';\r\nimport AsyncContent from '@/components/AsyncContent.vue';\r\nimport TopNav from '@/components/TopNav.vue';\r\nimport LeftDrawer from '@/components/LeftDrawer.vue';\r\nimport { provideStore as provideImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\n\r\nexport default defineComponent({\r\n  name: 'ImageCategories',\r\n  components: {\r\n    AsyncContent,\r\n    TopNav,\r\n    LeftDrawer\r\n  },\r\n  setup () {\r\n    provideImageCategoriesStore();\r\n  }\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from 'vue';\r\nimport AsyncContent from '@/components/AsyncContent.vue';\r\nimport TopNav from '@/components/TopNav.vue';\r\nimport LeftDrawer from '@/components/LeftDrawer.vue';\r\nimport { provideStore as provideImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\n\r\nexport default defineComponent({\r\n  name: 'ImageCategories',\r\n  components: {\r\n    AsyncContent,\r\n    TopNav,\r\n    LeftDrawer\r\n  },\r\n  setup () {\r\n    provideImageCategoriesStore();\r\n  }\r\n});\r\n","import { render } from \"./ImageCategories.vue?vue&type=template&id=40f2c168\"\nimport script from \"./ImageCategories.vue?vue&type=script&lang=ts\"\nexport * from \"./ImageCategories.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script\nimport QLayout from 'quasar/src/components/layout/QLayout.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QLayout});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Gray50\":\"#fafafa\",\"Gray100\":\"#f2f4f5\",\"Gray200\":\"#ebeff2\",\"Gray300\":\"#dae0e6\",\"Gray400\":\"#bec5cc\",\"Gray500\":\"#a1aab3\",\"Gray600\":\"#8a9299\",\"Gray700\":\"#737980\",\"Gray800\":\"#5c6166\",\"Gray900\":\"#45494d\",\"Navy50\":\"#bde3fc\",\"Navy100\":\"#7ec9fc\",\"Navy200\":\"#3faffc\",\"Navy300\":\"#0095fc\",\"Navy400\":\"#0086e3\",\"Navy500\":\"#0077c9\",\"Navy600\":\"#0068b0\",\"Navy700\":\"#005996\",\"Navy800\":\"#004a7d\",\"Navy900\":\"#002b49\",\"Blue50\":\"#bbeafa\",\"Blue100\":\"#7ddafa\",\"Blue200\":\"#3ecafa\",\"Blue300\":\"#00bbfa\",\"Blue400\":\"#00a8e1\",\"Blue500\":\"#0095c7\",\"Blue600\":\"#0081ad\",\"Blue700\":\"#006e94\",\"Blue800\":\"#005b7a\",\"Blue900\":\"#004861\",\"Red50\":\"#f2b5c1\",\"Red100\":\"#f2798f\",\"Red200\":\"#f23d5e\",\"Red300\":\"#f2002c\",\"Red400\":\"#d90027\",\"Red500\":\"#bf0023\",\"Red600\":\"#a6001e\",\"Red700\":\"#8c001a\",\"Red800\":\"#730015\",\"Red900\":\"#590010\",\"Yellow50\":\"#fcf8bd\",\"Yellow100\":\"#fcf37e\",\"Yellow200\":\"#fcef3f\",\"Yellow300\":\"#fceb00\",\"Yellow400\":\"#e3d400\",\"Yellow500\":\"#c9bc00\",\"White\":\"#fff\",\"Black\":\"#17181a\",\"Orange\":\"#ff8900\",\"Transparent\":\"rgba(255,255,255,0)\"};","import { h, defineComponent, computed } from 'vue'\n\nimport { hSlot } from '../../utils/private/render.js'\n\nconst alignValues = [ 'top', 'middle', 'bottom' ]\n\nexport default defineComponent({\n  name: 'QBadge',\n\n  props: {\n    color: String,\n    textColor: String,\n\n    floating: Boolean,\n    transparent: Boolean,\n    multiLine: Boolean,\n    outline: Boolean,\n    rounded: Boolean,\n\n    label: [ Number, String ],\n\n    align: {\n      type: String,\n      validator: v => alignValues.includes(v)\n    }\n  },\n\n  setup (props, { slots }) {\n    const style = computed(() => {\n      return props.align !== void 0\n        ? { verticalAlign: props.align }\n        : null\n    })\n\n    const classes = computed(() => {\n      const text = props.outline === true\n        ? props.color || props.textColor\n        : props.textColor\n\n      return 'q-badge flex inline items-center no-wrap'\n        + ` q-badge--${ props.multiLine === true ? 'multi' : 'single' }-line`\n        + (props.outline === true\n          ? ' q-badge--outline'\n          : (props.color !== void 0 ? ` bg-${ props.color }` : '')\n        )\n        + (text !== void 0 ? ` text-${ text }` : '')\n        + (props.floating === true ? ' q-badge--floating' : '')\n        + (props.rounded === true ? ' q-badge--rounded' : '')\n        + (props.transparent === true ? ' q-badge--transparent' : '')\n    })\n\n    return () => h('div', {\n      class: classes.value,\n      style: style.value,\n      role: 'alert',\n      'aria-label': props.label\n    }, props.label !== void 0 ? props.label : hSlot(slots.default))\n  }\n})\n","import { IAddImageCategoryModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { ValidationModel } from '@/validation';\r\nimport { stringRequiredRule } from '@/validation/common/rules';\r\n\r\nexport enum AddImageCategoryFieldName {\r\n  Name = 'name'\r\n}\r\n\r\nclass AddImageCategoryValidationModel extends ValidationModel<IAddImageCategoryModel> {\r\n  constructor () {\r\n    super();\r\n\r\n    this.setField(AddImageCategoryFieldName.Name, {\r\n      getter: (model) => model?.CategoryName ?? null,\r\n      rules: [\r\n        stringRequiredRule('Category name is required.')\r\n      ]\r\n    });\r\n  }\r\n\r\n  public get modelName (): string {\r\n    return 'AddImageCategory';\r\n  }\r\n}\r\n\r\nexport default new AddImageCategoryValidationModel();\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Gray50\":\"#fafafa\",\"Gray100\":\"#f2f4f5\",\"Gray200\":\"#ebeff2\",\"Gray300\":\"#dae0e6\",\"Gray400\":\"#bec5cc\",\"Gray500\":\"#a1aab3\",\"Gray600\":\"#8a9299\",\"Gray700\":\"#737980\",\"Gray800\":\"#5c6166\",\"Gray900\":\"#45494d\",\"Navy50\":\"#bde3fc\",\"Navy100\":\"#7ec9fc\",\"Navy200\":\"#3faffc\",\"Navy300\":\"#0095fc\",\"Navy400\":\"#0086e3\",\"Navy500\":\"#0077c9\",\"Navy600\":\"#0068b0\",\"Navy700\":\"#005996\",\"Navy800\":\"#004a7d\",\"Navy900\":\"#002b49\",\"Blue50\":\"#bbeafa\",\"Blue100\":\"#7ddafa\",\"Blue200\":\"#3ecafa\",\"Blue300\":\"#00bbfa\",\"Blue400\":\"#00a8e1\",\"Blue500\":\"#0095c7\",\"Blue600\":\"#0081ad\",\"Blue700\":\"#006e94\",\"Blue800\":\"#005b7a\",\"Blue900\":\"#004861\",\"Red50\":\"#f2b5c1\",\"Red100\":\"#f2798f\",\"Red200\":\"#f23d5e\",\"Red300\":\"#f2002c\",\"Red400\":\"#d90027\",\"Red500\":\"#bf0023\",\"Red600\":\"#a6001e\",\"Red700\":\"#8c001a\",\"Red800\":\"#730015\",\"Red900\":\"#590010\",\"Yellow50\":\"#fcf8bd\",\"Yellow100\":\"#fcf37e\",\"Yellow200\":\"#fcef3f\",\"Yellow300\":\"#fceb00\",\"Yellow400\":\"#e3d400\",\"Yellow500\":\"#c9bc00\",\"White\":\"#fff\",\"Black\":\"#17181a\",\"Orange\":\"#ff8900\",\"Transparent\":\"rgba(255,255,255,0)\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Gray50\":\"#fafafa\",\"Gray100\":\"#f2f4f5\",\"Gray200\":\"#ebeff2\",\"Gray300\":\"#dae0e6\",\"Gray400\":\"#bec5cc\",\"Gray500\":\"#a1aab3\",\"Gray600\":\"#8a9299\",\"Gray700\":\"#737980\",\"Gray800\":\"#5c6166\",\"Gray900\":\"#45494d\",\"Navy50\":\"#bde3fc\",\"Navy100\":\"#7ec9fc\",\"Navy200\":\"#3faffc\",\"Navy300\":\"#0095fc\",\"Navy400\":\"#0086e3\",\"Navy500\":\"#0077c9\",\"Navy600\":\"#0068b0\",\"Navy700\":\"#005996\",\"Navy800\":\"#004a7d\",\"Navy900\":\"#002b49\",\"Blue50\":\"#bbeafa\",\"Blue100\":\"#7ddafa\",\"Blue200\":\"#3ecafa\",\"Blue300\":\"#00bbfa\",\"Blue400\":\"#00a8e1\",\"Blue500\":\"#0095c7\",\"Blue600\":\"#0081ad\",\"Blue700\":\"#006e94\",\"Blue800\":\"#005b7a\",\"Blue900\":\"#004861\",\"Red50\":\"#f2b5c1\",\"Red100\":\"#f2798f\",\"Red200\":\"#f23d5e\",\"Red300\":\"#f2002c\",\"Red400\":\"#d90027\",\"Red500\":\"#bf0023\",\"Red600\":\"#a6001e\",\"Red700\":\"#8c001a\",\"Red800\":\"#730015\",\"Red900\":\"#590010\",\"Yellow50\":\"#fcf8bd\",\"Yellow100\":\"#fcf37e\",\"Yellow200\":\"#fcef3f\",\"Yellow300\":\"#fceb00\",\"Yellow400\":\"#e3d400\",\"Yellow500\":\"#c9bc00\",\"White\":\"#fff\",\"Black\":\"#17181a\",\"Orange\":\"#ff8900\",\"Transparent\":\"rgba(255,255,255,0)\"};","import { h, computed, getCurrentInstance } from 'vue'\n\nimport { stopAndPrevent } from '../../utils/event.js'\n\nfunction filterFiles (files, rejectedFiles, failedPropValidation, filterFn) {\n  const acceptedFiles = []\n\n  files.forEach(file => {\n    if (filterFn(file) === true) {\n      acceptedFiles.push(file)\n    }\n    else {\n      rejectedFiles.push({ failedPropValidation, file })\n    }\n  })\n\n  return acceptedFiles\n}\n\nfunction stopAndPreventDrag (e) {\n  e && e.dataTransfer && (e.dataTransfer.dropEffect = 'copy')\n  stopAndPrevent(e)\n}\n\nexport const useFileProps = {\n  multiple: Boolean,\n  accept: String,\n  capture: String,\n  maxFileSize: [ Number, String ],\n  maxTotalSize: [ Number, String ],\n  maxFiles: [ Number, String ],\n  filter: Function\n}\n\nexport const useFileEmits = [ 'rejected' ]\n\nexport default function ({\n  editable,\n  dnd,\n  getFileInput,\n  addFilesToQueue\n}) {\n  const { props, emit, proxy } = getCurrentInstance()\n\n  const extensions = computed(() => (\n    props.accept !== void 0\n      ? props.accept.split(',').map(ext => {\n          ext = ext.trim()\n          if (ext === '*') { // support \"*\"\n            return '*/'\n          }\n          else if (ext.endsWith('/*')) { // support \"image/*\" or \"*/*\"\n            ext = ext.slice(0, ext.length - 1)\n          }\n          return ext.toUpperCase()\n        })\n      : null\n  ))\n\n  const maxFilesNumber = computed(() => parseInt(props.maxFiles, 10))\n  const maxTotalSizeNumber = computed(() => parseInt(props.maxTotalSize, 10))\n\n  function pickFiles (e) {\n    if (editable.value) {\n      const input = getFileInput()\n      input && input.click(e)\n    }\n  }\n\n  function addFiles (files) {\n    if (editable.value && files) {\n      addFilesToQueue(null, files)\n    }\n  }\n\n  function processFiles (e, filesToProcess, currentFileList, append) {\n    let files = Array.from(filesToProcess || e.target.files)\n    const rejectedFiles = []\n\n    const done = () => {\n      if (rejectedFiles.length > 0) {\n        emit('rejected', rejectedFiles)\n      }\n    }\n\n    // filter file types\n    if (props.accept !== void 0 && extensions.value.indexOf('*/') === -1) {\n      files = filterFiles(files, rejectedFiles, 'accept', file => {\n        return extensions.value.some(ext => (\n          file.type.toUpperCase().startsWith(ext)\n          || file.name.toUpperCase().endsWith(ext)\n        ))\n      })\n\n      if (files.length === 0) { return done() }\n    }\n\n    // filter max file size\n    if (props.maxFileSize !== void 0) {\n      const maxFileSize = parseInt(props.maxFileSize, 10)\n      files = filterFiles(files, rejectedFiles, 'max-file-size', file => {\n        return file.size <= maxFileSize\n      })\n\n      if (files.length === 0) { return done() }\n    }\n\n    // Cordova/iOS allows selecting multiple files even when the\n    // multiple attribute is not specified. We also normalize drag'n'dropped\n    // files here:\n    if (props.multiple !== true) {\n      files = [ files[ 0 ] ]\n    }\n\n    if (props.maxTotalSize !== void 0) {\n      let size = append === true\n        ? currentFileList.reduce((total, file) => total + file.size, 0)\n        : 0\n\n      files = filterFiles(files, rejectedFiles, 'max-total-size', file => {\n        size += file.size\n        return size <= maxTotalSizeNumber.value\n      })\n\n      if (files.length === 0) { return done() }\n    }\n\n    // do we have custom filter function?\n    if (typeof props.filter === 'function') {\n      const filteredFiles = props.filter(files)\n      files = filterFiles(files, rejectedFiles, 'filter', file => {\n        return filteredFiles.includes(file)\n      })\n    }\n\n    if (props.maxFiles !== void 0) {\n      let filesNumber = append === true\n        ? currentFileList.length\n        : 0\n\n      files = filterFiles(files, rejectedFiles, 'max-files', () => {\n        filesNumber++\n        return filesNumber <= maxFilesNumber.value\n      })\n\n      if (files.length === 0) { return done() }\n    }\n\n    done()\n\n    if (files.length > 0) {\n      return files\n    }\n  }\n\n  function onDragover (e) {\n    stopAndPreventDrag(e)\n    dnd.value !== true && (dnd.value = true)\n  }\n\n  function onDragleave (e) {\n    stopAndPrevent(e)\n    dnd.value = false\n  }\n\n  function onDrop (e) {\n    stopAndPreventDrag(e)\n    const files = e.dataTransfer.files\n\n    if (files.length > 0) {\n      addFilesToQueue(null, files)\n    }\n\n    dnd.value = false\n  }\n\n  function getDndNode (type) {\n    if (dnd.value === true) {\n      return h('div', {\n        class: `q-${ type }__dnd absolute-full`,\n        onDragenter: stopAndPreventDrag,\n        onDragover: stopAndPreventDrag,\n        onDragleave,\n        onDrop\n      })\n    }\n  }\n\n  // expose public methods\n  Object.assign(proxy, { pickFiles, addFiles })\n\n  return {\n    pickFiles,\n    addFiles,\n    onDragover,\n    processFiles,\n    getDndNode,\n    maxFilesNumber,\n    maxTotalSizeNumber\n  }\n}\n","import { h, defineComponent, ref, computed, getCurrentInstance } from 'vue'\n\nimport QChip from '../chip/QChip.js'\n\nimport useField, { useFieldState, useFieldProps, useFieldEmits, fieldValueIsFilled } from '../../composables/private/use-field.js'\nimport { useFormProps, useFormInputNameAttr } from '../../composables/private/use-form.js'\nimport useFile, { useFileProps, useFileEmits } from '../../composables/private/use-file.js'\nimport useFileFormDomProps from '../../composables/private/use-file-dom-props.js'\n\nimport { humanStorageSize } from '../../utils/format.js'\n\nexport default defineComponent({\n  name: 'QFile',\n\n  props: {\n    ...useFieldProps,\n    ...useFormProps,\n    ...useFileProps,\n\n    /* SSR does not know about File & FileList */\n    modelValue: __QUASAR_SSR_SERVER__\n      ? {}\n      : [ File, FileList, Array ],\n\n    append: Boolean,\n    useChips: Boolean,\n    displayValue: [ String, Number ],\n\n    tabindex: {\n      type: [ String, Number ],\n      default: 0\n    },\n\n    counterLabel: Function,\n\n    inputClass: [ Array, String, Object ],\n    inputStyle: [ Array, String, Object ]\n  },\n\n  emits: [\n    ...useFieldEmits,\n    ...useFileEmits\n  ],\n\n  setup (props, { slots, emit, attrs }) {\n    const { proxy } = getCurrentInstance()\n\n    const state = useFieldState()\n\n    const inputRef = ref(null)\n    const dnd = ref(false)\n    const nameProp = useFormInputNameAttr(props)\n\n    const {\n      pickFiles,\n      onDragover,\n      processFiles,\n      getDndNode\n    } = useFile({ editable: state.editable, dnd, getFileInput, addFilesToQueue })\n\n    const formDomProps = useFileFormDomProps(props)\n\n    const innerValue = computed(() => (\n      Object(props.modelValue) === props.modelValue\n        ? ('length' in props.modelValue ? Array.from(props.modelValue) : [ props.modelValue ])\n        : []\n    ))\n\n    const hasValue = computed(() => fieldValueIsFilled(innerValue.value))\n\n    const selectedString = computed(() =>\n      innerValue.value\n        .map(file => file.name)\n        .join(', ')\n    )\n\n    const totalSize = computed(() =>\n      humanStorageSize(\n        innerValue.value.reduce((acc, file) => acc + file.size, 0)\n      )\n    )\n\n    const counterProps = computed(() => ({\n      totalSize: totalSize.value,\n      filesNumber: innerValue.value.length,\n      maxFiles: props.maxFiles\n    }))\n\n    const inputAttrs = computed(() => ({\n      tabindex: -1,\n      type: 'file',\n      title: '', // try to remove default tooltip,\n      accept: props.accept,\n      capture: props.capture,\n      name: nameProp.value,\n      ...attrs,\n      id: state.targetUid.value,\n      disabled: state.editable.value !== true\n    }))\n\n    const isAppending = computed(() =>\n      props.multiple === true && props.append === true\n    )\n\n    function removeAtIndex (index) {\n      const files = innerValue.value.slice()\n      files.splice(index, 1)\n      emitValue(files)\n    }\n\n    function removeFile (file) {\n      const index = innerValue.value.findIndex(file)\n      if (index > -1) {\n        removeAtIndex(index)\n      }\n    }\n\n    function emitValue (files) {\n      emit('update:modelValue', props.multiple === true ? files : files[ 0 ])\n    }\n\n    function onKeyup (e) {\n      // only on ENTER\n      e.keyCode === 13 && pickFiles(e)\n    }\n\n    function getFileInput () {\n      return inputRef.value\n    }\n\n    function addFilesToQueue (e, fileList) {\n      const files = processFiles(e, fileList, innerValue.value, isAppending.value)\n\n      files !== void 0 && emitValue(\n        isAppending.value === true\n          ? innerValue.value.concat(files)\n          : files\n      )\n    }\n\n    function getSelection () {\n      if (slots.file !== void 0) {\n        return innerValue.value.map(\n          (file, index) => slots.file({ index, file, ref: this })\n        )\n      }\n\n      if (slots.selected !== void 0) {\n        return slots.selected({ files: innerValue.value, ref: this })\n      }\n\n      if (props.useChips === true) {\n        return innerValue.value.map((file, i) => h(QChip, {\n          key: 'file-' + i,\n          removable: state.editable.value,\n          dense: true,\n          textColor: props.color,\n          tabindex: props.tabindex,\n          onRemove: () => { removeAtIndex(i) }\n        }, () => h('span', {\n          class: 'ellipsis',\n          textContent: file.name\n        })))\n      }\n\n      return [\n        h('div', {\n          class: props.inputClass,\n          style: props.inputStyle,\n          textContent: props.displayValue !== void 0\n            ? props.displayValue\n            : selectedString.value\n        })\n      ]\n    }\n\n    function getInput () {\n      const data = {\n        ref: inputRef,\n        class: 'q-field__input fit absolute-full cursor-pointer',\n        ...inputAttrs.value,\n        ...formDomProps.value,\n        onChange: addFilesToQueue\n      }\n\n      if (props.multiple === true) {\n        data.multiple = true\n      }\n\n      return h('input', data)\n    }\n\n    Object.assign(state, {\n      fieldClass: { value: 'q-file q-field--auto-height' },\n      emitValue,\n      hasValue,\n      inputRef,\n      innerValue,\n\n      floatingLabel: computed(() =>\n        hasValue.value === true\n        || fieldValueIsFilled(props.displayValue)\n      ),\n\n      computedCounter: computed(() => {\n        if (props.counterLabel !== void 0) {\n          return props.counterLabel(counterProps.value)\n        }\n\n        const max = props.maxFiles\n        return `${ innerValue.value.length }${ max !== void 0 ? ' / ' + max : '' } (${ totalSize.value })`\n      }),\n\n      getControlChild: () => getDndNode('file'),\n      getControl: () => {\n        const data = {\n          ref: state.targetRef,\n          class: 'q-field__native row items-center cursor-pointer',\n          tabindex: props.tabindex\n        }\n\n        if (state.editable.value === true) {\n          Object.assign(data, { onDragover, onKeyup })\n        }\n\n        return h('div', data, [ getInput() ].concat(getSelection()))\n      }\n    })\n\n    // expose public methods\n    Object.assign(proxy, {\n      removeAtIndex,\n      removeFile\n    })\n\n    return useField(state)\n  }\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-2!./ImageCategoryCard.vue?vue&type=style&index=0&id=7730d51e&lang=scss\"","<template>\r\n  <div class=\"o-image-categories-listing\">\r\n    <div class=\"m-pageHeader\">\r\n      <div class=\"m-pageHeader__title -image-categories-listing text-pl-black text-body2\">\r\n        <span>Image Categories</span>\r\n        <q-icon\r\n          class=\"m-pageHeader__title__info\"\r\n          name=\"mdi-information-outline\"\r\n        >\r\n          <q-tooltip>\r\n            When moving tags, you may select multiple by holding 'ctrl'.\r\n            <br/>\r\n            Tags may be moved via drag+drop or by right-clicking.\r\n          </q-tooltip>\r\n        </q-icon>\r\n      </div>\r\n      <div class=\"m-pageHeader__actions\">\r\n        <q-input\r\n          class=\"m-pageHeader__actions__action -add_field\"\r\n          label=\"Add Category\"\r\n          dense\r\n          clearable\r\n          @clear=\"clearAddCategory\"\r\n          clear-icon=\"mdi-close\"\r\n          v-model=\"addCategoryInput\"\r\n          type=\"text\"\r\n          @keyup.enter=\"startAddCategory\"\r\n          @keyup.esc=\"clearAddCategory\"\r\n          :error=\"fieldIsError(AddImageCategoryFieldName.Name)\"\r\n          :error-message=\"fieldErrorMessage(AddImageCategoryFieldName.Name)\"\r\n        >\r\n          <template v-slot:after>\r\n            <q-btn\r\n              :loading=\"isAdding\"\r\n              class=\"a-addCategory__start\"\r\n              label=\"Add\"\r\n              outline\r\n              color=\"pl-navy-900\"\r\n              @click=\"startAddCategory\"\r\n            />\r\n          </template>\r\n        </q-input>\r\n        <q-file\r\n          ref=\"fileInput\"\r\n          v-model=\"file\"\r\n          style=\"display: none\"\r\n          accept=\"application/json\"\r\n        />\r\n        <q-btn\r\n          class=\"m-pageHeader__actions__action -import\"\r\n          color=\"pl-navy-900\"\r\n          label=\"Import Categories\"\r\n          outline\r\n          :loading=\"isImporting\"\r\n          @click=\"pickFile\"\r\n        />\r\n        <q-btn\r\n          class=\"m-pageHeader__actions__action -export\"\r\n          label=\"Export Categories\"\r\n          color=\"pl-navy-900\"\r\n          outline\r\n          @click=\"exportCategories\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"m-pageContent\">\r\n      <ImageCategoryCard :imageCategory=\"unassignedImageCategory\" @tags-added=\"(newCatId, addedTags) => onTagsMoved(newCatId, addedTags)\"/>\r\n    </div>\r\n    <div class=\"m-pageContent\">\r\n      <q-table\r\n        class=\"o-image-categories-listing__table\"\r\n        :rows=\"imageCategories\"\r\n        :grid=\"true\"\r\n        :row-key=\"getRowId\"\r\n        :pagination=\"{\r\n          page: 1,\r\n          rowsPerPage: 0\r\n        }\"\r\n      >\r\n        <template v-slot:item=\"props\">\r\n          <ImageCategoryCard\r\n            :key=\"props.row.id\"\r\n            :imageCategory=\"props.row\"\r\n            @tags-added=\"(newCatId, addedTags) => onTagsMoved(newCatId, addedTags)\"\r\n            @delete=\"confirmDelete(props.row)\"\r\n          />\r\n        </template>\r\n      </q-table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, DeepReadonly, defineComponent, Ref, ref, watch } from 'vue';\r\nimport { IImageCategoryListingModel, IAddImageCategoryModel, IExportCategoryModelItem, IExportCategoryModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { useStore as useImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\nimport ImageCategoryCard from '@/components/imageCategories/ImageCategoryCard.vue';\r\nimport { useStore as useValidationStore } from '@/store/validation';\r\nimport validationModel, { AddImageCategoryFieldName } from '@/validation/addImageCategoryValidationModel';\r\nimport { impl } from '@/utils/impl';\r\nimport { useQuasar, exportFile, QFile, copyToClipboard } from 'quasar';\r\nimport { provideStore as provideTagListStore } from '@/store/imageCategories/tagList';\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    ImageCategoryCard\r\n  },\r\n  async setup () {\r\n    const validationStore = useValidationStore();\r\n    const imageCategoriesStore = useImageCategoriesStore();\r\n    const $q = useQuasar();\r\n    provideTagListStore();\r\n\r\n    const imageCategories = computed(() => imageCategoriesStore.state.imageCategories.filter(c => !c.isUnassigned));\r\n    const unassignedImageCategory = computed(() => imageCategoriesStore.state.imageCategories.find(c => c.isUnassigned) as IImageCategoryListingModel);\r\n\r\n    const addCategoryInput = ref('');\r\n    const isAdding = ref(false);\r\n\r\n    const file: Ref<File | null> = ref(null);\r\n\r\n    watch(file, function () {\r\n      importFile(file.value);\r\n    });\r\n\r\n    await imageCategoriesStore.loadImageCategories();\r\n\r\n    function getRowId (row: IImageCategoryListingModel): string {\r\n      return row.id;\r\n    }\r\n\r\n    function fieldIsError (fieldName: AddImageCategoryFieldName): boolean {\r\n      return validationStore.fieldIsError(validationModel.modelName, fieldName);\r\n    }\r\n\r\n    function fieldErrorMessage (fieldName : AddImageCategoryFieldName): string {\r\n      return validationStore.fieldErrorMessage(validationModel.modelName, fieldName);\r\n    }\r\n\r\n    function clearAddCategory () {\r\n      addCategoryInput.value = '';\r\n      validationStore.clear(validationModel);\r\n    }\r\n\r\n    async function startAddCategory () {\r\n      isAdding.value = true;\r\n      const model = impl<IAddImageCategoryModel>({\r\n        CategoryName: addCategoryInput.value,\r\n        Tags: []\r\n      });\r\n      await imageCategoriesStore.addCategory(model, {\r\n        onSuccess: async () => {\r\n          addCategoryInput.value = '';\r\n          // Don't clear validationStore here because we want to throw error for duplicate values.\r\n        }\r\n      });\r\n      isAdding.value = false;\r\n    }\r\n\r\n    async function onTagsMoved (id: string, tagsAdded: string[]) {\r\n      await imageCategoriesStore.moveImageTags(tagsAdded, id);\r\n    }\r\n\r\n    function confirmDelete (row: IImageCategoryListingModel) {\r\n      $q.dialog({\r\n        title: 'Delete Confirmation',\r\n        message: `Are you sure you want to delete ${row.name}?`,\r\n        cancel: true,\r\n        persistent: true\r\n      }).onOk(() => {\r\n        imageCategoriesStore.deleteImageCategory(row.id);\r\n      });\r\n    }\r\n\r\n    function mapCategory (category: DeepReadonly<IImageCategoryListingModel>): IExportCategoryModelItem {\r\n      return {\r\n        Name: category.name,\r\n        Tags: category.tags\r\n      };\r\n    }\r\n\r\n    function exportCategories () {\r\n      const categoryItemsForExport = imageCategories.value.map(mapCategory);\r\n      const categoriesForExport = {\r\n        Categories: categoryItemsForExport\r\n      } as IExportCategoryModel;\r\n      const exportString = JSON.stringify(categoriesForExport);\r\n      const status = exportFile('imageCategoriesExport.json', exportString, 'application/json');\r\n      if (!status) {\r\n        $q.notify({\r\n          type: 'negative',\r\n          message: 'Unable to export file. Click here to copy contents to clipboard.',\r\n          actions: [{\r\n            icon: 'mdi-clipboard-outline',\r\n            color: 'white',\r\n            handler: () => {\r\n              copyToClipboard(exportString);\r\n              $q.notify({\r\n                type: 'positive',\r\n                message: 'Copied!',\r\n                timeout: 3000\r\n              });\r\n            }\r\n          }]\r\n        });\r\n      }\r\n    }\r\n\r\n    const isImporting = ref(false);\r\n\r\n    async function importFile (importFile: File | null) {\r\n      if (importFile) {\r\n        isImporting.value = true;\r\n        await imageCategoriesStore.importTags(importFile);\r\n        file.value = null;\r\n        isImporting.value = false;\r\n      }\r\n    }\r\n    const fileInput = ref<QFile>();\r\n    function pickFile () {\r\n      fileInput.value!.pickFiles();\r\n    }\r\n\r\n    return {\r\n      getRowId,\r\n      imageCategories,\r\n      unassignedImageCategory,\r\n      onTagsMoved,\r\n      confirmDelete,\r\n      startAddCategory,\r\n      clearAddCategory,\r\n      AddImageCategoryFieldName,\r\n      fieldIsError,\r\n      fieldErrorMessage,\r\n      addCategoryInput,\r\n      isAdding,\r\n      exportCategories,\r\n      file,\r\n      pickFile,\r\n      fileInput,\r\n      isImporting\r\n    };\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n.o-image-categories-listing {\r\n  margin: 20px;\r\n\r\n  .m-pageHeader {\r\n    justify-content: space-between;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 24px;\r\n\r\n    &__title {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      &__info {\r\n        margin: 4px;\r\n      }\r\n    }\r\n\r\n    &__actions {\r\n      display: flex;\r\n\r\n      &__action {\r\n        .a-addCategory__start {\r\n          margin-left: 0px;\r\n          margin-top: -4px;\r\n        }\r\n        margin-left: 8px;\r\n        &.-import {\r\n          height: 36px;\r\n        }\r\n        &.-export {\r\n          height: 36px;\r\n        }\r\n        &.q-field--with-bottom {\r\n          padding: 0px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__table {\r\n\r\n    .q-table__bottom.row.items-center.justify-end {\r\n      justify-content: flex-start;\r\n      padding-left: 8px;\r\n\r\n      .q-table__separator {\r\n        flex: 0 0 auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <q-card class=\"o-image-category-card\" :style=\"cardStyle\">\r\n    <q-card-section class=\"o-image-category-card__header\"\r\n      horizontal>\r\n      <q-input\r\n        ref=\"cardInput\"\r\n        class=\"o-image-category-card__header__input -name\"\r\n        type=\"text\"\r\n        label=\"Category Name\"\r\n        dense\r\n        @keyup.enter=\"onKeyEnter\"\r\n        @keyup.esc=\"stopRenaming\"\r\n        :readonly=\"!isRenaming\"\r\n        v-model=\"categoryNameText\"\r\n        :error=\"fieldIsError(AddImageCategoryFieldName.Name)\"\r\n        :error-message=\"fieldErrorMessage(AddImageCategoryFieldName.Name)\"\r\n      >\r\n        <template v-slot:after>\r\n          <EditFieldActions\r\n            :isUpdating=\"isRenaming\"\r\n            :isRequestingUpdate=\"isRequestingRename\"\r\n            @do-update=\"doRename\"\r\n            @start-updating=\"startRenaming\"\r\n            @stop-updating=\"stopRenaming\"\r\n          />\r\n        </template>\r\n      </q-input>\r\n      <q-btn\r\n        v-if=\"showAllVisible\"\r\n        class=\"o-image-category-card__header__action -showAll\"\r\n        size=\"sm\"\r\n        icon=\"mdi-dots-horizontal\"\r\n        round\r\n        dense\r\n        color=\"pl-navy-900\"\r\n        flat\r\n        @click=\"showAll\"\r\n      >\r\n        <q-tooltip>Show All Tags</q-tooltip>\r\n      </q-btn>\r\n      <q-btn\r\n        v-if=\"!imageCategory.isUnassigned\"\r\n        class=\"o-image-category-card__header__action -delete\"\r\n        size=\"sm\"\r\n        icon=\"mdi-delete-outline\"\r\n        round\r\n        dense\r\n        color=\"pl-navy-900\"\r\n        flat\r\n        @click=\"emitDelete\"\r\n      />\r\n      <q-icon\r\n        v-else\r\n        class=\"o-image-category-card__header__info\"\r\n        name=\"mdi-information-outline\"\r\n      >\r\n        <q-tooltip>\r\n          This is the Unassigned category.  Any new tags will end up here.\r\n          <br/>\r\n          If you delete a category, the tags on that category will be moved here.\r\n          <br/>\r\n          You cannot delete this category.\r\n        </q-tooltip>\r\n      </q-icon>\r\n    </q-card-section>\r\n    <div class=\"o-image-category-card__tags\">\r\n      <q-card-section\r\n        :data-category=\"imageCategory.name\"\r\n        @dragenter=\"onDragEnter\"\r\n        @dragleave=\"onDragLeave\"\r\n        @dragover=\"onDragOver\"\r\n        @dragend=\"onDragEnd\"\r\n        @drop=\"onDrop\"\r\n        @click=\"onDropzoneClick\"\r\n        :class=\"categoryHtmlClass\">\r\n        <q-scroll-area :style=\"scrollAreaStyle\">\r\n          <q-badge v-for=\"tag in imageCategory.tags\" :key=\"tag\"\r\n            :data-tag=\"tag\"\r\n            class=\"o-image-category-card__tags__tag\"\r\n            draggable=\"true\"\r\n            @dragstart=\"onDragStart($event, tag)\"\r\n            @dragenter=\"onDragEnterTag\"\r\n            @dragleave=\"onDragLeaveTag\"\r\n            @dragend=\"onDragEnd\"\r\n            @dragover=\"onDragOverTag\"\r\n            @drop=\"onDropTag\"\r\n            @click=\"addToMove($event, tag)\"\r\n            @click.right=\"rightAddToMove($event, tag)\"\r\n            :id=\"tagHtmlId(tag)\"\r\n            :class=\"tagHtmlClass(tag)\"\r\n            >\r\n            {{ tag }}\r\n            <q-menu\r\n              context-menu\r\n              touch-position\r\n            >\r\n              <q-item clickable dense>\r\n                <q-item-section>Move to</q-item-section>\r\n                <q-item-section side>\r\n                  <q-icon name=\"mdi-chevron-right\" />\r\n                </q-item-section>\r\n                <q-menu\r\n                  auto-close\r\n                  anchor=\"top end\"\r\n                  self=\"top start\"\r\n                >\r\n                  <q-list dense>\r\n                    <q-item\r\n                      v-for=\"cat in imageCategories\"\r\n                      :key=\"cat.id\"\r\n                      clickable\r\n                      dense\r\n                      @click=\"moveTags(cat.id)\"\r\n                    >\r\n                      <q-item-section>{{ cat.name }}</q-item-section>\r\n                    </q-item>\r\n                  </q-list>\r\n                </q-menu>\r\n              </q-item>\r\n            </q-menu>\r\n          </q-badge>\r\n        </q-scroll-area>\r\n      </q-card-section>\r\n    </div>\r\n  </q-card>\r\n  <ImageCategoryDialog v-model=\"isShowingAll\" :imageCategory=\"imageCategory\"/>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue';\r\nimport { IImageCategoryListingModel, IAddImageCategoryModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport validationModel, { AddImageCategoryFieldName } from '@/validation/addImageCategoryValidationModel';\r\nimport { useStore as useImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\nimport { useStore as useTagListStore } from '@/store/imageCategories/tagList';\r\nimport { QInput } from 'quasar';\r\nimport EditFieldActions from '@/components/EditFieldActions.vue';\r\nimport { IIndexable } from '@/utils/indexable';\r\nimport { useFieldValidation } from '@/components/utils/fieldValidation';\r\nimport { useInlineEditable } from '@/components/utils/inlineEditable';\r\nimport { impl } from '@/utils/impl';\r\nimport ImageCategoryDialog from '@/components/imageCategories/ImageCategoryDialog.vue';\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    EditFieldActions,\r\n    ImageCategoryDialog\r\n  },\r\n  props: {\r\n    imageCategory: {\r\n      required: true,\r\n      type: Object as PropType<IImageCategoryListingModel>\r\n    }\r\n  },\r\n  emits: ['delete', 'tags-added'],\r\n  setup (props, { emit }) {\r\n    const cardInput = ref<QInput | null>(null);\r\n    const cardInputEl = computed(() => (cardInput.value?.$el ?? null) as HTMLElement | null);\r\n    const cardInputInputEl = computed(() => cardInputEl.value?.querySelector('input') ?? null);\r\n\r\n    const imageCategoriesStore = useImageCategoriesStore();\r\n    const tagListStore = useTagListStore();\r\n    const cardValidationModel = validationModel.createForUUID(props.imageCategory.id);\r\n\r\n    const {\r\n      compText: categoryNameText,\r\n      isEditing: isRenaming,\r\n      isRequestingUpdate: isRequestingRename,\r\n      doUpdate: doRename,\r\n      startEditing: startRenaming,\r\n      stopEditing: stopRenaming\r\n    } = useInlineEditable(\r\n      () => props.imageCategory.name,\r\n      computed(() => props.imageCategory.name),\r\n      cardInputInputEl,\r\n      async (comp) => {\r\n        await imageCategoriesStore.renameImageCategory({\r\n          categoryId: props.imageCategory.id,\r\n          name: comp.editText.value\r\n        }, {\r\n          onSuccess: async () => stopRenaming()\r\n        });\r\n      },\r\n      undefined,\r\n      async () => {\r\n        validationStore.clear(cardValidationModel);\r\n      }\r\n    );\r\n\r\n    const {\r\n      validationStore,\r\n      fieldIsError,\r\n      fieldErrorMessage\r\n    } = useFieldValidation<AddImageCategoryFieldName, IAddImageCategoryModel>(cardValidationModel, isRenaming);\r\n\r\n    const cardStyle = props.imageCategory.isUnassigned ? 'min-height: 325px;max-height: 325px' : 'min-width: 250px;max-width: 250px;';\r\n    const scrollAreaStyle = props.imageCategory.isUnassigned ? 'height: 245px' : 'height: 195px;width: 230px';\r\n    const imageCategories = computed(() => imageCategoriesStore.state.imageCategories.filter(c => c !== props.imageCategory));\r\n\r\n    const showAllVisible = computed(() => props.imageCategory.tags.length > 0);\r\n\r\n    const isShowingAll = ref(false);\r\n\r\n    function showAll () {\r\n      isShowingAll.value = true;\r\n    }\r\n\r\n    function onDragStart (e: DragEvent, tag: string) {\r\n      if (e.dataTransfer !== null && e.target !== null) {\r\n        e.dataTransfer.setData('text', (e.target as HTMLElement).id);\r\n        e.dataTransfer.dropEffect = 'move';\r\n        dragAddToMove(e, tag);\r\n        tagListStore.startDrag();\r\n      }\r\n    }\r\n\r\n    function onDragEnter (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragEnterTag (e) {\r\n      e.stopPropagation();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'true';\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragOver (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragOverTag (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'true';\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragLeave (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        if ((e.target as HTMLElement).dataset.onTag !== 'true') {\r\n          tagListStore.deselectDropTarget(props.imageCategory);\r\n        }\r\n      }\r\n    }\r\n\r\n    function onDragLeaveTag (e) {\r\n      e.stopPropagation();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'false';\r\n      }\r\n    }\r\n\r\n    function onDrop (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        moveTags(props.imageCategory.id);\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function onDropTag (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        moveTags(props.imageCategory.id);\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function onDragEnd (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function tagHtmlId (tag: string) {\r\n      return `image-tag-${tag}`;\r\n    }\r\n\r\n    function emitDelete () {\r\n      emit('delete');\r\n    }\r\n\r\n    function onKeyEnter () {\r\n      if (isRenaming.value) {\r\n        doRename();\r\n      }\r\n    }\r\n\r\n    const tagsToMove = computed(() => tagListStore.state.selectedTags);\r\n\r\n    function tagHtmlClass (tag: string): IIndexable<boolean> {\r\n      return {\r\n        '-selected': tagsToMove.value.includes(tag),\r\n        '-unselected': !tagsToMove.value.includes(tag)\r\n      };\r\n    }\r\n\r\n    const categoryHtmlClass = computed(() => impl<IIndexable<boolean>>({\r\n      '-drag-enter': tagListStore.state.dropTargetCategory?.id === props.imageCategory.id\r\n    }));\r\n\r\n    // Method below takes in a click event, and if CTRL key is not being pressed it will switch the selected tag to the one that was clicked.\r\n    // Else-if and Else statemtents effectively toggle whether an item is being added or not.\r\n    // Else-if statement then checks if the target element has the class 'selected', if so it removes it.\r\n    // Else statement adds the targetted tag to the list of tags to move since it is not already in it.\r\n    function addToMove (e: MouseEvent, tag: string) {\r\n      e.stopPropagation();\r\n      if (!e.ctrlKey) {\r\n        clearMoveList();\r\n        tagListStore.addTag(tag);\r\n      } else if (tagsToMove.value.includes(tag)) {\r\n        tagListStore.removeTag(tag);\r\n      } else {\r\n        tagListStore.addTag(tag);\r\n      }\r\n    }\r\n\r\n    function dragAddToMove (e: DragEvent, tag: string) {\r\n      if (!e.ctrlKey && !tagsToMove.value.includes(tag)) {\r\n        clearMoveList();\r\n      }\r\n\r\n      tagListStore.addTag(tag);\r\n    }\r\n\r\n    function rightAddToMove (e, tag: string) {\r\n      if (!e.ctrlKey && !tagsToMove.value.includes(tag)) {\r\n        clearMoveList();\r\n        tagListStore.addTag(tag);\r\n      } else {\r\n        tagListStore.addTag(tag);\r\n      }\r\n    }\r\n\r\n    function clearMoveList (e?: Event) {\r\n      tagListStore.clearTags();\r\n      if (e !== undefined) {\r\n        e.preventDefault();\r\n      }\r\n    }\r\n\r\n    function onDropzoneClick (e: MouseEvent) {\r\n      if (!e.ctrlKey) {\r\n        clearMoveList(e);\r\n      }\r\n    }\r\n\r\n    function moveTags (categoryId: string) {\r\n      emit('tags-added', categoryId, tagsToMove.value);\r\n      clearMoveList();\r\n    }\r\n\r\n    return {\r\n      cardStyle,\r\n      scrollAreaStyle,\r\n      imageCategories,\r\n      cardInput,\r\n      onDragStart,\r\n      onDragEnter,\r\n      onDragEnterTag,\r\n      onDragOver,\r\n      onDragOverTag,\r\n      onDragLeave,\r\n      onDragLeaveTag,\r\n      onDrop,\r\n      onDropTag,\r\n      onDragEnd,\r\n      tagHtmlId,\r\n      tagHtmlClass,\r\n      emitDelete,\r\n      isRenaming,\r\n      categoryNameText,\r\n      startRenaming,\r\n      stopRenaming,\r\n      doRename,\r\n      isRequestingRename,\r\n      AddImageCategoryFieldName,\r\n      fieldIsError,\r\n      fieldErrorMessage,\r\n      onKeyEnter,\r\n      addToMove,\r\n      rightAddToMove,\r\n      clearMoveList,\r\n      moveTags,\r\n      categoryHtmlClass,\r\n      onDropzoneClick,\r\n      showAllVisible,\r\n      isShowingAll,\r\n      showAll\r\n    };\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n.o-image-category-card {\r\n  min-height: 275px;\r\n  max-height: 275px;\r\n  margin: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .q-field--with-bottom {\r\n    padding-bottom: 0px;\r\n  }\r\n\r\n  &__header {\r\n    display: flex;\r\n    justify-content: left;\r\n    padding-top: 8px;\r\n    margin: 0px 8px;\r\n    font-weight: bold;\r\n\r\n    &__action {\r\n      margin: 4px 0px 0px 0px;\r\n    }\r\n\r\n    &__info {\r\n      margin: 16px 0px 0px 4px;\r\n    }\r\n  }\r\n\r\n  &__tags {\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    flex-grow: 1;\r\n\r\n    &__tag {\r\n\r\n      &.-selected {\r\n        border: 3px solid black;\r\n      }\r\n      &.-unselected {\r\n        border: 3px solid transparent;\r\n      }\r\n    }\r\n\r\n    &__tag+&__tag {\r\n      margin: 2px;\r\n    }\r\n\r\n    .q-card__section {\r\n      height: 100%;\r\n      &.-drag-enter {\r\n        border-style: dashed;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n</style>\r\n","import { ITagListState, ITagListStore, TAddTag, TClearTags, TDeselectDropTarget, TRemoveTag, TSetDropTarget, TStartDrag, TStopDrag } from '@/store/contracts/imageCategories/tagList';\r\nimport { App, inject, provide, reactive, readonly } from 'vue';\r\n\r\nconst TagListStoreKey = Symbol('TagListStore');\r\n\r\nfunction addTag (state: ITagListState): TAddTag {\r\n  return (tag) => {\r\n    if (!state.selectedTags.includes(tag)) {\r\n      state.selectedTags.push(tag);\r\n    }\r\n  };\r\n}\r\n\r\nfunction removeTag (state: ITagListState): TRemoveTag {\r\n  return (tag) => {\r\n    state.selectedTags = state.selectedTags.filter(t => t !== tag);\r\n  };\r\n}\r\n\r\nfunction clearTags (state: ITagListState): TClearTags {\r\n  return () => {\r\n    state.selectedTags = [];\r\n  };\r\n}\r\n\r\nfunction setDropTarget (state: ITagListState): TSetDropTarget {\r\n  return (category) => {\r\n    state.dropTargetCategory = category;\r\n  };\r\n}\r\n\r\nfunction deselectDropTarget (state: ITagListState): TDeselectDropTarget {\r\n  return (category) => {\r\n    if (state.dropTargetCategory?.id === category.id) {\r\n      setDropTarget(state)(null);\r\n    }\r\n  };\r\n}\r\n\r\nfunction startDrag (state: ITagListState): TStartDrag {\r\n  return () => {\r\n    // Because the user might just be clicking and accidentally dragging (trust me this is super easy to do)\r\n    // We don't want to start our drag process right away.\r\n    // Delay it by a fraction of a second. Then we know they're really dragging and not just clicking really fast.\r\n    state.dragDelayTimerId = setTimeout(() => {\r\n      state.isDragging = true;\r\n      state.dragDelayTimerId = null;\r\n    }, 250);\r\n  };\r\n}\r\n\r\nfunction stopDrag (state: ITagListState): TStopDrag {\r\n  return () => {\r\n    // Cancel our delayed drag start if we're still within the delay.\r\n    if (state.dragDelayTimerId !== null) {\r\n      clearTimeout(state.dragDelayTimerId);\r\n      state.dragDelayTimerId = null;\r\n    }\r\n\r\n    state.isDragging = false;\r\n  };\r\n}\r\n\r\nexport function createState (): ITagListState {\r\n  return reactive<ITagListState>({\r\n    selectedTags: [],\r\n    dropTargetCategory: null,\r\n    dragDelayTimerId: null,\r\n    isDragging: false\r\n  });\r\n}\r\n\r\nexport function createForState (state: ITagListState): ITagListStore {\r\n  return {\r\n    state: readonly(state),\r\n    addTag: addTag(state),\r\n    removeTag: removeTag(state),\r\n    clearTags: clearTags(state),\r\n    setDropTarget: setDropTarget(state),\r\n    deselectDropTarget: deselectDropTarget(state),\r\n    startDrag: startDrag(state),\r\n    stopDrag: stopDrag(state)\r\n  };\r\n}\r\n\r\nexport function provideStore (app?: App<Element>): ITagListStore {\r\n  const state = createState();\r\n  if (app !== undefined) {\r\n    app.provide(TagListStoreKey, state);\r\n  } else {\r\n    provide(TagListStoreKey, state);\r\n  }\r\n\r\n  return createForState(state);\r\n}\r\n\r\nexport function useStore (): ITagListStore {\r\n  const state = inject<ITagListState>(TagListStoreKey);\r\n  if (state === undefined) {\r\n    throw new Error('Using TagListStore before providing it!');\r\n  }\r\n  return createForState(state);\r\n}\r\n","<template>\r\n  <q-dialog\r\n    v-model=\"isOpen\"\r\n    persistent\r\n    >\r\n    <q-card class=\"o-image-category-dialog\">\r\n      <q-card-section class=\"m-dialog-header\">\r\n        <div class=\"m-dialog-header__title text-pl-navy-900\"> {{ imageCategory.name }} </div>\r\n      </q-card-section>\r\n      <q-card-section class=\"m-dialog__content\">\r\n        <div class=\"m-dialog\"> {{ tagsDisplay }}</div>\r\n      </q-card-section>\r\n      <q-card-section class=\"m-dialog__actions row justify-end items-center\">\r\n        <q-btn\r\n          class=\"o-image-category-dialog__action -close\"\r\n          label=\"Close\"\r\n          outline\r\n          color=\"pl-navy-900\"\r\n          @click=\"close\"/>\r\n      </q-card-section>\r\n    </q-card>\r\n  </q-dialog>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { IImageCategoryListingModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { computed, defineComponent, PropType } from 'vue';\r\n\r\nexport default defineComponent({\r\n  props: {\r\n    modelValue: {\r\n      type: Boolean,\r\n      required: true\r\n    },\r\n    imageCategory: {\r\n      required: true,\r\n      type: Object as PropType<IImageCategoryListingModel>\r\n    }\r\n  },\r\n  setup (props, { emit }) {\r\n    const isOpen = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit('update:modelValue', v)\r\n    });\r\n\r\n    async function close () {\r\n      isOpen.value = false;\r\n    }\r\n\r\n    const tagsDisplay = computed(() => props.imageCategory.tags.join(', '));\r\n\r\n    return {\r\n      isOpen,\r\n      close,\r\n      tagsDisplay\r\n    };\r\n  }\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.o-image-category-dialog {\r\n  margin: 20px;\r\n  border-radius: 15px;\r\n  min-width: 50vw;\r\n\r\n  &__field+&__field {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  &__action+&__action {\r\n    margin-left: 8px;\r\n  }\r\n\r\n  .m-dialog-header {\r\n    &__title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","\r\nimport { IImageCategoryListingModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { computed, defineComponent, PropType } from 'vue';\r\n\r\nexport default defineComponent({\r\n  props: {\r\n    modelValue: {\r\n      type: Boolean,\r\n      required: true\r\n    },\r\n    imageCategory: {\r\n      required: true,\r\n      type: Object as PropType<IImageCategoryListingModel>\r\n    }\r\n  },\r\n  setup (props, { emit }) {\r\n    const isOpen = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit('update:modelValue', v)\r\n    });\r\n\r\n    async function close () {\r\n      isOpen.value = false;\r\n    }\r\n\r\n    const tagsDisplay = computed(() => props.imageCategory.tags.join(', '));\r\n\r\n    return {\r\n      isOpen,\r\n      close,\r\n      tagsDisplay\r\n    };\r\n  }\r\n});\r\n","import { render } from \"./ImageCategoryDialog.vue?vue&type=template&id=0f93b3c6\"\nimport script from \"./ImageCategoryDialog.vue?vue&type=script&lang=ts\"\nexport * from \"./ImageCategoryDialog.vue?vue&type=script&lang=ts\"\n\nimport \"./ImageCategoryDialog.vue?vue&type=style&index=0&id=0f93b3c6&lang=scss\"\nscript.render = render\n\nexport default script\nimport QDialog from 'quasar/src/components/dialog/QDialog.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QDialog,QCard,QCardSection,QBtn});\n","\r\nimport { computed, defineComponent, PropType, ref } from 'vue';\r\nimport { IImageCategoryListingModel, IAddImageCategoryModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport validationModel, { AddImageCategoryFieldName } from '@/validation/addImageCategoryValidationModel';\r\nimport { useStore as useImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\nimport { useStore as useTagListStore } from '@/store/imageCategories/tagList';\r\nimport QInput from 'quasar/src/components/input/QInput.js';;\r\nimport EditFieldActions from '@/components/EditFieldActions.vue';\r\nimport { IIndexable } from '@/utils/indexable';\r\nimport { useFieldValidation } from '@/components/utils/fieldValidation';\r\nimport { useInlineEditable } from '@/components/utils/inlineEditable';\r\nimport { impl } from '@/utils/impl';\r\nimport ImageCategoryDialog from '@/components/imageCategories/ImageCategoryDialog.vue';\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    EditFieldActions,\r\n    ImageCategoryDialog\r\n  },\r\n  props: {\r\n    imageCategory: {\r\n      required: true,\r\n      type: Object as PropType<IImageCategoryListingModel>\r\n    }\r\n  },\r\n  emits: ['delete', 'tags-added'],\r\n  setup (props, { emit }) {\r\n    const cardInput = ref<QInput | null>(null);\r\n    const cardInputEl = computed(() => (cardInput.value?.$el ?? null) as HTMLElement | null);\r\n    const cardInputInputEl = computed(() => cardInputEl.value?.querySelector('input') ?? null);\r\n\r\n    const imageCategoriesStore = useImageCategoriesStore();\r\n    const tagListStore = useTagListStore();\r\n    const cardValidationModel = validationModel.createForUUID(props.imageCategory.id);\r\n\r\n    const {\r\n      compText: categoryNameText,\r\n      isEditing: isRenaming,\r\n      isRequestingUpdate: isRequestingRename,\r\n      doUpdate: doRename,\r\n      startEditing: startRenaming,\r\n      stopEditing: stopRenaming\r\n    } = useInlineEditable(\r\n      () => props.imageCategory.name,\r\n      computed(() => props.imageCategory.name),\r\n      cardInputInputEl,\r\n      async (comp) => {\r\n        await imageCategoriesStore.renameImageCategory({\r\n          categoryId: props.imageCategory.id,\r\n          name: comp.editText.value\r\n        }, {\r\n          onSuccess: async () => stopRenaming()\r\n        });\r\n      },\r\n      undefined,\r\n      async () => {\r\n        validationStore.clear(cardValidationModel);\r\n      }\r\n    );\r\n\r\n    const {\r\n      validationStore,\r\n      fieldIsError,\r\n      fieldErrorMessage\r\n    } = useFieldValidation<AddImageCategoryFieldName, IAddImageCategoryModel>(cardValidationModel, isRenaming);\r\n\r\n    const cardStyle = props.imageCategory.isUnassigned ? 'min-height: 325px;max-height: 325px' : 'min-width: 250px;max-width: 250px;';\r\n    const scrollAreaStyle = props.imageCategory.isUnassigned ? 'height: 245px' : 'height: 195px;width: 230px';\r\n    const imageCategories = computed(() => imageCategoriesStore.state.imageCategories.filter(c => c !== props.imageCategory));\r\n\r\n    const showAllVisible = computed(() => props.imageCategory.tags.length > 0);\r\n\r\n    const isShowingAll = ref(false);\r\n\r\n    function showAll () {\r\n      isShowingAll.value = true;\r\n    }\r\n\r\n    function onDragStart (e: DragEvent, tag: string) {\r\n      if (e.dataTransfer !== null && e.target !== null) {\r\n        e.dataTransfer.setData('text', (e.target as HTMLElement).id);\r\n        e.dataTransfer.dropEffect = 'move';\r\n        dragAddToMove(e, tag);\r\n        tagListStore.startDrag();\r\n      }\r\n    }\r\n\r\n    function onDragEnter (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragEnterTag (e) {\r\n      e.stopPropagation();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'true';\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragOver (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragOverTag (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'true';\r\n        tagListStore.setDropTarget(props.imageCategory);\r\n      }\r\n    }\r\n\r\n    function onDragLeave (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        if ((e.target as HTMLElement).dataset.onTag !== 'true') {\r\n          tagListStore.deselectDropTarget(props.imageCategory);\r\n        }\r\n      }\r\n    }\r\n\r\n    function onDragLeaveTag (e) {\r\n      e.stopPropagation();\r\n      if (tagListStore.state.isDragging) {\r\n        (e.target.parentNode as HTMLElement).dataset.onTag = 'false';\r\n      }\r\n    }\r\n\r\n    function onDrop (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        moveTags(props.imageCategory.id);\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function onDropTag (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        moveTags(props.imageCategory.id);\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function onDragEnd (e) {\r\n      e.preventDefault();\r\n      if (tagListStore.state.isDragging) {\r\n        tagListStore.setDropTarget(null);\r\n      }\r\n      tagListStore.stopDrag();\r\n    }\r\n\r\n    function tagHtmlId (tag: string) {\r\n      return `image-tag-${tag}`;\r\n    }\r\n\r\n    function emitDelete () {\r\n      emit('delete');\r\n    }\r\n\r\n    function onKeyEnter () {\r\n      if (isRenaming.value) {\r\n        doRename();\r\n      }\r\n    }\r\n\r\n    const tagsToMove = computed(() => tagListStore.state.selectedTags);\r\n\r\n    function tagHtmlClass (tag: string): IIndexable<boolean> {\r\n      return {\r\n        '-selected': tagsToMove.value.includes(tag),\r\n        '-unselected': !tagsToMove.value.includes(tag)\r\n      };\r\n    }\r\n\r\n    const categoryHtmlClass = computed(() => impl<IIndexable<boolean>>({\r\n      '-drag-enter': tagListStore.state.dropTargetCategory?.id === props.imageCategory.id\r\n    }));\r\n\r\n    // Method below takes in a click event, and if CTRL key is not being pressed it will switch the selected tag to the one that was clicked.\r\n    // Else-if and Else statemtents effectively toggle whether an item is being added or not.\r\n    // Else-if statement then checks if the target element has the class 'selected', if so it removes it.\r\n    // Else statement adds the targetted tag to the list of tags to move since it is not already in it.\r\n    function addToMove (e: MouseEvent, tag: string) {\r\n      e.stopPropagation();\r\n      if (!e.ctrlKey) {\r\n        clearMoveList();\r\n        tagListStore.addTag(tag);\r\n      } else if (tagsToMove.value.includes(tag)) {\r\n        tagListStore.removeTag(tag);\r\n      } else {\r\n        tagListStore.addTag(tag);\r\n      }\r\n    }\r\n\r\n    function dragAddToMove (e: DragEvent, tag: string) {\r\n      if (!e.ctrlKey && !tagsToMove.value.includes(tag)) {\r\n        clearMoveList();\r\n      }\r\n\r\n      tagListStore.addTag(tag);\r\n    }\r\n\r\n    function rightAddToMove (e, tag: string) {\r\n      if (!e.ctrlKey && !tagsToMove.value.includes(tag)) {\r\n        clearMoveList();\r\n        tagListStore.addTag(tag);\r\n      } else {\r\n        tagListStore.addTag(tag);\r\n      }\r\n    }\r\n\r\n    function clearMoveList (e?: Event) {\r\n      tagListStore.clearTags();\r\n      if (e !== undefined) {\r\n        e.preventDefault();\r\n      }\r\n    }\r\n\r\n    function onDropzoneClick (e: MouseEvent) {\r\n      if (!e.ctrlKey) {\r\n        clearMoveList(e);\r\n      }\r\n    }\r\n\r\n    function moveTags (categoryId: string) {\r\n      emit('tags-added', categoryId, tagsToMove.value);\r\n      clearMoveList();\r\n    }\r\n\r\n    return {\r\n      cardStyle,\r\n      scrollAreaStyle,\r\n      imageCategories,\r\n      cardInput,\r\n      onDragStart,\r\n      onDragEnter,\r\n      onDragEnterTag,\r\n      onDragOver,\r\n      onDragOverTag,\r\n      onDragLeave,\r\n      onDragLeaveTag,\r\n      onDrop,\r\n      onDropTag,\r\n      onDragEnd,\r\n      tagHtmlId,\r\n      tagHtmlClass,\r\n      emitDelete,\r\n      isRenaming,\r\n      categoryNameText,\r\n      startRenaming,\r\n      stopRenaming,\r\n      doRename,\r\n      isRequestingRename,\r\n      AddImageCategoryFieldName,\r\n      fieldIsError,\r\n      fieldErrorMessage,\r\n      onKeyEnter,\r\n      addToMove,\r\n      rightAddToMove,\r\n      clearMoveList,\r\n      moveTags,\r\n      categoryHtmlClass,\r\n      onDropzoneClick,\r\n      showAllVisible,\r\n      isShowingAll,\r\n      showAll\r\n    };\r\n  }\r\n});\r\n","import { h, defineComponent, ref, computed, withDirectives, getCurrentInstance } from 'vue'\n\nimport useDark, { useDarkProps } from '../../composables/private/use-dark.js'\n\nimport QResizeObserver from '../resize-observer/QResizeObserver.js'\nimport QScrollObserver from '../scroll-observer/QScrollObserver.js'\n\nimport TouchPan from '../../directives/TouchPan.js'\n\nimport { between } from '../../utils/format.js'\nimport { setVerticalScrollPosition, setHorizontalScrollPosition } from '../../utils/scroll.js'\nimport { hMergeSlot } from '../../utils/private/render.js'\nimport debounce from '../../utils/debounce.js'\n\nconst axisList = [ 'vertical', 'horizontal' ]\nconst dirProps = {\n  vertical: { offset: 'offsetY', scroll: 'scrollTop', dir: 'down', dist: 'y' },\n  horizontal: { offset: 'offsetX', scroll: 'scrollLeft', dir: 'right', dist: 'x' }\n}\n\nexport default defineComponent({\n  name: 'QScrollArea',\n\n  props: {\n    ...useDarkProps,\n\n    thumbStyle: Object,\n    verticalThumbStyle: Object,\n    horizontalThumbStyle: Object,\n\n    barStyle: [ Array, String, Object ],\n    verticalBarStyle: [ Array, String, Object ],\n    horizontalBarStyle: [ Array, String, Object ],\n\n    contentStyle: [ Array, String, Object ],\n    contentActiveStyle: [ Array, String, Object ],\n\n    delay: {\n      type: [ String, Number ],\n      default: 1000\n    },\n\n    visible: {\n      type: Boolean,\n      default: null\n    },\n\n    onScroll: Function\n  },\n\n  setup (props, { slots, emit }) {\n    // state management\n    const tempShowing = ref(false)\n    const panning = ref(false)\n    const hover = ref(false)\n\n    // other...\n    const container = {\n      vertical: ref(0),\n      horizontal: ref(0)\n    }\n\n    const scroll = {\n      vertical: {\n        ref: ref(null),\n        position: ref(0),\n        size: ref(0)\n      },\n\n      horizontal: {\n        ref: ref(null),\n        position: ref(0),\n        size: ref(0)\n      }\n    }\n\n    const vm = getCurrentInstance()\n\n    const isDark = useDark(props, vm.proxy.$q)\n\n    let timer, panRefPos\n\n    const targetRef = ref(null)\n\n    const classes = computed(() =>\n      'q-scrollarea'\n      + (isDark.value === true ? ' q-scrollarea--dark' : '')\n    )\n\n    scroll.vertical.percentage = computed(() => {\n      const p = between(scroll.vertical.position.value / (scroll.vertical.size.value - container.vertical.value), 0, 1)\n      return Math.round(p * 10000) / 10000\n    })\n    scroll.vertical.thumbHidden = computed(() =>\n      (\n        (props.visible === null ? hover.value : props.visible) !== true\n        && tempShowing.value === false\n        && panning.value === false\n      ) || scroll.vertical.size.value <= container.vertical.value + 1\n    )\n    scroll.vertical.thumbSize = computed(() =>\n      Math.round(\n        between(\n          container.vertical.value * container.vertical.value / scroll.vertical.size.value,\n          50,\n          container.vertical.value\n        )\n      )\n    )\n    scroll.vertical.style = computed(() => {\n      const thumbSize = scroll.vertical.thumbSize.value\n      const pos = scroll.vertical.percentage.value * (container.vertical.value - thumbSize)\n      return {\n        ...props.thumbStyle,\n        ...props.verticalThumbStyle,\n        top: `${ pos }px`,\n        height: `${ thumbSize }px`\n      }\n    })\n    scroll.vertical.thumbClass = computed(() =>\n      'q-scrollarea__thumb q-scrollarea__thumb--v absolute-right'\n      + (scroll.vertical.thumbHidden.value === true ? ' q-scrollarea__thumb--invisible' : '')\n    )\n    scroll.vertical.barClass = computed(() =>\n      'q-scrollarea__bar q-scrollarea__bar--v absolute-right'\n      + (scroll.vertical.thumbHidden.value === true ? ' q-scrollarea__bar--invisible' : '')\n    )\n\n    scroll.horizontal.percentage = computed(() => {\n      const p = between(scroll.horizontal.position.value / (scroll.horizontal.size.value - container.horizontal.value), 0, 1)\n      return Math.round(p * 10000) / 10000\n    })\n    scroll.horizontal.thumbHidden = computed(() =>\n      (\n        (props.visible === null ? hover.value : props.visible) !== true\n        && tempShowing.value === false\n        && panning.value === false\n      ) || scroll.horizontal.size.value <= container.horizontal.value + 1\n    )\n    scroll.horizontal.thumbSize = computed(() =>\n      Math.round(\n        between(\n          container.horizontal.value * container.horizontal.value / scroll.horizontal.size.value,\n          50,\n          container.horizontal.value\n        )\n      )\n    )\n    scroll.horizontal.style = computed(() => {\n      const thumbSize = scroll.horizontal.thumbSize.value\n      const pos = scroll.horizontal.percentage.value * (container.horizontal.value - thumbSize)\n      return {\n        ...props.thumbStyle,\n        ...props.horizontalThumbStyle,\n        left: `${ pos }px`,\n        width: `${ thumbSize }px`\n      }\n    })\n    scroll.horizontal.thumbClass = computed(() =>\n      'q-scrollarea__thumb q-scrollarea__thumb--h absolute-bottom'\n      + (scroll.horizontal.thumbHidden.value === true ? ' q-scrollarea__thumb--invisible' : '')\n    )\n    scroll.horizontal.barClass = computed(() =>\n      'q-scrollarea__bar q-scrollarea__bar--h absolute-bottom'\n      + (scroll.horizontal.thumbHidden.value === true ? ' q-scrollarea__bar--invisible' : '')\n    )\n\n    const mainStyle = computed(() => (\n      scroll.vertical.thumbHidden.value === true || scroll.horizontal.thumbHidden.value === true\n        ? props.contentStyle\n        : props.contentActiveStyle\n    ))\n\n    const thumbVertDir = [ [\n      TouchPan,\n      e => { onPanThumb(e, 'vertical') },\n      void 0,\n      {\n        vertical: true,\n        prevent: true,\n        mouse: true,\n        mouseAllDir: true\n      }\n    ] ]\n\n    const thumbHorizDir = [ [\n      TouchPan,\n      e => { onPanThumb(e, 'horizontal') },\n      void 0,\n      {\n        horizontal: true,\n        prevent: true,\n        mouse: true,\n        mouseAllDir: true\n      }\n    ] ]\n\n    // we have lots of listeners, so\n    // ensure we're not emitting same info\n    // multiple times\n    const emitScroll = debounce(() => {\n      const info = { ref: vm.proxy }\n\n      axisList.forEach(axis => {\n        const data = scroll[ axis ]\n\n        info[ axis + 'Position' ] = data.position.value\n        info[ axis + 'Percentage' ] = data.percentage.value\n        info[ axis + 'Size' ] = data.size.value\n        info[ axis + 'ContainerSize' ] = container[ axis ].value\n      })\n\n      emit('scroll', info)\n    }, 0)\n\n    function localSetScrollPosition (axis, offset, duration) {\n      if (axisList.includes(axis) === false) {\n        console.error('[QScrollArea]: wrong first param of setScrollPosition (vertical/horizontal)')\n        return\n      }\n\n      const fn = axis === 'vertical'\n        ? setVerticalScrollPosition\n        : setHorizontalScrollPosition\n\n      fn(targetRef.value, offset, duration)\n    }\n\n    function updateContainer ({ height, width }) {\n      let change = false\n\n      if (container.vertical.value !== height) {\n        container.vertical.value = height\n        change = true\n      }\n\n      if (container.horizontal.value !== width) {\n        container.horizontal.value = width\n        change = true\n      }\n\n      change === true && startTimer()\n    }\n\n    function updateScroll ({ position }) {\n      let change = false\n\n      if (scroll.vertical.position.value !== position.top) {\n        scroll.vertical.position.value = position.top\n        change = true\n      }\n\n      if (scroll.horizontal.position.value !== position.left) {\n        scroll.horizontal.position.value = position.left\n        change = true\n      }\n\n      change === true && startTimer()\n    }\n\n    function updateScrollSize ({ height, width }) {\n      if (scroll.horizontal.size.value !== width) {\n        scroll.horizontal.size.value = width\n        startTimer()\n      }\n\n      if (scroll.vertical.size.value !== height) {\n        scroll.vertical.size.value = height\n        startTimer()\n      }\n    }\n\n    function onPanThumb (e, axis) {\n      const data = scroll[ axis ]\n\n      if (e.isFirst === true) {\n        if (data.thumbHidden.value === true) {\n          return\n        }\n\n        panRefPos = data.position.value\n        panning.value = true\n      }\n      else if (panning.value !== true) {\n        return\n      }\n\n      if (e.isFinal === true) {\n        panning.value = false\n      }\n\n      const dProp = dirProps[ axis ]\n      const containerSize = container[ axis ].value\n\n      const multiplier = (data.size.value - containerSize) / (containerSize - data.thumbSize.value)\n      const distance = e.distance[ dProp.dist ]\n      const pos = panRefPos + (e.direction === dProp.dir ? 1 : -1) * distance * multiplier\n\n      setScroll(pos, axis)\n    }\n\n    function onMousedown (evt, axis) {\n      const data = scroll[ axis ]\n\n      if (data.thumbHidden.value !== true) {\n        const pos = evt[ dirProps[ axis ].offset ] - data.thumbSize.value / 2\n        setScroll(pos / container[ axis ].value * data.size.value, axis)\n\n        // activate thumb pan\n        if (data.ref.value !== null) {\n          data.ref.value.dispatchEvent(new MouseEvent(evt.type, evt))\n        }\n      }\n    }\n\n    function onVerticalMousedown (evt) {\n      onMousedown(evt, 'vertical')\n    }\n\n    function onHorizontalMousedown (evt) {\n      onMousedown(evt, 'horizontal')\n    }\n\n    function startTimer () {\n      if (tempShowing.value === true) {\n        clearTimeout(timer)\n      }\n      else {\n        tempShowing.value = true\n      }\n\n      timer = setTimeout(() => { tempShowing.value = false }, props.delay)\n      props.onScroll !== void 0 && emitScroll()\n    }\n\n    function setScroll (offset, axis) {\n      targetRef.value[ dirProps[ axis ].scroll ] = offset\n    }\n\n    function onMouseenter () {\n      hover.value = true\n    }\n\n    function onMouseleave () {\n      hover.value = false\n    }\n\n    // expose public methods\n    Object.assign(vm.proxy, {\n      getScrollTarget: () => targetRef.value,\n      getScrollPosition: () => ({\n        top: scroll.vertical.position.value,\n        left: scroll.horizontal.position.value\n      }),\n      setScrollPosition: localSetScrollPosition,\n      setScrollPercentage (axis, percentage, duration) {\n        localSetScrollPosition(\n          axis,\n          percentage * (scroll[ axis ].size.value - container[ axis ].value),\n          duration\n        )\n      }\n    })\n\n    return () => {\n      return h('div', {\n        class: classes.value,\n        onMouseenter,\n        onMouseleave\n      }, [\n        h('div', {\n          ref: targetRef,\n          class: 'q-scrollarea__container scroll relative-position fit hide-scrollbar'\n        }, [\n          h('div', {\n            class: 'q-scrollarea__content absolute',\n            style: mainStyle.value\n          }, hMergeSlot(slots.default, [\n            h(QResizeObserver, {\n              onResize: updateScrollSize\n            })\n          ])),\n\n          h(QScrollObserver, {\n            axis: 'both',\n            onScroll: updateScroll\n          })\n        ]),\n\n        h(QResizeObserver, {\n          onResize: updateContainer\n        }),\n\n        h('div', {\n          class: scroll.vertical.barClass.value,\n          style: [ props.barStyle, props.verticalBarStyle ],\n          'aria-hidden': 'true',\n          onMousedown: onVerticalMousedown\n        }),\n\n        h('div', {\n          class: scroll.horizontal.barClass.value,\n          style: [ props.barStyle, props.horizontalBarStyle ],\n          'aria-hidden': 'true',\n          onMousedown: onHorizontalMousedown\n        }),\n\n        withDirectives(\n          h('div', {\n            ref: scroll.vertical.ref,\n            class: scroll.vertical.thumbClass.value,\n            style: scroll.vertical.style.value,\n            'aria-hidden': 'true'\n          }),\n          thumbVertDir\n        ),\n\n        withDirectives(\n          h('div', {\n            ref: scroll.horizontal.ref,\n            class: scroll.horizontal.thumbClass.value,\n            style: scroll.horizontal.style.value,\n            'aria-hidden': 'true'\n          }),\n          thumbHorizDir\n        )\n      ])\n    }\n  }\n})\n","import { render } from \"./ImageCategoryCard.vue?vue&type=template&id=7730d51e\"\nimport script from \"./ImageCategoryCard.vue?vue&type=script&lang=ts\"\nexport * from \"./ImageCategoryCard.vue?vue&type=script&lang=ts\"\n\nimport \"./ImageCategoryCard.vue?vue&type=style&index=0&id=7730d51e&lang=scss\"\nscript.render = render\n\nexport default script\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport QBadge from 'quasar/src/components/badge/QBadge.js';\nimport QMenu from 'quasar/src/components/menu/QMenu.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QField from 'quasar/src/components/field/QField.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection,QInput,QBtn,QTooltip,QIcon,QScrollArea,QBadge,QMenu,QItem,QItemSection,QList,QField});\n","function clean (link) {\n  // allow time for iOS\n  setTimeout(() => {\n    window.URL.revokeObjectURL(link.href)\n  }, 10000)\n  link.remove()\n}\n\nexport default function (fileName, rawData, mimeType) {\n  const blob = new Blob([ rawData ], { type: mimeType || 'text/plain' })\n  const link = document.createElement('a')\n\n  link.download = fileName\n  link.href = window.URL.createObjectURL(blob)\n\n  link.classList.add('hidden')\n  link.style.position = 'fixed' // avoid scrolling to bottom\n  document.body.appendChild(link)\n\n  try {\n    link.click()\n    clean(link)\n    return true\n  }\n  catch (err) {\n    clean(link)\n    return err\n  }\n}\n","\r\nimport { computed, DeepReadonly, defineComponent, Ref, ref, watch } from 'vue';\r\nimport { IImageCategoryListingModel, IAddImageCategoryModel, IExportCategoryModelItem, IExportCategoryModel } from '@/store/contracts/imageCategories/imageCategories';\r\nimport { useStore as useImageCategoriesStore } from '@/store/imageCategories/imageCategories';\r\nimport ImageCategoryCard from '@/components/imageCategories/ImageCategoryCard.vue';\r\nimport { useStore as useValidationStore } from '@/store/validation';\r\nimport validationModel, { AddImageCategoryFieldName } from '@/validation/addImageCategoryValidationModel';\r\nimport { impl } from '@/utils/impl';\r\nimport useQuasar from 'quasar/src/composables/use-quasar.js';import exportFile from 'quasar/src/utils/export-file.js';import QFile from 'quasar/src/components/file/QFile.js';import copyToClipboard from 'quasar/src/utils/copy-to-clipboard.js';;\r\nimport { provideStore as provideTagListStore } from '@/store/imageCategories/tagList';\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    ImageCategoryCard\r\n  },\r\n  async setup () {\r\n    const validationStore = useValidationStore();\r\n    const imageCategoriesStore = useImageCategoriesStore();\r\n    const $q = useQuasar();\r\n    provideTagListStore();\r\n\r\n    const imageCategories = computed(() => imageCategoriesStore.state.imageCategories.filter(c => !c.isUnassigned));\r\n    const unassignedImageCategory = computed(() => imageCategoriesStore.state.imageCategories.find(c => c.isUnassigned) as IImageCategoryListingModel);\r\n\r\n    const addCategoryInput = ref('');\r\n    const isAdding = ref(false);\r\n\r\n    const file: Ref<File | null> = ref(null);\r\n\r\n    watch(file, function () {\r\n      importFile(file.value);\r\n    });\r\n\r\n    await imageCategoriesStore.loadImageCategories();\r\n\r\n    function getRowId (row: IImageCategoryListingModel): string {\r\n      return row.id;\r\n    }\r\n\r\n    function fieldIsError (fieldName: AddImageCategoryFieldName): boolean {\r\n      return validationStore.fieldIsError(validationModel.modelName, fieldName);\r\n    }\r\n\r\n    function fieldErrorMessage (fieldName : AddImageCategoryFieldName): string {\r\n      return validationStore.fieldErrorMessage(validationModel.modelName, fieldName);\r\n    }\r\n\r\n    function clearAddCategory () {\r\n      addCategoryInput.value = '';\r\n      validationStore.clear(validationModel);\r\n    }\r\n\r\n    async function startAddCategory () {\r\n      isAdding.value = true;\r\n      const model = impl<IAddImageCategoryModel>({\r\n        CategoryName: addCategoryInput.value,\r\n        Tags: []\r\n      });\r\n      await imageCategoriesStore.addCategory(model, {\r\n        onSuccess: async () => {\r\n          addCategoryInput.value = '';\r\n          // Don't clear validationStore here because we want to throw error for duplicate values.\r\n        }\r\n      });\r\n      isAdding.value = false;\r\n    }\r\n\r\n    async function onTagsMoved (id: string, tagsAdded: string[]) {\r\n      await imageCategoriesStore.moveImageTags(tagsAdded, id);\r\n    }\r\n\r\n    function confirmDelete (row: IImageCategoryListingModel) {\r\n      $q.dialog({\r\n        title: 'Delete Confirmation',\r\n        message: `Are you sure you want to delete ${row.name}?`,\r\n        cancel: true,\r\n        persistent: true\r\n      }).onOk(() => {\r\n        imageCategoriesStore.deleteImageCategory(row.id);\r\n      });\r\n    }\r\n\r\n    function mapCategory (category: DeepReadonly<IImageCategoryListingModel>): IExportCategoryModelItem {\r\n      return {\r\n        Name: category.name,\r\n        Tags: category.tags\r\n      };\r\n    }\r\n\r\n    function exportCategories () {\r\n      const categoryItemsForExport = imageCategories.value.map(mapCategory);\r\n      const categoriesForExport = {\r\n        Categories: categoryItemsForExport\r\n      } as IExportCategoryModel;\r\n      const exportString = JSON.stringify(categoriesForExport);\r\n      const status = exportFile('imageCategoriesExport.json', exportString, 'application/json');\r\n      if (!status) {\r\n        $q.notify({\r\n          type: 'negative',\r\n          message: 'Unable to export file. Click here to copy contents to clipboard.',\r\n          actions: [{\r\n            icon: 'mdi-clipboard-outline',\r\n            color: 'white',\r\n            handler: () => {\r\n              copyToClipboard(exportString);\r\n              $q.notify({\r\n                type: 'positive',\r\n                message: 'Copied!',\r\n                timeout: 3000\r\n              });\r\n            }\r\n          }]\r\n        });\r\n      }\r\n    }\r\n\r\n    const isImporting = ref(false);\r\n\r\n    async function importFile (importFile: File | null) {\r\n      if (importFile) {\r\n        isImporting.value = true;\r\n        await imageCategoriesStore.importTags(importFile);\r\n        file.value = null;\r\n        isImporting.value = false;\r\n      }\r\n    }\r\n    const fileInput = ref<QFile>();\r\n    function pickFile () {\r\n      fileInput.value!.pickFiles();\r\n    }\r\n\r\n    return {\r\n      getRowId,\r\n      imageCategories,\r\n      unassignedImageCategory,\r\n      onTagsMoved,\r\n      confirmDelete,\r\n      startAddCategory,\r\n      clearAddCategory,\r\n      AddImageCategoryFieldName,\r\n      fieldIsError,\r\n      fieldErrorMessage,\r\n      addCategoryInput,\r\n      isAdding,\r\n      exportCategories,\r\n      file,\r\n      pickFile,\r\n      fileInput,\r\n      isImporting\r\n    };\r\n  }\r\n});\r\n","import { render } from \"./ImageCategoryListPage.vue?vue&type=template&id=98b3a556\"\nimport script from \"./ImageCategoryListPage.vue?vue&type=script&lang=ts\"\nexport * from \"./ImageCategoryListPage.vue?vue&type=script&lang=ts\"\n\nimport \"./ImageCategoryListPage.vue?vue&type=style&index=0&id=98b3a556&lang=scss\"\nscript.render = render\n\nexport default script\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QFile from 'quasar/src/components/file/QFile.js';\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QField from 'quasar/src/components/field/QField.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon,QTooltip,QInput,QBtn,QFile,QTable,QField});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-2!./ImageCategoryDialog.vue?vue&type=style&index=0&id=0f93b3c6&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-2!./ImageCategoryListPage.vue?vue&type=style&index=0&id=98b3a556&lang=scss\""],"sourceRoot":""}