@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VChip","_withCtx","_createTextVNode","_toDisplayString","_unref","_component_VTooltip","_createCommentVNode","_component_VProgressCircular","_createElementVNode","_withModifiers","_createVNode","_component_VIcon","_hoisted_1","AuthorRemoteAutocompleteCachedAuthorChipConflicts_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","clickClose","useDamCachedAuthors","useDamConfigName","useCachedItem","getCachedAuthor","pinCachedAuthor","unpinCachedAuthor","addToCachedAuthors","id","fetchCachedAuthors","displayTitle","computed","unresolved","cached","useI18n","addLabel","t","openBlock","createBlock","VChip","withCtx","createTextVNode","toDisplayString","unref","VTooltip","createCommentVNode","loaded","VProgressCircular","createElementVNode","withModifiers","createVNode","VIcon"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    queueId?: string | undefined\n  }>(),\n  {\n    queueId: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'addAuthor', data: DocId | null | undefined): void\n}>()\n\nconst clickClose = () => {\n  emit('addAuthor', props.id)\n}\n\nconst { getCachedAuthor, addToCachedAuthors, fetchCachedAuthors, pinCachedAuthor, unpinCachedAuthor } =\n  useDamCachedAuthors(useDamConfigName())\n\n// As the author chip reads it. An author the server did not return is settled too: it has only its id to show,\n// until a later ask for it finds it.\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedAuthor(props.id), {\n  // The name the chip shows stays in the cache while it shows it.\n  id: () => props.id,\n  pin: pinCachedAuthor,\n  unpin: unpinCachedAuthor,\n  askFor: (id) => {\n    addToCachedAuthors([id])\n    fetchCachedAuthors()\n  },\n})\n\nconst displayTitle = computed(() => {\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name + (cached.value.identifier?.length > 0 ? ` (${cached.value.identifier})` : '')\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n\n// Named by its author, once the name has come: every \"+\" of the conflicts was \"Add author\" alone.\nconst addLabel = computed(() =>\n  displayTitle.value.length > 0\n    ? t('common.damImage.author.button.addConflictNamed', { name: displayTitle.value })\n    : t('common.damImage.author.button.addConflict')\n)\n</script>\n\n<template>\n  <!-- The \"+\" adds the author, and is named so, by the author. Drawn here as the chip draws its close: the chip names\n       its close by a key it translates without parameters, and a name could not go into it. The chip is not closable;\n       its close is named all the same, as the rule of the library for chips asks. -->\n  <VChip\n    size=\"small\"\n    close-label=\"common.damImage.author.button.addConflict\"\n  >\n    {{ displayTitle }}\n    <VTooltip\n      v-if=\"unresolved\"\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t('common.model.cachedUnavailable') }}\n    </VTooltip>\n    <VProgressCircular\n      v-if=\"!loaded\"\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"mx-1\"\n    />\n    <button\n      class=\"v-chip__close\"\n      type=\"button\"\n      data-testid=\"close-chip\"\n      :aria-label=\"addLabel\"\n      @click.stop.prevent=\"clickClose\"\n    >\n      <VIcon\n        icon=\"mdi-plus\"\n        size=\"x-small\"\n      />\n    </button>\n  </VChip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMiB,IAAQC,GASRC,IAAOH,GAIPI,UAAmB;GACvB,EAAK,aAAaH,EAAM,EAAE;EAC5B,GAEM,EAAE,oBAAiB,uBAAoB,uBAAoB,oBAAiB,yBAChFI,EAAoBC,EAAiB,CAAC,GAIlC,EAAE,WAAQ,WAAQ,kBAAeC,QAAoBC,EAAgBP,EAAM,EAAE,GAAG;GAEpF,UAAUA,EAAM;GAChB,KAAKQ;GACL,OAAOC;GACP,SAAS,MAAO;IAEd,AADAC,EAAmB,CAACC,CAAE,CAAC,GACvBC,EAAmB;GACrB;EACF,CAAC,GAEKC,IAAeC,QACfC,EAAW,QAAc,MAAMf,EAAM,KACrCgB,EAAO,QACFA,EAAO,MAAM,QAAQA,EAAO,MAAM,YAAY,SAAS,IAAI,KAAKA,EAAO,MAAM,WAAW,KAAK,MAE/F,EACR,GAEK,EAAE,SAAMC,EAAQ,GAGhBC,IAAWJ,QACfD,EAAa,MAAM,SAAS,IACxBM,EAAE,kDAAkD,EAAE,MAAMN,EAAa,MAAM,CAAC,IAChFM,EAAE,2CAA2C,CACnD;E,kBAOEpC,EAAA,GAAAC,EA+BQC,GAAA;GA9BN,MAAK;GACL,eAAY;;GAEZ,SAAAC,QAAkB;IAAfC,EAAAC,EAAAyB,EAAA,KAAY,IAAG,KAClB,CAAA;IACQxB,EAAA0B,CAAA,KADRhC,EAAA,GAAAC,EAMWM,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAJ,QAAyC,CAAtCC,EAAAC,EAAAC,EAAA8B,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG9B,EAAAwC,CAAA,I,aADT9C,EAAA,GAAAC,EAMEQ,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM;;IAERC,EAWS,UAAA;KAVP,OAAM;KACN,MAAK;KACL,eAAY;KACX,cAAYyB,EAAA;KACZ,SAAKxB,EAAeS,GAAU,CAAA,QAAA,SAAA,CAAA;I,IAE/BR,EAGEC,GAAA;KAFA,MAAK;KACL,MAAK"}
+{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VChip","_withCtx","_createTextVNode","_toDisplayString","_unref","_component_VTooltip","_createCommentVNode","_component_VProgressCircular","_createElementVNode","_withModifiers","_createVNode","_component_VIcon","_hoisted_1","AuthorRemoteAutocompleteCachedAuthorChipConflicts_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","clickClose","useDamCachedAuthors","useDamConfigName","useCachedItem","getCachedAuthor","pinCachedAuthor","unpinCachedAuthor","addToCachedAuthors","id","fetchCachedAuthors","displayTitle","computed","unresolved","cached","useI18n","addLabel","t","openBlock","createBlock","VChip","withCtx","createTextVNode","toDisplayString","unref","VTooltip","createCommentVNode","loaded","VProgressCircular","createElementVNode","withModifiers","createVNode","VIcon"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    queueId?: string | undefined\n  }>(),\n  {\n    queueId: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'addAuthor', data: DocId | null | undefined): void\n}>()\n\nconst clickClose = () => {\n  emit('addAuthor', props.id)\n}\n\nconst { getCachedAuthor, addToCachedAuthors, fetchCachedAuthors, pinCachedAuthor, unpinCachedAuthor } =\n  useDamCachedAuthors(useDamConfigName())\n\n// An author the server did not return also counts as settled. It shows only its id until a later request finds it.\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedAuthor(props.id), {\n  id: () => props.id,\n  pin: pinCachedAuthor,\n  unpin: unpinCachedAuthor,\n  askFor: (id) => {\n    addToCachedAuthors([id])\n    fetchCachedAuthors()\n  },\n})\n\nconst displayTitle = computed(() => {\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name + (cached.value.identifier?.length > 0 ? ` (${cached.value.identifier})` : '')\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n\n// Labelled with the author name once loaded. Otherwise every \"+\" read only \"Add author\".\nconst addLabel = computed(() =>\n  displayTitle.value.length > 0\n    ? t('common.damImage.author.button.addConflictNamed', { name: displayTitle.value })\n    : t('common.damImage.author.button.addConflict')\n)\n</script>\n\n<template>\n  <!--\n    The \"+\" is drawn here because the chip labels its close with a key\n    translated without parameters, so the author name cannot go in.\n    The chip is not closable. The \"+\" is still labelled, as the library's chip rule requires.\n  -->\n  <VChip\n    size=\"small\"\n    close-label=\"common.damImage.author.button.addConflict\"\n  >\n    {{ displayTitle }}\n    <VTooltip\n      v-if=\"unresolved\"\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t('common.model.cachedUnavailable') }}\n    </VTooltip>\n    <VProgressCircular\n      v-if=\"!loaded\"\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"mx-1\"\n    />\n    <button\n      class=\"v-chip__close\"\n      type=\"button\"\n      data-testid=\"close-chip\"\n      :aria-label=\"addLabel\"\n      @click.stop.prevent=\"clickClose\"\n    >\n      <VIcon\n        icon=\"mdi-plus\"\n        size=\"x-small\"\n      />\n    </button>\n  </VChip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMiB,IAAQC,GASRC,IAAOH,GAIPI,UAAmB;GACvB,EAAK,aAAaH,EAAM,EAAE;EAC5B,GAEM,EAAE,oBAAiB,uBAAoB,uBAAoB,oBAAiB,yBAChFI,EAAoBC,EAAiB,CAAC,GAGlC,EAAE,WAAQ,WAAQ,kBAAeC,QAAoBC,EAAgBP,EAAM,EAAE,GAAG;GACpF,UAAUA,EAAM;GAChB,KAAKQ;GACL,OAAOC;GACP,SAAS,MAAO;IAEd,AADAC,EAAmB,CAACC,CAAE,CAAC,GACvBC,EAAmB;GACrB;EACF,CAAC,GAEKC,IAAeC,QACfC,EAAW,QAAc,MAAMf,EAAM,KACrCgB,EAAO,QACFA,EAAO,MAAM,QAAQA,EAAO,MAAM,YAAY,SAAS,IAAI,KAAKA,EAAO,MAAM,WAAW,KAAK,MAE/F,EACR,GAEK,EAAE,SAAMC,EAAQ,GAGhBC,IAAWJ,QACfD,EAAa,MAAM,SAAS,IACxBM,EAAE,kDAAkD,EAAE,MAAMN,EAAa,MAAM,CAAC,IAChFM,EAAE,2CAA2C,CACnD;E,kBASEpC,EAAA,GAAAC,EA+BQC,GAAA;GA9BN,MAAK;GACL,eAAY;;GAEZ,SAAAC,QAAkB;IAAfC,EAAAC,EAAAyB,EAAA,KAAY,IAAG,KAClB,CAAA;IACQxB,EAAA0B,CAAA,KADRhC,EAAA,GAAAC,EAMWM,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAJ,QAAyC,CAAtCC,EAAAC,EAAAC,EAAA8B,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG9B,EAAAwC,CAAA,I,aADT9C,EAAA,GAAAC,EAMEQ,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM;;IAERC,EAWS,UAAA;KAVP,OAAM;KACN,MAAK;KACL,eAAY;KACX,cAAYyB,EAAA;KACZ,SAAKxB,EAAeS,GAAU,CAAA,QAAA,SAAA,CAAA;I,IAE/BR,EAGEC,GAAA;KAFA,MAAK;KACL,MAAK"}

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.js

