{"version":3,"mappings":";unCASA,MAAMA,EAAeC,EAAqB,CACxC,OAAQ,IAAMC,EAAA,WAAO,eAA4C,EAAC,KAAAC,KAAA,mIAClE,iBAAkBC,CACpB,CAAC,EACKC,EAAeJ,EACnB,UAAM,OAAO,eAAsC,uEACrD,EACMK,EAAkBL,EAAqB,CAC3C,OAAQ,IAAMC,EAAA,WAAO,eAA+C,EAAC,4GACrE,iBAAkBE,CACpB,CAAC,EAEKG,EAAQC,EAuBRC,EAAOC,EAOPC,EAAQC,EAAc,EAEtBC,EAAkBC,EAAI,IAAI,EAC1BC,EAAiBD,EAAI,IAAI,EACzBE,EAAcF,EAAI,EAAI,EACtBG,EAAmBH,EAAI,EAAK,EAE5BI,EAAeC,EAAS,IAAM,CAClC,IAAIC,EAAW,UACXC,EAAS,YACTd,EAAM,gBAAkB,WAC1Ba,EAAW,WACXC,EAAS,aAGX,SAASC,EAAaC,EAAQ,CAC5B,OAAOA,EAAO,OAAO,CAAC,EAAE,cAAgBA,EAAO,MAAM,CAAC,CAC1D,CAEE,MAAO,CACL,SAAU,CACR,MAAOH,EACP,SAAUE,EAAaF,CAAQ,CAChC,EACD,OAAQ,CACN,MAAOC,EACP,SAAUC,EAAaD,CAAM,CAC9B,CACL,CACA,CAAC,EAEKG,EAAiBL,EAAS,IACvBZ,EAAM,UAAU,MACxB,EAEKkB,EAA2BN,EAAS,IACjCK,EAAe,OAASjB,EAAM,iBACtC,EAEKmB,EAAuBP,EAAS,IAC7B,WAAWZ,EAAM,aAAa,IAAIW,EAAa,MAAM,SAAS,KAAK,EAC3E,EAEKS,EAAoBR,EAAS,CACjC,KAAM,CACJ,OAAIZ,EAAM,gBAAkB,SACnBI,EAAM,wBAER,EACR,EACD,IAAIiB,EAAqB,CACnBrB,EAAM,gBAAkB,WAC1BI,EAAM,wBAA0BiB,EAEnC,CACH,CAAC,EAEKC,EAAeV,EAAS,IAAM,OAClC,MAAMW,EAAU,CACd,CACE,MAAO,cACP,IAAK,cACL,SAAU,EACX,EACD,CACE,MAAO,GACP,IAAK,UACL,SAAU,EACX,CACL,EAEMvB,EAAM,gBAAkB,WAC1BuB,EAAQ,OAAO,EAAG,EAAG,CACnB,MAAO,SACP,IAAK,qBACL,SAAU,EACX,GAGH,UAAWC,KAAYxB,EAAM,UAC3B,IAAIyB,EAAAD,GAAA,YAAAA,EAAU,UAAV,MAAAC,EAAmB,SAAUD,GAAA,MAAAA,EAAU,aAAa,CACtDD,EAAQ,OAAO,EAAG,EAAG,CACnB,MAAO,QACP,IAAK,UACL,SAAU,EACX,GACD,KACN,CAGE,OAAOA,CACT,CAAC,EAED,SAASG,GAAqB,CAC5BjB,EAAY,MAAQ,GACpBC,EAAiB,MAAQ,EAC3B,CAEA,SAASiB,EAAsBH,EAAU,CACvCtB,EAAK,iBAAkBsB,CAAQ,CACjC,CAEA,SAASI,EAAoBC,EAAM,CACjCvB,EAAgB,MAAQuB,EAAK,GAC7BrB,EAAe,MAAQqB,EACvBpB,EAAY,MAAQ,GACpBC,EAAiB,MAAQ,EAC3B,CAEA,SAASoB,GAAwB,CAC/B5B,EAAK,gBAAgB,EACrBQ,EAAiB,MAAQ,EAC3B,CAEA,SAASqB,GAA2B,CAClCrB,EAAiB,MAAQ,EAC3B,CAEA,SAASsB,EAAqBR,EAAU,CACtCtB,EAAK,gBAAiBsB,CAAQ,EAC9Bd,EAAiB,MAAQ,EAC3B,CAEA,SAASuB,EAASC,EAAM,CACtB,MAAO,CAAE,MAAOC,EAAkBD,EAAK,KAAK,WAAW,CAAC,CAC1D,CAEA,SAASE,EAA8BZ,EAAU,CAC/CtB,EAAK,yBAA0BsB,CAAQ,CACzC","names":["EditModifier","defineAsyncComponent","__vitePreload","n","Loading","DialogCommon","SearchModifiers","props","__props","emit","__emit","store","useGlobalStore","modifierEditKey","ref","modifierToEdit","newModifier","showModifierForm","modifierNoun","computed","singular","plural","sentenceCase","string","modifiersCount","modifiersMaxCountReached","newModifierBtnDataCy","selectedModifiers","selectedModifierIds","tableHeaders","headers","modifier","_a","newModifierHandler","deleteModifierHandler","editModifierHandler","item","resetModifiersHandler","modifierCancelledHandler","modifierSavedHandler","rowProps","data","sanitiseClassName","searchModifierSelectedHandler"],"ignoreList":[],"sources":["../../../../components/EditModifier/ModifierBuilder.vue"],"sourcesContent":["<script setup>\nimport Loading from \"@/components/Common/Loading.vue\"\nimport { aliasesFormatted, sanitiseClassName } from \"~/utils/utils\"\nimport UcBtn from \"@/components/UC/UcBtn.vue\"\nimport UcAlert from \"@/components/UC/UcAlert.vue\"\nimport { computed, defineAsyncComponent, ref } from \"vue\"\nimport { useGlobalStore } from \"@/stores/global\"\nimport { Icon } from \"@iconify/vue\"\n\nconst EditModifier = defineAsyncComponent({\n  loader: () => import(\"@/components/EditModifier/EditModifier.vue\"),\n  loadingComponent: Loading,\n})\nconst DialogCommon = defineAsyncComponent(\n  () => import(\"@/components/Common/DialogCommon.vue\")\n)\nconst SearchModifiers = defineAsyncComponent({\n  loader: () => import(\"@/components/EditModifier/SearchModifiers.vue\"),\n  loadingComponent: Loading,\n})\n\nconst props = defineProps({\n  heading: {\n    type: String,\n    default: null,\n  },\n  modifiers: {\n    type: Array,\n    required: true,\n  },\n  modifierScope: {\n    type: String,\n    required: true,\n  },\n  modifiersMaxCount: {\n    type: Number,\n    default: 4,\n  },\n  tableShowSelect: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits([\n  \"deleteModifier\",\n  \"modifierSaved\",\n  \"resetModifiers\",\n  \"searchModifierSelected\",\n])\n\nconst store = useGlobalStore()\n\nconst modifierEditKey = ref(null)\nconst modifierToEdit = ref(null)\nconst newModifier = ref(true)\nconst showModifierForm = ref(false)\n\nconst modifierNoun = computed(() => {\n  let singular = \"ability\"\n  let plural = \"abilities\"\n  if (props.modifierScope === \"global\") {\n    singular = \"modifier\"\n    plural = \"modifiers\"\n  }\n\n  function sentenceCase(string) {\n    return string.charAt(0).toUpperCase() + string.slice(1)\n  }\n\n  return {\n    singular: {\n      lower: singular,\n      sentence: sentenceCase(singular),\n    },\n    plural: {\n      lower: plural,\n      sentence: sentenceCase(plural),\n    },\n  }\n})\n\nconst modifiersCount = computed(() => {\n  return props.modifiers.length\n})\n\nconst modifiersMaxCountReached = computed(() => {\n  return modifiersCount.value >= props.modifiersMaxCount\n})\n\nconst newModifierBtnDataCy = computed(() => {\n  return `btn-new-${props.modifierScope}-${modifierNoun.value.singular.lower}`\n})\n\nconst selectedModifiers = computed({\n  get() {\n    if (props.modifierScope === \"global\") {\n      return store.modifiersGlobalSelected\n    }\n    return []\n  },\n  set(selectedModifierIds) {\n    if (props.modifierScope === \"global\") {\n      store.modifiersGlobalSelected = selectedModifierIds\n    }\n  },\n})\n\nconst tableHeaders = computed(() => {\n  const headers = [\n    {\n      title: \"Description\",\n      key: \"description\",\n      sortable: false,\n    },\n    {\n      title: \"\",\n      key: \"actions\",\n      sortable: false,\n    },\n  ]\n\n  if (props.modifierScope === \"profile\") {\n    headers.splice(1, 0, {\n      title: \"Shared\",\n      key: \"sharedWithAllUnits\",\n      sortable: false,\n    })\n  }\n\n  for (const modifier of props.modifiers) {\n    if (modifier?.aliases?.length && modifier?.aliasActive) {\n      headers.splice(1, 0, {\n        title: \"Alias\",\n        key: \"aliases\",\n        sortable: false,\n      })\n      break\n    }\n  }\n\n  return headers\n})\n\nfunction newModifierHandler() {\n  newModifier.value = true\n  showModifierForm.value = true\n}\n\nfunction deleteModifierHandler(modifier) {\n  emit(\"deleteModifier\", modifier)\n}\n\nfunction editModifierHandler(item) {\n  modifierEditKey.value = item.id\n  modifierToEdit.value = item\n  newModifier.value = false\n  showModifierForm.value = true\n}\n\nfunction resetModifiersHandler() {\n  emit(\"resetModifiers\")\n  showModifierForm.value = false\n}\n\nfunction modifierCancelledHandler() {\n  showModifierForm.value = false\n}\n\nfunction modifierSavedHandler(modifier) {\n  emit(\"modifierSaved\", modifier)\n  showModifierForm.value = false\n}\n\nfunction rowProps(data) {\n  return { class: sanitiseClassName(data.item.description) }\n}\n\nfunction searchModifierSelectedHandler(modifier) {\n  emit(\"searchModifierSelected\", modifier)\n}\n</script>\n\n<template>\n  <div class=\"modifier-builder\">\n    <div class=\"heading-action-wrapper\">\n      <h4 v-if=\"heading\" class=\"heading\">{{ heading }}</h4>\n\n      <div class=\"actions\">\n        <SearchModifiers\n          :modifier-scope=\"modifierScope\"\n          :disabled=\"modifiersMaxCountReached\"\n          class=\"btn-add-preset\"\n          @modifier-selected=\"searchModifierSelectedHandler($event)\"\n        />\n        <UcBtn\n          :data-cy=\"newModifierBtnDataCy\"\n          :disabled=\"modifiersMaxCountReached\"\n          size=\"small\"\n          @click=\"newModifierHandler\"\n          >Create {{ modifierNoun.singular.lower }}\n        </UcBtn>\n        <UcBtn\n          v-if=\"modifiers.length\"\n          :data-cy=\"`remove-all-modifiers--${modifierScope}`\"\n          size=\"small\"\n          @click=\"resetModifiersHandler\"\n        >\n          Remove all</UcBtn\n        >\n      </div>\n    </div>\n\n    <UcAlert v-if=\"modifiersMaxCountReached\" class=\"mt-4\">\n      {{ modifierNoun.plural.sentence }} are capped at a maximum of\n      {{ modifiersMaxCount }}. You'll need to remove one before you can add any\n      more.\n    </UcAlert>\n\n    <v-data-table\n      v-if=\"modifiers.length\"\n      v-model=\"selectedModifiers\"\n      :headers=\"tableHeaders\"\n      :items=\"modifiers\"\n      class=\"mt-4\"\n      data-cy=\"table-modifiers\"\n      :show-select=\"tableShowSelect\"\n      :row-props=\"rowProps\"\n    >\n      <template #item.sharedWithAllUnits=\"{ item }\">\n        <Icon v-if=\"item.sharedWithAllUnits\" icon=\"mdi:check\" height=\"18\" />\n        <template v-else>—</template>\n      </template>\n\n      <template #item.aliases=\"{ item }\">\n        <div class=\"aliases\">\n          {{ aliasesFormatted(item) }}\n        </div>\n      </template>\n\n      <template #item.actions=\"{ item }\">\n        <div class=\"row-actions\">\n          <Icon\n            icon=\"mdi:pencil\"\n            title=\"Edit\"\n            height=\"20\"\n            @click.stop=\"editModifierHandler(item)\"\n          />\n          <Icon\n            icon=\"mdi:delete\"\n            title=\"Delete\"\n            height=\"20\"\n            @click=\"deleteModifierHandler(item)\"\n          />\n        </div>\n      </template>\n\n      <!-- Hides pagination -->\n      <template #bottom />\n    </v-data-table>\n\n    <DialogCommon v-if=\"showModifierForm\" v-model=\"showModifierForm\">\n      <EditModifier\n        :key=\"modifierEditKey\"\n        :modifier-scope=\"modifierScope\"\n        :new-modifier=\"newModifier\"\n        :incoming-modifier=\"modifierToEdit\"\n        @modifier-cancelled=\"modifierCancelledHandler()\"\n        @modifier-saved=\"modifierSavedHandler($event)\"\n      />\n    </DialogCommon>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.modifier-builder {\n  container-type: inline-size;\n}\n\n.heading {\n  margin-bottom: 1rem;\n}\n\n@container (min-width: 36rem) {\n  .heading-action-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .heading {\n    margin-bottom: 0;\n  }\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.btn-add-preset {\n  display: inline-flex;\n}\n.aliases {\n  text-transform: uppercase;\n}\n</style>\n"],"file":"_nuxt/R4Uxdqmi.js"}