@@ -1,9 +1,8 @@
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-import t from "./AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js";
+import e from "./AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                                   */
-//#region src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-52739a77"]]);
-//#endregion
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+// src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-c21ee7a9"]]);
 export { n as default };
 
 //# sourceMappingURL=AuthorRemoteAutocompleteWithCached.js.map

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteWithCached.js","names":["_sfc_main","_plugin_vue_export_helper_default","AuthorRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","AuthorRemoteAutocompleteWithCached_default"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport {\n  useDamCachedAuthors,\n  useDamCachedAuthorsForRemoteAutocomplete,\n} from '@/domains/dam/author/composables/cachedAuthors'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { isArray } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChip from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChipConflicts from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue'\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport AuthorCreateButton from '@/domains/dam/author/components/AuthorCreateButton.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    authorConflicts?: DocId[]\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** While disabled: the chips of the authors (today's library), or the input and its \"+\" switched off. */\n    disabledAs?: DamFieldsDisabledAs\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    authorConflicts: undefined,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst { t } = useI18n()\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { authorCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(authorCreateAcl ?? undefined)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\n// The conflicts the user can still take: an author the input has already is not offered again.\nconst offeredConflicts = computed(() =>\n  (props.authorConflicts ?? []).filter((id) =>\n    isArray(modelValueComputed.value) ? !modelValueComputed.value.includes(id) : modelValueComputed.value !== id\n  )\n)\n\nconst addAuthor = async (id: null | DocId | undefined) => {\n  if (!id) return\n  if (!modelValueComputed.value.includes(id)) {\n    modelValueComputed.value = [...modelValueComputed.value, id]\n  }\n}\n\nconst addNewAuthorText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewAuthorText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedAuthors } = useDamCachedAuthors(damConfigName)\n// The cache of its configuration, which the inner input takes once.\nconst useCachedOfName = () => useDamCachedAuthorsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (author: DamAuthor) => {\n  addManualToCachedAuthors(author)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, author.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = author.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst authorCreateButton = ref<InstanceType<typeof AuthorCreateButton> | null>(null)\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      :data-cy=\"dataCy\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.author.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <AuthorRemoteAutocompleteCachedAuthorChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n              :force-reviewed=\"itemSlotItem.raw?.raw?.reviewed\"\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!-- Only the close of the slot's chip: its other props (`onMousedown`) would keep a press on the chip from\n        opening the list, as it does. -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <AuthorRemoteAutocompleteCachedAuthorChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-authors-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewAuthorText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n    <div v-show=\"!disabled || disabledAs === 'input'\">\n      <AuthorCreateButton\n        v-if=\"createAllowed\"\n        ref=\"authorCreateButton\"\n        variant=\"icon\"\n        :ext-system=\"extSystem\"\n        data-cy=\"add-author\"\n        :initial-value=\"addNewAuthorText\"\n        disable-redirect\n        :disabled=\"disabled\"\n        @success=\"afterCreate\"\n      />\n    </div>\n  </div>\n  <div\n    v-if=\"!disabled && offeredConflicts.length > 0\"\n    class=\"d-flex flex-column\"\n  >\n    <div>\n      <span class=\"text-body-small\">{{ t('common.damImage.author.conflicts') }}</span>\n    </div>\n    <div>\n      <AuthorRemoteAutocompleteCachedAuthorChipConflicts\n        v-for=\"authorId in offeredConflicts\"\n        :id=\"authorId\"\n        :key=\"authorId\"\n        class=\"mr-1 mt-1\"\n        @add-author=\"addAuthor(authorId)\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-authors-append-item {\n  position: sticky;\n  bottom: 0;\n  // The menu's own surface: a white bar sat in the dark theme's menu.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AuthorRemoteAutocompleteWithCached.js","names":["_sfc_main","AuthorRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AuthorRemoteAutocompleteWithCached_default"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport {\n  useDamCachedAuthors,\n  useDamCachedAuthorsForRemoteAutocomplete,\n} from '@/domains/dam/author/composables/cachedAuthors'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { isArray } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChip from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChipConflicts from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue'\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport AuthorCreateButton from '@/domains/dam/author/components/AuthorCreateButton.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    authorConflicts?: DocId[]\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** How a disabled field looks: author chips (current library behaviour), or the input and its \"+\" disabled. */\n    disabledAs?: DamFieldsDisabledAs\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    authorConflicts: undefined,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst { t } = useI18n()\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { authorCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(authorCreateAcl ?? undefined)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\n// Authors the input already has are not offered again.\nconst offeredConflicts = computed(() =>\n  (props.authorConflicts ?? []).filter((id) =>\n    isArray(modelValueComputed.value) ? !modelValueComputed.value.includes(id) : modelValueComputed.value !== id\n  )\n)\n\nconst addAuthor = async (id: null | DocId | undefined) => {\n  if (!id) return\n  if (!modelValueComputed.value.includes(id)) {\n    modelValueComputed.value = [...modelValueComputed.value, id]\n  }\n}\n\nconst addNewAuthorText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewAuthorText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedAuthors } = useDamCachedAuthors(damConfigName)\n// The inner input reads this cache only once.\nconst useCachedOfName = () => useDamCachedAuthorsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (author: DamAuthor) => {\n  addManualToCachedAuthors(author)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, author.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = author.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst authorCreateButton = ref<InstanceType<typeof AuthorCreateButton> | null>(null)\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      :data-cy=\"dataCy\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.author.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <AuthorRemoteAutocompleteCachedAuthorChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n              :force-reviewed=\"itemSlotItem.raw?.raw?.reviewed\"\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!--\n        Pass only the chip's close. Its other props (`onMousedown`)\n        would stop a press on the chip from opening the list.\n      -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <AuthorRemoteAutocompleteCachedAuthorChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-authors-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewAuthorText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n    <div v-show=\"!disabled || disabledAs === 'input'\">\n      <AuthorCreateButton\n        v-if=\"createAllowed\"\n        ref=\"authorCreateButton\"\n        variant=\"icon\"\n        :ext-system=\"extSystem\"\n        data-cy=\"add-author\"\n        :initial-value=\"addNewAuthorText\"\n        disable-redirect\n        :disabled=\"disabled\"\n        @success=\"afterCreate\"\n      />\n    </div>\n  </div>\n  <div\n    v-if=\"!disabled && offeredConflicts.length > 0\"\n    class=\"d-flex flex-column\"\n  >\n    <div>\n      <span class=\"text-body-small\">{{ t('common.damImage.author.conflicts') }}</span>\n    </div>\n    <div>\n      <AuthorRemoteAutocompleteCachedAuthorChipConflicts\n        v-for=\"authorId in offeredConflicts\"\n        :id=\"authorId\"\n        :key=\"authorId\"\n        class=\"mr-1 mt-1\"\n        @add-author=\"addAuthor(authorId)\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-authors-append-item {\n  position: sticky;\n  bottom: 0;\n  // Use the menu surface color. A white bar showed in the dark theme.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue.d.ts

@@ -13,9 +13,9 @@ type __VLS_Props = {
     authorConflicts?: DocId[];
     dataCy?: string;
     validationScope?: ValidationScope;
-    /** While disabled: the chips of the authors (today's library), or the input and its "+" switched off. */
+    /** How a disabled field looks: author chips (current library behaviour), or the input and its "+" disabled. */
     disabledAs?: DamFieldsDisabledAs;
-    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */
+    /** DAM configuration to use. Defaults to the parent component's, else `default`. */
     configName?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js

@@ -1,27 +1,27 @@
-import e from "../../../ui/components/ARow.js";
-import { isArray as t } from "../../../../shared/utils/common.js";
-import { useValidate as n } from "../../../../shared/validators/vuelidate/useValidate.js";
-import { useAclAllowed as r } from "../../../auth/composables/aclAllowed.js";
-import { FilterInnerConfigKey as i, FilterInnerDataKey as a } from "../../../filters/utils/filterInjectionKeys.js";
-import { useCommonAdminCoreDamOptions as ee } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as te } from "../../composables/damConfigName.js";
-import { useDamCachedAuthors as ne, useDamCachedAuthorsForRemoteAutocomplete as o } from "../composables/cachedAuthors.js";
-import { useAuthorSelectActions as s } from "../composables/authorActions.js";
+import { useValidate as e } from "../../../../shared/validators/vuelidate/useValidate.js";
+import { useDamCachedAuthors as t, useDamCachedAuthorsForRemoteAutocomplete as n } from "../composables/cachedAuthors.js";
+import { isArray as r } from "../../../../shared/utils/common.js";
+import ee from "../../../remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.js";
+import i from "./AuthorRemoteAutocompleteCachedAuthorChip.js";
+import a from "./AuthorRemoteAutocompleteCachedAuthorChipConflicts.js";
+import { useAuthorSelectActions as o } from "../composables/authorActions.js";
+import te from "./AuthorCreateButton.js";
+import s from "../../../ui/components/ARow.js";
+import { FilterInnerConfigKey as ne, FilterInnerDataKey as re } from "../../../filters/utils/filterInjectionKeys.js";
 import { useAuthorInnerFilter as c } from "../filter/AuthorFilter.js";
-import l from "../../../remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.js";
-import u from "./AuthorRemoteAutocompleteCachedAuthorChip.js";
-import d from "./AuthorRemoteAutocompleteCachedAuthorChipConflicts.js";
-import f from "./AuthorCreateButton.js";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createVNode as b, defineComponent as x, mergeProps as S, openBlock as C, provide as w, ref as T, renderList as E, resolveComponent as D, toDisplayString as re, unref as O, vShow as ie, withCtx as k, withDirectives as ae, withKeys as A, withModifiers as j } from "vue";
-import { useI18n as M } from "vue-i18n";
-import { VListItem as N } from "vuetify/components/VList";
-import P from "@vuelidate/core";
-import { VCheckboxBtn as F } from "vuetify/components/VCheckbox";
-//#region src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue?vue&type=script&setup=true&lang.ts
-var I = { class: "d-flex" }, L = {
+import { useAclAllowed as l } from "../../../auth/composables/aclAllowed.js";
+import { useCommonAdminCoreDamOptions as u } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as d } from "../../composables/damConfigName.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createVNode as y, defineComponent as b, mergeProps as x, openBlock as S, provide as C, ref as w, renderList as T, resolveComponent as E, toDisplayString as ie, unref as D, vShow as ae, withCtx as O, withDirectives as oe, withKeys as k, withModifiers as A } from "vue";
+import { useI18n as j } from "vue-i18n";
+import { VListItem as M } from "vuetify/components/VList";
+import N from "@vuelidate/core";
+import { VCheckboxBtn as P } from "vuetify/components/VCheckbox";
+// src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "d-flex" }, I = {
 	key: 0,
 	class: "d-flex flex-column"
-}, R = { class: "text-body-small" }, z = /*@__PURE__*/ x({
+}, L = { class: "text-body-small" }, R = /*@__PURE__*/ b({
 	__name: "AuthorRemoteAutocompleteWithCached",
 	props: {
 		modelValue: {},
@@ -59,92 +59,92 @@ var I = { class: "d-flex" }, L = {
 		configName: { default: void 0 }
 	},
 	emits: ["update:modelValue"],
-	setup(x, { emit: z }) {
-		let B = x, V = z, H = te(B.configName), U = m({
+	setup(b, { emit: R }) {
+		let z = b, B = R, V = d(z.configName), H = p({
 			get() {
-				return B.modelValue;
+				return z.modelValue;
 			},
 			set(e) {
-				V("update:modelValue", [...e]);
+				B("update:modelValue", [...e]);
 			}
-		}), W = T(""), G = T(!1), K = T(/* @__PURE__ */ new Map()), { t: oe } = M(), q = m(() => !!B.required), { requiredIf: se } = n(), ce = { modelValueComputed: { required: se(q) } }, le = P(ce, { modelValueComputed: U }, { $scope: B.validationScope }), { fetchItemsMinimal: ue } = s(B.extSystem, H), { authorCreateAcl: de } = ee(H), J = r(de ?? void 0), { filterData: fe, filterConfig: pe } = c();
-		w(i, pe), w(a, fe);
-		let Y = m(() => (B.authorConflicts ?? []).filter((e) => t(U.value) ? !U.value.includes(e) : U.value !== e)), me = async (e) => {
-			e && (U.value.includes(e) || (U.value = [...U.value, e]));
-		}, X = T(""), he = (e) => {
+		}), U = w(""), W = w(!1), G = w(/* @__PURE__ */ new Map()), { t: K } = j(), q = p(() => !!z.required), { requiredIf: se } = e(), ce = { modelValueComputed: { required: se(q) } }, le = N(ce, { modelValueComputed: H }, { $scope: z.validationScope }), { fetchItemsMinimal: ue } = o(z.extSystem, V), { authorCreateAcl: de } = u(V), J = l(de ?? void 0), { filterData: fe, filterConfig: pe } = c();
+		C(ne, pe), C(re, fe);
+		let Y = p(() => (z.authorConflicts ?? []).filter((e) => r(H.value) ? !H.value.includes(e) : H.value !== e)), me = async (e) => {
+			e && (H.value.includes(e) || (H.value = [...H.value, e]));
+		}, X = w(""), he = (e) => {
 			e.length > 0 && (X.value = Q(e));
-		}, { addManualToCachedAuthors: ge } = ne(H), _e = () => o(H), ve = (e) => {
-			ge(e), t(U.value) ? (U.value = [...U.value, e.id], W.value = "") : (U.value = e.id, W.value = "");
-		}, ye = (e) => t(U.value) ? U.value.includes(e) : U.value ? U.value === e : !1, Z = T(null), Q = (e) => e.endsWith(",") ? e.slice(0, -1) : e, be = () => {
+		}, { addManualToCachedAuthors: ge } = t(V), _e = () => n(V), ve = (e) => {
+			ge(e), r(H.value) ? (H.value = [...H.value, e.id], U.value = "") : (H.value = e.id, U.value = "");
+		}, ye = (e) => r(H.value) ? H.value.includes(e) : H.value ? H.value === e : !1, Z = w(null), Q = (e) => e.endsWith(",") ? e.slice(0, -1) : e, be = () => {
 			if (!J.value) return;
-			let e = Q(W.value);
+			let e = Q(U.value);
 			Z.value?.open(e);
 		}, $ = () => {
 			if (!J.value) return;
-			let e = Q(W.value);
+			let e = Q(U.value);
 			Z.value?.open(e);
-		}, xe = m(() => !J.value || G.value || W.value.length < 2 || W.value.length > 255 ? !1 : K.value.size === 0 || ![...K.value.values()].some((e) => e.name?.toLowerCase() === W.value.toLowerCase()));
-		return (t, n) => {
-			let r = D("ABtnSecondary");
-			return C(), _(p, null, [v("div", I, [x.disabled && x.disabledAs === "chips" && x.multiple ? (C(), h(e, {
+		}, xe = p(() => !J.value || W.value || U.value.length < 2 || U.value.length > 255 ? !1 : G.value.size === 0 || ![...G.value.values()].some((e) => e.name?.toLowerCase() === U.value.toLowerCase()));
+		return (e, t) => {
+			let n = E("ABtnSecondary");
+			return S(), g(f, null, [_("div", F, [b.disabled && b.disabledAs === "chips" && b.multiple ? (S(), m(s, {
 				key: 0,
-				title: x.label
+				title: b.label
 			}, {
-				default: k(() => [(C(!0), _(p, null, E(U.value, (e) => (C(), h(u, {
+				default: O(() => [(S(!0), g(f, null, T(H.value, (e) => (S(), m(i, {
 					id: e,
 					key: e,
-					"queue-id": x.queueId,
+					"queue-id": b.queueId,
 					"force-rounded": "",
 					class: "mr-1 mb-1"
 				}, null, 8, ["id", "queue-id"]))), 128))]),
 				_: 1
-			}, 8, ["title"])) : x.disabled && x.disabledAs === "chips" && !x.multiple ? (C(), h(e, {
+			}, 8, ["title"])) : b.disabled && b.disabledAs === "chips" && !b.multiple ? (S(), m(s, {
 				key: 1,
-				title: x.label
+				title: b.label
 			}, {
-				default: k(() => [(C(), h(u, {
-					id: U.value,
-					key: U.value,
-					"queue-id": x.queueId,
+				default: O(() => [(S(), m(i, {
+					id: H.value,
+					key: H.value,
+					"queue-id": b.queueId,
 					"force-rounded": ""
 				}, null, 8, ["id", "queue-id"]))]),
 				_: 1
-			}, 8, ["title"])) : (C(), h(l, {
+			}, 8, ["title"])) : (S(), m(ee, {
 				key: 2,
-				modelValue: U.value,
-				"onUpdate:modelValue": n[1] ||= (e) => U.value = e,
-				search: W.value,
-				"onUpdate:search": n[2] ||= (e) => W.value = e,
-				"loading-local": G.value,
-				"onUpdate:loadingLocal": n[3] ||= (e) => G.value = e,
-				"fetched-items-minimal": K.value,
-				"onUpdate:fetchedItemsMinimal": n[4] ||= (e) => K.value = e,
+				modelValue: H.value,
+				"onUpdate:modelValue": t[1] ||= (e) => H.value = e,
+				search: U.value,
+				"onUpdate:search": t[2] ||= (e) => U.value = e,
+				"loading-local": W.value,
+				"onUpdate:loadingLocal": t[3] ||= (e) => W.value = e,
+				"fetched-items-minimal": G.value,
+				"onUpdate:fetchedItemsMinimal": t[4] ||= (e) => G.value = e,
 				"use-cached": _e,
-				v: O(le),
+				v: D(le),
 				required: q.value,
-				label: x.label,
-				"fetch-items-minimal": O(ue),
-				multiple: x.multiple,
-				clearable: x.clearable,
-				disabled: x.disabled || void 0,
+				label: b.label,
+				"fetch-items-minimal": D(ue),
+				multiple: b.multiple,
+				clearable: b.clearable,
+				disabled: b.disabled || void 0,
 				"filter-by-field": "text",
 				"filter-sort-by": null,
-				"data-cy": x.dataCy,
+				"data-cy": b.dataCy,
 				"item-title": "name",
 				"item-value": "id",
 				"min-search-chars": 2,
 				"min-search-text": "common.damImage.author.filterMinChars",
 				onSearchChange: he,
-				onKeyup: [A(be, ["enter"]), A($, [","])]
+				onKeyup: [k(be, ["enter"]), k($, [","])]
 			}, {
-				item: k(({ props: e, item: t }) => [t ? (C(), h(N, S({ key: 0 }, e, { onClick: n[0] ||= j(() => {}, ["prevent"]) }), y({
-					title: k(() => [(C(), h(u, {
-						id: t.value,
-						key: t.value,
-						"queue-id": x.queueId,
-						title: t.title,
+				item: O(({ props: e, item: n }) => [n ? (S(), m(M, x({ key: 0 }, e, { onClick: t[0] ||= A(() => {}, ["prevent"]) }), v({
+					title: O(() => [(S(), m(i, {
+						id: n.value,
+						key: n.value,
+						"queue-id": b.queueId,
+						title: n.title,
 						"text-only": "",
-						"force-reviewed": t.raw?.raw?.reviewed
+						"force-reviewed": n.raw?.raw?.reviewed
 					}, null, 8, [
 						"id",
 						"queue-id",
@@ -152,19 +152,19 @@ var I = { class: "d-flex" }, L = {
 						"force-reviewed"
 					]))]),
 					_: 2
-				}, [x.multiple ? {
+				}, [b.multiple ? {
 					name: "prepend",
-					fn: k(() => [b(F, {
-						"model-value": ye(t.value),
+					fn: O(() => [y(P, {
+						"model-value": ye(n.value),
 						ripple: !1
 					}, null, 8, ["model-value"])]),
 					key: "0"
-				} : void 0]), 1040)) : g("", !0)]),
-				chip: k(({ props: e, item: t }) => [t ? (C(), h(u, {
+				} : void 0]), 1040)) : h("", !0)]),
+				chip: O(({ props: e, item: t }) => [t ? (S(), m(i, {
 					id: t.value,
 					key: t.value,
 					"chip-props": { "onClick:close": e["onClick:close"] },
-					"queue-id": x.queueId,
+					"queue-id": b.queueId,
 					title: t.title,
 					"force-rounded": ""
 				}, null, 8, [
@@ -172,19 +172,19 @@ var I = { class: "d-flex" }, L = {
 					"chip-props",
 					"queue-id",
 					"title"
-				])) : g("", !0)]),
-				"append-item": k(() => [xe.value ? (C(), h(N, {
+				])) : h("", !0)]),
+				"append-item": O(() => [xe.value ? (S(), m(M, {
 					key: 0,
 					class: "a-authors-append-item"
 				}, {
-					default: k(() => [b(r, {
+					default: O(() => [y(n, {
 						size: "small",
 						text: X.value,
 						"prepend-icon": "mdi-plus-circle",
-						onClick: j($, ["stop"])
+						onClick: A($, ["stop"])
 					}, null, 8, ["text"])]),
 					_: 1
-				})) : g("", !0)]),
+				})) : h("", !0)]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -199,31 +199,30 @@ var I = { class: "d-flex" }, L = {
 				"clearable",
 				"disabled",
 				"data-cy"
-			])), ae(v("div", null, [O(J) ? (C(), h(f, {
+			])), oe(_("div", null, [D(J) ? (S(), m(te, {
 				key: 0,
 				ref_key: "authorCreateButton",
 				ref: Z,
 				variant: "icon",
-				"ext-system": x.extSystem,
+				"ext-system": b.extSystem,
 				"data-cy": "add-author",
 				"initial-value": X.value,
 				"disable-redirect": "",
-				disabled: x.disabled,
+				disabled: b.disabled,
 				onSuccess: ve
 			}, null, 8, [
 				"ext-system",
 				"initial-value",
 				"disabled"
-			])) : g("", !0)], 512), [[ie, !x.disabled || x.disabledAs === "input"]])]), !x.disabled && Y.value.length > 0 ? (C(), _("div", L, [v("div", null, [v("span", R, re(O(oe)("common.damImage.author.conflicts")), 1)]), v("div", null, [(C(!0), _(p, null, E(Y.value, (e) => (C(), h(d, {
+			])) : h("", !0)], 512), [[ae, !b.disabled || b.disabledAs === "input"]])]), !b.disabled && Y.value.length > 0 ? (S(), g("div", I, [_("div", null, [_("span", L, ie(D(K)("common.damImage.author.conflicts")), 1)]), _("div", null, [(S(!0), g(f, null, T(Y.value, (e) => (S(), m(a, {
 				id: e,
 				key: e,
 				class: "mr-1 mt-1",
 				onAddAuthor: (t) => me(e)
-			}, null, 8, ["id", "onAddAuthor"]))), 128))])])) : g("", !0)], 64);
+			}, null, 8, ["id", "onAddAuthor"]))), 128))])])) : h("", !0)], 64);
 		};
 	}
 });
-//#endregion
-export { z as default };
+export { R as default };
 
 //# sourceMappingURL=AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createBlock","ARow","_withCtx","_renderList","AuthorRemoteAutocompleteCachedAuthorChip","AFormRemoteAutocompleteWithCached","_unref","_withKeys","_component_VListItem","_mergeProps","_withModifiers","_createSlots","_createVNode","_component_VCheckboxBtn","_createCommentVNode","_withDirectives","AuthorCreateButton","_vShow","_toDisplayString","AuthorRemoteAutocompleteCachedAuthorChipConflicts","ARow_default","AFormRemoteAutocompleteWithCached_default","AuthorRemoteAutocompleteCachedAuthorChip_default","AuthorRemoteAutocompleteCachedAuthorChipConflicts_default","AuthorCreateButton_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","AuthorRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","modelValueComputed","computed","newValue","search","ref","loadingLocal","fetchedItemsMinimal","useI18n","requiredComputed","useValidate","rules","requiredIf","v$","useAuthorSelectActions","useCommonAdminCoreDamOptions","createAllowed","useAclAllowed","authorCreateAcl","useAuthorInnerFilter","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","filterData","offeredConflicts","isArray","id","addAuthor","addNewAuthorText","searchChange","removeLastComma","useDamCachedAuthors","useCachedOfName","useDamCachedAuthorsForRemoteAutocomplete","afterCreate","addManualToCachedAuthors","author","itemSlotIsSelected","item","authorCreateButton","value","onEnterKeyup","onCommaKeyup","showAdd","_component_ABtnSecondary","resolveComponent","openBlock","createElementBlock","Fragment","createElementVNode","createBlock","withCtx","renderList","_cache","$event","unref","fetchItemsMinimal","withKeys","itemSlotProps","itemSlotItem","VListItem","mergeProps","withModifiers","createSlots","createVNode","VCheckboxBtn","createCommentVNode","chipSlotProps","chipSlotItem","withDirectives","vShow","toDisplayString","t","authorId"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport {\n  useDamCachedAuthors,\n  useDamCachedAuthorsForRemoteAutocomplete,\n} from '@/domains/dam/author/composables/cachedAuthors'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { isArray } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChip from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChipConflicts from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue'\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport AuthorCreateButton from '@/domains/dam/author/components/AuthorCreateButton.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    authorConflicts?: DocId[]\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** While disabled: the chips of the authors (today's library), or the input and its \"+\" switched off. */\n    disabledAs?: DamFieldsDisabledAs\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    authorConflicts: undefined,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst { t } = useI18n()\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { authorCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(authorCreateAcl ?? undefined)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\n// The conflicts the user can still take: an author the input has already is not offered again.\nconst offeredConflicts = computed(() =>\n  (props.authorConflicts ?? []).filter((id) =>\n    isArray(modelValueComputed.value) ? !modelValueComputed.value.includes(id) : modelValueComputed.value !== id\n  )\n)\n\nconst addAuthor = async (id: null | DocId | undefined) => {\n  if (!id) return\n  if (!modelValueComputed.value.includes(id)) {\n    modelValueComputed.value = [...modelValueComputed.value, id]\n  }\n}\n\nconst addNewAuthorText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewAuthorText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedAuthors } = useDamCachedAuthors(damConfigName)\n// The cache of its configuration, which the inner input takes once.\nconst useCachedOfName = () => useDamCachedAuthorsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (author: DamAuthor) => {\n  addManualToCachedAuthors(author)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, author.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = author.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst authorCreateButton = ref<InstanceType<typeof AuthorCreateButton> | null>(null)\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      :data-cy=\"dataCy\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.author.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <AuthorRemoteAutocompleteCachedAuthorChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n              :force-reviewed=\"itemSlotItem.raw?.raw?.reviewed\"\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!-- Only the close of the slot's chip: its other props (`onMousedown`) would keep a press on the chip from\n        opening the list, as it does. -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <AuthorRemoteAutocompleteCachedAuthorChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-authors-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewAuthorText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n    <div v-show=\"!disabled || disabledAs === 'input'\">\n      <AuthorCreateButton\n        v-if=\"createAllowed\"\n        ref=\"authorCreateButton\"\n        variant=\"icon\"\n        :ext-system=\"extSystem\"\n        data-cy=\"add-author\"\n        :initial-value=\"addNewAuthorText\"\n        disable-redirect\n        :disabled=\"disabled\"\n        @success=\"afterCreate\"\n      />\n    </div>\n  </div>\n  <div\n    v-if=\"!disabled && offeredConflicts.length > 0\"\n    class=\"d-flex flex-column\"\n  >\n    <div>\n      <span class=\"text-body-small\">{{ t('common.damImage.author.conflicts') }}</span>\n    </div>\n    <div>\n      <AuthorRemoteAutocompleteCachedAuthorChipConflicts\n        v-for=\"authorId in offeredConflicts\"\n        :id=\"authorId\"\n        :key=\"authorId\"\n        class=\"mr-1 mt-1\"\n        @add-author=\"addAuthor(authorId)\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-authors-append-item {\n  position: sticky;\n  bottom: 0;\n  // The menu's own surface: a white bar sat in the dark theme's menu.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,IAAMoC,IAAQC,GAgCRC,IAAOH,GAIPI,IAAgBC,GAAiBJ,EAAM,UAAU,GAEjDK,IAAqBC,EAAS;GAClC,MAAM;IACJ,OAAON,EAAM;GACf;GACA,IAAI,GAAU;IACZ,EAAK,qBAAqB,CAAC,GAAGO,CAAQ,CAAC;GACzC;EACF,CAAC,GAEKC,IAASC,EAAY,EAAE,GACvBC,IAAeD,EAAI,EAAK,GACxBE,IAAsBF,kBAAiC,IAAI,IAAI,CAAC,GAEhE,EAAE,UAAMG,EAAQ,GAEhBC,IAAmBP,QAAe,CAAC,CAACN,EAAM,QAAQ,GAElD,EAAE,mBAAec,EAAY,GAE7BC,KAAQ,EACZ,oBAAoB,EAClB,UAAUC,GAAWH,CAAgB,EACvC,EACF,GAGMI,KAAKvB,EAAaqB,IAAO,EAAE,sBAAmB,GAAG,EAAE,QAAQf,EAAM,gBAAgB,CAAC,GAGlF,EAAE,0BAAsBkB,EAAuBlB,EAAM,WAAWG,CAAa,GAE7E,EAAE,wBAAoBgB,GAA6BhB,CAAa,GAChEiB,IAAgBC,EAAcC,MAAmB,KAAA,CAAS,GAE1D,EAAE,gBAAY,qBAAiBC,EAAqB;EAE1D,AADAC,EAAQC,GAAsBC,EAAY,GAC1CF,EAAQG,GAAoBC,EAAU;EAGtC,IAAMC,IAAmBvB,SACtBN,EAAM,mBAAmB,CAAC,EAAA,CAAG,QAAQ,MACpC8B,EAAQzB,EAAmB,KAAK,IAAI,CAACA,EAAmB,MAAM,SAAS0B,CAAE,IAAI1B,EAAmB,UAAU0B,CAC5G,CACF,GAEMC,KAAY,OAAO,MAAiC;GACxD,AAAKD,MACA1B,EAAmB,MAAM,SAAS0B,CAAE,MACvC,EAAmB,QAAQ,CAAC,GAAG1B,EAAmB,OAAO0B,CAAE;EAE/D,GAEME,IAAmBxB,EAAI,EAAE,GAEzByB,MAAgB,MAAqB;GACzC,AAAI3B,EAAS,SAAS,MAAG,EAAiB,QAAQ4B,EAAgB5B,CAAQ;EAC5E,GAEM,EAAE,iCAA6B6B,GAAoBjC,CAAa,GAEhEkC,WAAwBC,EAAyCnC,CAAa,GAE9EoC,MAAe,MAAsB;GAEzC,AADAC,GAAyBC,CAAM,GAC3BX,EAAQzB,EAAmB,KAAK,KAClC,EAAmB,QAAQ,CAAC,GAAGA,EAAmB,OAAOoC,EAAO,EAAE,GAClE,EAAO,QAAQ,OAGjB,EAAmB,QAAQA,EAAO,IAClC,EAAO,QAAQ;EACjB,GAEMC,MAAsB,MACtBZ,EAAQzB,EAAmB,KAAK,IAC3BA,EAAmB,MAAM,SAASsC,CAAI,IACpCtC,EAAmB,QACrBA,EAAmB,UAAUsC,IAE/B,IAGHC,IAAqBnC,EAAoD,IAAI,GAE7E0B,KAAmB,MACnBU,EAAM,SAAS,GAAG,IAAUA,EAAM,MAAM,GAAG,EAAE,IAC1CA,GAGHC,WAAqB;GACzB,IAAI,CAAC1B,EAAc,OAAO;GAC1B,IAAMyB,IAAQV,EAAgB3B,EAAO,KAAK;GAC1C,EAAmB,OAAO,KAAKqC,CAAK;EACtC,GAEME,UAAqB;GACzB,IAAI,CAAC3B,EAAc,OAAO;GAC1B,IAAMyB,IAAQV,EAAgB3B,EAAO,KAAK;GAC1C,EAAmB,OAAO,KAAKqC,CAAK;EACtC,GAEMG,KAAU1C,QACV,CAACc,EAAc,SACfV,EAAa,SACbF,EAAO,MAAM,SAAS,KAAKA,EAAO,MAAM,SAAS,MAAY,KAC7DG,EAAoB,MAAM,SAAS,KAChC,CAAC,CAAC,GAAGA,EAAoB,MAAM,OAAO,CAAC,CAAC,CAAC,MAC7C,MAASgC,EAAK,MAAM,YAAY,MAAMnC,EAAO,MAAO,YAAY,CACnE,CACD;;;G,wBAICxC,EAqHM,OArHN2B,GAqHM,CAnHIM,EAAA,YAAYA,EAAA,eAAU,WAAgBA,EAAA,YAD9CpC,EAAA,GAAAI,EAYOC,GAAA;;IAVJ,OAAO+B,EAAA;;IAGN,SAAA9B,QAAgC,EADlCN,EAAA,EAAA,GAAAC,EAOEC,GAAA,MAAAK,EANaiC,EAAA,QAAN,OADTxC,EAAA,GAAAI,EAOEI,GAAA;KALK;KACJ,KAAK0D;KACL,YAAU9B,EAAA;KACX,iBAAA;KACA,OAAM;;;G,oBAIGA,EAAA,YAAYA,EAAA,eAAU,WAAA,CAAiBA,EAAA,YADpDpC,EAAA,GAAAI,EAUOC,GAAA;;IARJ,OAAO+B,EAAA;;IAER,SAAA9B,QAKE,EALFN,EAAA,GAAAI,EAKEI,GAAA;KAJC,IAAIgC,EAAA;KACJ,KAAKA,EAAA;KACL,YAAUJ,EAAA;KACX,iBAAA;;;G,qBAGJpC,EAAA,GAAAI,EA8EoCK,GAAA;;IA5EzB,YAAA+B,EAAA;IAAA,uBAAA,AAAAqD,EAAA,QAAA,MAAA,EAAkB,QAAAC;IACnB,QAAQnD,EAAA;IAAA,mBAAA,AAAAkD,EAAA,QAAA,MAAA,EAAM,QAAAC;IACd,iBAAejD,EAAA;IAAA,yBAAA,AAAAgD,EAAA,QAAA,MAAA,EAAY,QAAAC;IAC3B,yBAAuBhD,EAAA;IAAA,gCAAA,AAAA+C,EAAA,QAAA,MAAA,EAAmB,QAAAC;IACjD,cAAYtB;IACZ,GAAG9D,EAAA0C,EAAA;IACH,UAAUJ,EAAA;IACV,OAAOZ,EAAA;IACP,uBAAqB1B,EAAAsF,EAAA;IACrB,UAAU5D,EAAA;IACV,WAAWA,EAAA;IACX,UAAUA,EAAA,YAAY,KAAA;IACvB,mBAAgB;IACf,kBAAgB;IAChB,WAASA,EAAA;IACV,cAAW;IACX,cAAW;IACV,oBAAkB;IACnB,mBAAgB;IACf,gBAAeiC;IACf,SAAK,CAAQ1D,EAAAsE,IAAY,CAAA,OAAA,CAAA,GAChBtE,EAAAuE,GAAY,CAAA,GAAA,CAAA,C;;IAEX,MAAI5E,GAyBD,EAAA,OAzBY4F,GAAa,MAAQC,QAAY,CAEjDA,KADRnG,EAAA,GAAAI,EAwBYQ,GAxBZC,EAwBY,EAAA,KAAA,EAAA,GAtBFqF,GAAa,EACpB,SAAK,AAAAL,EAAA,OAAA/E,QAAN,CAAA,GAAiB,CAAA,SAAA,CAAA,E;KAWN,OAAKR,QAQZ,EAPFN,EAAA,GAAAI,EAOEI,GAAA;MANC,IAAI2F,EAAa;MACjB,KAAKA,EAAa;MAClB,YAAU/D,EAAA;MACV,OAAO+D,EAAa;MACrB,aAAA;MACC,kBAAgBA,EAAa,KAAK,KAAK;;;;;;;;I,IAfpC/D,EAAA,W;KACL,MAAA;KAED,IAAA9B,QAGE,CAHFU,EAGEC,GAAA;MAFC,eAAa4D,GAAmBsB,EAAa,KAAK;MAClD,QAAQ;;;;IAiBN,MAAI7F,GASX,EAAA,OATsBqG,GAAa,MAAQC,QAAY,CAEjDA,KADR5G,EAAA,GAAAI,EAQEI,GAAA;KANC,IAAIoG,EAAa;KACjB,KAAKA,EAAa;KAClB,cAAU,EAAA,iBAAqBD,EAAa,iBAAA;KAC5C,YAAUvE,EAAA;KACV,OAAOwE,EAAa;KACrB,iBAAA;;;;;;;IAGO,eAAWtG,QAWR,CATJ6E,GAAA,SADRnF,EAAA,GAAAI,EAUYQ,GAAA;;KARV,OAAM;;KAEN,SAAAN,QAKE,CALFU,EAKEoE,GAAA;MAJA,MAAK;MACJ,MAAMhB,EAAA;MACP,gBAAa;MACZ,SAAKtD,EAAOoE,GAAY,CAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;G,KAKjC/D,GAAAhB,EAYM,OAAA,MAAA,CAVIO,EAAA6C,CAAA,KADRvD,EAAA,GAAAI,EAUEgB,GAAA;;IARI,SAAA;IAAJ,KAAI2D;IACJ,SAAQ;IACP,cAAY3C,EAAA;IACb,WAAQ;IACP,iBAAegC,EAAA;IAChB,oBAAA;IACC,UAAUhC,EAAA;IACV,WAASsC;;;;;G,yBAVA,CAAArD,IAAA,CAAAe,EAAA,YAAYA,EAAA,eAAU,OAAA,C,MAe7B,CAAAA,EAAA,YAAY4B,EAAA,MAAiB,SAAM,KAD5ChE,EAAA,GAAAC,EAgBM,OAhBN8B,GAgBM,CAZJ5B,EAEM,OAAA,MAAA,CADJA,EAAgF,QAAhF6B,GAAgFV,GAA/CZ,EAAAsG,EAAA,CAAC,CAAA,kCAAA,CAAA,GAAA,CAAA,C,IAEpC7G,EAQM,OAAA,MAAA,EAPJH,EAAA,EAAA,GAAAC,EAMEC,GAAA,MAAAK,EALmByD,EAAA,QAAZ,OADThE,EAAA,GAAAI,EAMEmB,GAAA;IAJC,IAAI0F;IACJ,KAAKA;IACN,OAAM;IACL,cAAU,MAAE9C,GAAU8C,CAAQ"}
+{"version":3,"file":"AuthorRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createBlock","ARow","_withCtx","_renderList","AuthorRemoteAutocompleteCachedAuthorChip","AFormRemoteAutocompleteWithCached","_unref","_withKeys","_component_VListItem","_mergeProps","_withModifiers","_createSlots","_createVNode","_component_VCheckboxBtn","_createCommentVNode","_withDirectives","AuthorCreateButton","_vShow","_toDisplayString","AuthorRemoteAutocompleteCachedAuthorChipConflicts","AFormRemoteAutocompleteWithCached_default","AuthorRemoteAutocompleteCachedAuthorChip_default","AuthorRemoteAutocompleteCachedAuthorChipConflicts_default","AuthorCreateButton_default","ARow_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","AuthorRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","modelValueComputed","computed","newValue","search","ref","loadingLocal","fetchedItemsMinimal","useI18n","requiredComputed","useValidate","rules","requiredIf","v$","useAuthorSelectActions","useCommonAdminCoreDamOptions","createAllowed","useAclAllowed","authorCreateAcl","useAuthorInnerFilter","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","filterData","offeredConflicts","isArray","id","addAuthor","addNewAuthorText","searchChange","removeLastComma","useDamCachedAuthors","useCachedOfName","useDamCachedAuthorsForRemoteAutocomplete","afterCreate","addManualToCachedAuthors","author","itemSlotIsSelected","item","authorCreateButton","value","onEnterKeyup","onCommaKeyup","showAdd","_component_ABtnSecondary","resolveComponent","openBlock","createElementBlock","Fragment","createElementVNode","createBlock","withCtx","renderList","_cache","$event","unref","fetchItemsMinimal","withKeys","itemSlotProps","itemSlotItem","VListItem","mergeProps","withModifiers","createSlots","createVNode","VCheckboxBtn","createCommentVNode","chipSlotProps","chipSlotItem","withDirectives","vShow","toDisplayString","t","authorId"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport {\n  useDamCachedAuthors,\n  useDamCachedAuthorsForRemoteAutocomplete,\n} from '@/domains/dam/author/composables/cachedAuthors'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { isArray } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChip from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue'\nimport AuthorRemoteAutocompleteCachedAuthorChipConflicts from '@/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue'\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport AuthorCreateButton from '@/domains/dam/author/components/AuthorCreateButton.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    authorConflicts?: DocId[]\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** How a disabled field looks: author chips (current library behaviour), or the input and its \"+\" disabled. */\n    disabledAs?: DamFieldsDisabledAs\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    authorConflicts: undefined,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst { t } = useI18n()\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { authorCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(authorCreateAcl ?? undefined)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\n// Authors the input already has are not offered again.\nconst offeredConflicts = computed(() =>\n  (props.authorConflicts ?? []).filter((id) =>\n    isArray(modelValueComputed.value) ? !modelValueComputed.value.includes(id) : modelValueComputed.value !== id\n  )\n)\n\nconst addAuthor = async (id: null | DocId | undefined) => {\n  if (!id) return\n  if (!modelValueComputed.value.includes(id)) {\n    modelValueComputed.value = [...modelValueComputed.value, id]\n  }\n}\n\nconst addNewAuthorText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewAuthorText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedAuthors } = useDamCachedAuthors(damConfigName)\n// The inner input reads this cache only once.\nconst useCachedOfName = () => useDamCachedAuthorsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (author: DamAuthor) => {\n  addManualToCachedAuthors(author)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, author.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = author.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst authorCreateButton = ref<InstanceType<typeof AuthorCreateButton> | null>(null)\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  authorCreateButton.value?.open(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <AuthorRemoteAutocompleteCachedAuthorChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      :data-cy=\"dataCy\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.author.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <AuthorRemoteAutocompleteCachedAuthorChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n              :force-reviewed=\"itemSlotItem.raw?.raw?.reviewed\"\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!--\n        Pass only the chip's close. Its other props (`onMousedown`)\n        would stop a press on the chip from opening the list.\n      -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <AuthorRemoteAutocompleteCachedAuthorChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-authors-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewAuthorText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n    <div v-show=\"!disabled || disabledAs === 'input'\">\n      <AuthorCreateButton\n        v-if=\"createAllowed\"\n        ref=\"authorCreateButton\"\n        variant=\"icon\"\n        :ext-system=\"extSystem\"\n        data-cy=\"add-author\"\n        :initial-value=\"addNewAuthorText\"\n        disable-redirect\n        :disabled=\"disabled\"\n        @success=\"afterCreate\"\n      />\n    </div>\n  </div>\n  <div\n    v-if=\"!disabled && offeredConflicts.length > 0\"\n    class=\"d-flex flex-column\"\n  >\n    <div>\n      <span class=\"text-body-small\">{{ t('common.damImage.author.conflicts') }}</span>\n    </div>\n    <div>\n      <AuthorRemoteAutocompleteCachedAuthorChipConflicts\n        v-for=\"authorId in offeredConflicts\"\n        :id=\"authorId\"\n        :key=\"authorId\"\n        class=\"mr-1 mt-1\"\n        @add-author=\"addAuthor(authorId)\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-authors-append-item {\n  position: sticky;\n  bottom: 0;\n  // Use the menu surface color. A white bar showed in the dark theme.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.js

@@ -1,7 +1,6 @@
 import e from "./DamAuthorFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue
+// src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=DamAuthorFilterRemoteAutocomplete.js.map

package/dist/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"DamAuthorFilterRemoteAutocomplete.js","names":["_sfc_main","DamAuthorFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","DamAuthorFilterRemoteAutocomplete_default"],"sources":["../../../../../src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useI18n } from 'vue-i18n'\nimport AFilterRemoteAutocompleteWithMinimal from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal, fetchItemsMinimalByIds } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <AFilterRemoteAutocompleteWithMinimal\n    :name=\"name\"\n    :fetch-items-minimal=\"fetchItemsMinimal\"\n    :fetch-items-minimal-by-ids=\"fetchItemsMinimalByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  >\n    <template #item=\"{ props: itemProps, item: itemItem }\">\n      <VListItem\n        v-if=\"itemItem\"\n        v-bind=\"itemProps\"\n        title=\"\"\n      >\n        <VListItemTitle>\n          {{ itemItem.title }}\n          <VIcon\n            v-if=\"itemItem.raw?.raw?.reviewed || itemItem.raw?.reviewed\"\n            icon=\"mdi-shield-check\"\n            class=\"text-success ml-1\"\n            size=\"small\"\n            :title=\"t('common.damImage.author.model.flags.reviewed')\"\n          />\n        </VListItemTitle>\n      </VListItem>\n    </template>\n    <template #chip=\"{ props: chipProps, item: chipItem }\">\n      <VChip\n        v-if=\"chipItem\"\n        v-bind=\"chipProps\"\n        close-label=\"common.button.remove\"\n      >\n        {{ chipItem.title }}\n        <VIcon\n          v-if=\"chipItem.raw?.raw?.reviewed || chipItem.raw?.reviewed\"\n          icon=\"mdi-shield-check\"\n          class=\"text-success ml-1\"\n          size=\"small\"\n          :title=\"t('common.damImage.author.model.flags.reviewed')\"\n        />\n      </VChip>\n    </template>\n  </AFilterRemoteAutocompleteWithMinimal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DamAuthorFilterRemoteAutocomplete.js","names":["_sfc_main","DamAuthorFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","DamAuthorFilterRemoteAutocomplete_default"],"sources":["../../../../../src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAuthorSelectActions } from '@/domains/dam/author/composables/authorActions'\nimport { useAuthorInnerFilter } from '@/domains/dam/author/filter/AuthorFilter'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useI18n } from 'vue-i18n'\nimport AFilterRemoteAutocompleteWithMinimal from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal, fetchItemsMinimalByIds } = useAuthorSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useAuthorInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <AFilterRemoteAutocompleteWithMinimal\n    :name=\"name\"\n    :fetch-items-minimal=\"fetchItemsMinimal\"\n    :fetch-items-minimal-by-ids=\"fetchItemsMinimalByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  >\n    <template #item=\"{ props: itemProps, item: itemItem }\">\n      <VListItem\n        v-if=\"itemItem\"\n        v-bind=\"itemProps\"\n        title=\"\"\n      >\n        <VListItemTitle>\n          {{ itemItem.title }}\n          <VIcon\n            v-if=\"itemItem.raw?.raw?.reviewed || itemItem.raw?.reviewed\"\n            icon=\"mdi-shield-check\"\n            class=\"text-success ml-1\"\n            size=\"small\"\n            :title=\"t('common.damImage.author.model.flags.reviewed')\"\n          />\n        </VListItemTitle>\n      </VListItem>\n    </template>\n    <template #chip=\"{ props: chipProps, item: chipItem }\">\n      <VChip\n        v-if=\"chipItem\"\n        v-bind=\"chipProps\"\n        close-label=\"common.button.remove\"\n      >\n        {{ chipItem.title }}\n        <VIcon\n          v-if=\"chipItem.raw?.raw?.reviewed || chipItem.raw?.reviewed\"\n          icon=\"mdi-shield-check\"\n          class=\"text-success ml-1\"\n          size=\"small\"\n          :title=\"t('common.damImage.author.model.flags.reviewed')\"\n        />\n      </VChip>\n    </template>\n  </AFilterRemoteAutocompleteWithMinimal>\n</template>\n"],"mappings":""}

package/dist/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue.d.ts

@@ -2,7 +2,7 @@ import { IntegerId } from '../../../../shared/types/common';
 type __VLS_Props = {
     name: string;
     extSystem: IntegerId;
-    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */
+    /** DAM configuration to use. Defaults to the parent component's, else `default`. */
     configName?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import { FilterInnerConfigKey as e, FilterInnerDataKey as t } from "../../../filters/utils/filterInjectionKeys.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
-import { useAuthorSelectActions as r } from "../composables/authorActions.js";
-import { useAuthorInnerFilter as i } from "../filter/AuthorFilter.js";
-import a from "../../../remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.js";
+import { useAuthorSelectActions as e } from "../composables/authorActions.js";
+import { useAuthorInnerFilter as t } from "../filter/AuthorFilter.js";
+import n from "../../../remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.js";
+import { FilterInnerConfigKey as r, FilterInnerDataKey as i } from "../../../filters/utils/filterInjectionKeys.js";
+import { useDamConfigName as a } from "../../composables/damConfigName.js";
 import { createBlock as o, createCommentVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, provide as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 import { useI18n as _ } from "vue-i18n";
 import { VChip as v } from "vuetify/components/VChip";
 import { VIcon as y } from "vuetify/components/VIcon";
 import { VListItem as b, VListItemTitle as x } from "vuetify/components/VList";
-//#region src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var S = /*@__PURE__*/ u({
 	__name: "DamAuthorFilterRemoteAutocomplete",
 	props: {
@@ -18,10 +18,10 @@ var S = /*@__PURE__*/ u({
 	},
 	emits: ["change"],
 	setup(u, { emit: S }) {
-		let C = u, w = S, T = n(C.configName), { fetchItemsMinimal: E, fetchItemsMinimalByIds: D } = r(C.extSystem, T), { filterData: O, filterConfig: k } = i();
-		p(e, k), p(t, O);
+		let C = u, w = S, T = a(C.configName), { fetchItemsMinimal: E, fetchItemsMinimalByIds: D } = e(C.extSystem, T), { filterData: O, filterConfig: k } = t();
+		p(r, k), p(i, O);
 		let { t: A } = _();
-		return (e, t) => (f(), o(a, {
+		return (e, t) => (f(), o(n, {
 			name: u.name,
 			"fetch-items-minimal": h(E),
 			"fetch-items-minimal-by-ids": h(D),
@@ -60,7 +60,6 @@ var S = /*@__PURE__*/ u({
 		]));
 	}
 });
-//#endregion
 export { S as default };
 
 //# sourceMappingURL=DamAuthorFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map