@anzusystems/common-admin 2.0.0-rc.10 → 2.0.0-rc.12

package/dist/domains/dam/assetSelect/components/AssetSelectListBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListBar.js","names":["_sfc_main","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","AssetSelectListBar_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// Pagination is shared by every asset select, so a dialog can open with a sort chosen in another one.\n// The ordering then adopts it. That adoption must not be emitted as a change, or the parent would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectListBar.js","names":["AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","AssetSelectListBar_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectListBar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListBar.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VToolbar","_normalizeClass","_withCtx","_renderSlot","_createElementVNode","_component_VBtn","_unref","_createVNode","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementBlock","_Fragment","_component_VDivider","_withModifiers","ADatatableOrdering","ADatatableOrdering_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","__emit","props","__props","emit","sortModel","useModel","useI18n","useGridView","useDisplay","mdAndDown","isMobile","gridView","AssetSelectGridView","setGridView","AssetSelectGridViewDefault","useSidebar","assetSelectStore","useAssetSelectStore","useAssetListFilter","storeToRefs","isImageActive","computed","assetType","DamAssetType","isVideoActive","isPodcastActive","inPodcast","setFilterImage","setFilterVideo","setFilterPodcast","customSortOptions","SORT_BY_SCORE_BEST","SortOrder","SORT_BY_SCORE_DATE","onSortUpdate","current","pagination","option","onMounted","openBlock","createBlock","VToolbar","normalizeClass","withCtx","renderSlot","_ctx","createElementVNode","createCommentVNode","VBtn","unref","t","sidebarLeft","toggleSidebarLeft","createVNode","VIcon","VTooltip","createTextVNode","toDisplayString","createElementBlock","Fragment","VDivider","withModifiers","_cache","$event","sidebarRight","toggleSidebarRight"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// Pagination is shared by every asset select, so a dialog can open with a sort chosen in another one.\n// The ordering then adopts it. That adoption must not be emitted as a change, or the parent would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AssetSelectListBar.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VToolbar","_normalizeClass","_withCtx","_renderSlot","_createElementVNode","_component_VBtn","_unref","_createVNode","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createElementBlock","_Fragment","_component_VDivider","_withModifiers","ADatatableOrdering","ADatatableOrdering_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","__emit","props","__props","emit","sortModel","useModel","useI18n","useGridView","useDisplay","mdAndDown","isMobile","gridView","AssetSelectGridView","setGridView","AssetSelectGridViewDefault","useSidebar","assetSelectStore","useAssetSelectStore","useAssetListFilter","storeToRefs","isImageActive","computed","assetType","DamAssetType","isVideoActive","isPodcastActive","inPodcast","setFilterImage","setFilterVideo","setFilterPodcast","customSortOptions","SORT_BY_SCORE_BEST","SortOrder","SORT_BY_SCORE_DATE","onSortUpdate","current","pagination","option","onMounted","openBlock","createBlock","VToolbar","normalizeClass","withCtx","renderSlot","_ctx","createElementVNode","createCommentVNode","VBtn","unref","t","sidebarLeft","toggleSidebarLeft","createVNode","VIcon","VTooltip","createTextVNode","toDisplayString","createElementBlock","Fragment","VDivider","withModifiers","_cache","$event","sidebarRight","toggleSidebarRight"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// Pagination is shared by every asset select, so a dialog can open with a sort chosen in another one.\n// The ordering then adopts it. That adoption must not be emitted as a change, or the parent would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/assetSelect/components/AssetSelectListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListTable.js","names":["_sfc_main","AssetSelectListTable_vue_vue_type_script_setup_true_lang_default","AssetSelectListTable_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport AssetSelectTableRowItem from '@/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\n\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n</script>\n\n<template>\n  <VTable\n    class=\"a-datatable a-datatable--dialog-sticky-fix\"\n    fixed-header\n  >\n    <thead>\n      <tr>\n        <th class=\"text-left\" />\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.image') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.texts.displayTitle') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.model.tracking.created') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.advanced') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.mimeType') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.size') }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <AssetSelectTableRowItem\n        v-for=\"(item, index) in assetListItems\"\n        :key=\"item.asset.id\"\n        :index=\"index\"\n        :item=\"item\"\n        show-meta-icons\n        @item-click=\"onItemClick($event, extSystem)\"\n      />\n      <tr v-if=\"!loader && assetListItems.length === 0\">\n        <td\n          colspan=\"6\"\n          class=\"text-center\"\n        >\n          {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n        </td>\n      </tr>\n    </tbody>\n  </VTable>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectListTable.js","names":["AssetSelectListTable_vue_vue_type_script_setup_true_lang_default","AssetSelectListTable_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectListTable.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListTable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTable","_withCtx","_createElementVNode","_toDisplayString","_unref","_createElementBlock","_Fragment","_renderList","AssetSelectTableRowItem","_createCommentVNode","AssetSelectTableRowItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AssetSelectListTable_vue_vue_type_script_setup_true_lang_default","useI18n","useAssetSelectActions","useDamConfigName","openBlock","createBlock","VTable","withCtx","createElementVNode","_cache","toDisplayString","unref","t","createElementBlock","Fragment","renderList","assetListItems","item","onItemClick","$event","__props","loader","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport AssetSelectTableRowItem from '@/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\n\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n</script>\n\n<template>\n  <VTable\n    class=\"a-datatable a-datatable--dialog-sticky-fix\"\n    fixed-header\n  >\n    <thead>\n      <tr>\n        <th class=\"text-left\" />\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.image') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.texts.displayTitle') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.model.tracking.created') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.advanced') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.mimeType') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.size') }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <AssetSelectTableRowItem\n        v-for=\"(item, index) in assetListItems\"\n        :key=\"item.asset.id\"\n        :index=\"index\"\n        :item=\"item\"\n        show-meta-icons\n        @item-click=\"onItemClick($event, extSystem)\"\n      />\n      <tr v-if=\"!loader && assetListItems.length === 0\">\n        <td\n          colspan=\"6\"\n          class=\"text-center\"\n        >\n          {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n        </td>\n      </tr>\n    </tbody>\n  </VTable>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,IAAM,EAAE,SAAMsB,EAAQ,GAEhB,EAAE,gBAAa,mBAAgB,cAAWC,EAAsBC,EAAiB,CAAC;E,kBAItFxB,EAAA,GAAAC,EA6CSC,GAAA;GA5CP,OAAM;GACN,gBAAA;;GAEA,SAAAC,QAsBQ,CAtBRC,EAsBQ,SAAA,MAAA,CArBNA,EAoBK,MAAA,MAAA;IAnBH,AAAA0B,EAAA,OAAA1B,EAAwB,MAAA,EAApB,OAAM,YAAW,GAAA,MAAA,EAAA;IACrBA,EAEK,MAFLS,GAEKR,EADAC,EAAA2B,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA;IAEN7B,EAEK,MAFLU,GAEKT,EADAC,EAAA2B,CAAA,CAAC,CAAA,6CAAA,CAAA,GAAA,CAAA;IAEN7B,EAEK,MAFLW,GAEKV,EADAC,EAAA2B,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;IAEN7B,EAEK,MAFLY,GAEKX,EADAC,EAAA2B,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA;IAEN7B,EAEK,MAFLa,GAEKZ,EADAC,EAAA2B,CAAA,CAAC,CAAA,2DAAA,CAAA,GAAA,CAAA;IAEN7B,EAEK,MAFLc,GAEKb,EADAC,EAAA2B,CAAA,CAAC,CAAA,uDAAA,CAAA,GAAA,CAAA;G,MAIV7B,EAiBQ,SAAA,MAAA,EAhBNJ,EAAA,EAAA,GAAAO,EAOEC,GAAA,MAAAC,EANwBH,EAAA+B,CAAA,IAAhB,GAAM,OADhBrC,EAAA,GAAAC,EAOES,GAAA;IALC,KAAK4B,EAAK,MAAM;IACT;IACD;IACP,mBAAA;IACC,aAAU,AAAAR,EAAA,QAAA,MAAExB,EAAAiC,CAAA,CAAW,CAACC,GAAQC,EAAA,SAAS;G,yCAEjC,CAAAnC,EAAAoC,CAAA,KAAUpC,EAAA+B,CAAA,CAAc,CAAC,WAAM,KAA1CrC,EAAA,GAAAO,EAOK,MAAAY,GAAA,CANHf,EAKK,MALLgB,GAKKf,EADAC,EAAA2B,CAAA,CAAC,CAAA,4CAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AssetSelectListTable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTable","_withCtx","_createElementVNode","_toDisplayString","_unref","_createElementBlock","_Fragment","_renderList","AssetSelectTableRowItem","AssetSelectTableRowItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AssetSelectListTable_vue_vue_type_script_setup_true_lang_default","useI18n","useAssetSelectActions","useDamConfigName","openBlock","createBlock","VTable","withCtx","createElementVNode","_cache","toDisplayString","unref","t","createElementBlock","Fragment","renderList","assetListItems","item","onItemClick","$event","__props","loader","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport AssetSelectTableRowItem from '@/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\n\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n</script>\n\n<template>\n  <VTable\n    class=\"a-datatable a-datatable--dialog-sticky-fix\"\n    fixed-header\n  >\n    <thead>\n      <tr>\n        <th class=\"text-left\" />\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.image') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.texts.displayTitle') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.model.tracking.created') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.meta.table.advanced') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.mimeType') }}\n        </th>\n        <th class=\"text-left\">\n          {{ t('common.assetSelect.model.mainFile.fileAttributes.size') }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <AssetSelectTableRowItem\n        v-for=\"(item, index) in assetListItems\"\n        :key=\"item.asset.id\"\n        :index=\"index\"\n        :item=\"item\"\n        show-meta-icons\n        @item-click=\"onItemClick($event, extSystem)\"\n      />\n      <tr v-if=\"!loader && assetListItems.length === 0\">\n        <td\n          colspan=\"6\"\n          class=\"text-center\"\n        >\n          {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n        </td>\n      </tr>\n    </tbody>\n  </VTable>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,IAAM,EAAE,SAAMqB,EAAQ,GAEhB,EAAE,gBAAa,mBAAgB,cAAWC,EAAsBC,EAAiB,CAAC;E,kBAItFvB,EAAA,GAAAC,EA6CSC,GAAA;GA5CP,OAAM;GACN,gBAAA;;GAEA,SAAAC,QAsBQ,CAtBRC,EAsBQ,SAAA,MAAA,CArBNA,EAoBK,MAAA,MAAA;IAnBH,AAAAyB,EAAA,OAAAzB,EAAwB,MAAA,EAApB,OAAM,YAAW,GAAA,MAAA,EAAA;IACrBA,EAEK,MAFLQ,GAEKP,EADAC,EAAA0B,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA;IAEN5B,EAEK,MAFLS,GAEKR,EADAC,EAAA0B,CAAA,CAAC,CAAA,6CAAA,CAAA,GAAA,CAAA;IAEN5B,EAEK,MAFLU,GAEKT,EADAC,EAAA0B,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;IAEN5B,EAEK,MAFLW,GAEKV,EADAC,EAAA0B,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA;IAEN5B,EAEK,MAFLY,GAEKX,EADAC,EAAA0B,CAAA,CAAC,CAAA,2DAAA,CAAA,GAAA,CAAA;IAEN5B,EAEK,MAFLa,GAEKZ,EADAC,EAAA0B,CAAA,CAAC,CAAA,uDAAA,CAAA,GAAA,CAAA;G,MAIV5B,EAiBQ,SAAA,MAAA,EAhBNJ,EAAA,EAAA,GAAAO,EAOEC,GAAA,MAAAC,EANwBH,EAAA8B,CAAA,IAAhB,GAAM,OADhBpC,EAAA,GAAAC,EAOES,GAAA;IALC,KAAK2B,EAAK,MAAM;IACT;IACD;IACP,mBAAA;IACC,aAAU,AAAAR,EAAA,QAAA,MAAEvB,EAAAgC,CAAA,CAAW,CAACC,GAAQC,EAAA,SAAS;G,yCAEjC,CAAAlC,EAAAmC,CAAA,KAAUnC,EAAA8B,CAAA,CAAc,CAAC,WAAM,KAA1CpC,EAAA,GAAAO,EAOK,MAAAW,GAAA,CANHd,EAKK,MALLe,GAKKd,EADAC,EAAA0B,CAAA,CAAC,CAAA,4CAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/dam/assetSelect/components/AssetSelectListTiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListTiles.js","names":["_sfc_main","AssetSelectListTiles_vue_vue_type_script_setup_true_lang_default","AssetSelectListTiles_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTiles.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetSelectTilesItem from '@/domains/dam/assetSelect/components/AssetSelectTilesItem.vue'\nimport { useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { useI18n } from 'vue-i18n'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { gridView } = useGridView()\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles\"\n    :class=\"'asset-list-tiles--' + gridView\"\n  >\n    <AssetSelectTilesItem\n      v-for=\"(item, index) in assetListItems\"\n      :key=\"item.asset.id\"\n      :index=\"index\"\n      :item=\"item\"\n      show-meta-icons\n      @item-click=\"onItemClick($event, extSystem)\"\n    />\n  </div>\n  <div\n    v-if=\"!loader && assetListItems.length === 0\"\n    class=\"text-body-large d-flex w-100 h-100 align-center justify-center\"\n  >\n    {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n  </div>\n</template>\n\n<style lang=\"scss\">\n// css similar to '.dam-image-grid' in admin-dam, for now renamed here to new class to avoid conflicts\n// consider refactor later according how much different both versions will be\n\n$class-name-root: 'asset-list-tiles';\n$bg-color-light: #f9f9f9;\n$bg-color-dark: #1e1e1e;\n$border-color-light: #e8e9ea;\n$border-color-dark: #2c2c2c;\n$shadow-color-light: #959595;\n$shadow-color-dark: #3d3d3d;\n$bg-color-actions-light: #fff;\n$bg-color-actions-dark: #1a1a1a;\n\n.#{$class-name-root} {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 100%;\n  padding: 2px;\n\n  &__item {\n    user-select: none;\n    flex-grow: 2;\n    max-width: 600px;\n    padding: 10px;\n    position: relative;\n    overflow: hidden;\n    min-width: 200px;\n    min-height: 260px;\n\n    &-card {\n      border-radius: 5px;\n      overflow: hidden;\n\n      img.anzu-common-asset-image__img {\n        display: block;\n        height: 200px;\n        min-width: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n\n      &:hover {\n        .#{$class-name-root}__item-card-actions {\n          display: block;\n        }\n      }\n\n      &-actions {\n        border-radius: 4px;\n        position: absolute;\n        top: -2px;\n        right: -5px;\n        display: none;\n        overflow: hidden;\n      }\n    }\n\n    &-text,\n    &-text .text-truncate {\n      font-weight: 500;\n      line-height: 30px;\n      min-height: 38px;\n      max-height: 38px;\n    }\n\n    &--pointer {\n      cursor: pointer;\n    }\n  }\n\n  &--thumbnail {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    width: 100%;\n\n    .#{$class-name-root}__item {\n      min-width: unset;\n      max-width: unset;\n\n      img:not(.img-svg) {\n        object-fit: contain;\n        padding-left: 6px;\n        padding-right: 6px;\n        padding-top: 6px;\n        background-color: transparent !important;\n      }\n    }\n  }\n\n  .#{$class-name-root}__selected-triangle {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 1;\n\n    &__bg {\n      content: '';\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 0 60px 60px 0;\n      border-color: transparent #608a32 transparent transparent;\n      top: 0;\n      right: 0;\n      position: absolute;\n    }\n\n    &__icon {\n      position: absolute;\n      display: block;\n      width: 16px;\n      height: 16px;\n      top: -3px;\n      right: 0;\n    }\n  }\n}\n\n.v-theme--light {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-light;\n        border: 1px solid $border-color-light;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-light;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-light;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n\n.v-theme--dark {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-dark;\n        border: 1px solid $border-color-dark;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-dark;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-dark;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectListTiles.js","names":["AssetSelectListTiles_vue_vue_type_script_setup_true_lang_default","AssetSelectListTiles_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectListTiles.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListTiles.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_normalizeClass","_unref","_renderList","_createBlock","AssetSelectTilesItem","_toDisplayString","_createCommentVNode","AssetSelectTilesItem_default","_hoisted_1","AssetSelectListTiles_vue_vue_type_script_setup_true_lang_default","useGridView","useAssetSelectActions","useDamConfigName","useI18n","openBlock","createElementBlock","Fragment","createElementVNode","normalizeClass","unref","gridView","renderList","assetListItems","createBlock","item","_cache","onItemClick","$event","__props","loader","toDisplayString","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTiles.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetSelectTilesItem from '@/domains/dam/assetSelect/components/AssetSelectTilesItem.vue'\nimport { useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { useI18n } from 'vue-i18n'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { gridView } = useGridView()\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles\"\n    :class=\"'asset-list-tiles--' + gridView\"\n  >\n    <AssetSelectTilesItem\n      v-for=\"(item, index) in assetListItems\"\n      :key=\"item.asset.id\"\n      :index=\"index\"\n      :item=\"item\"\n      show-meta-icons\n      @item-click=\"onItemClick($event, extSystem)\"\n    />\n  </div>\n  <div\n    v-if=\"!loader && assetListItems.length === 0\"\n    class=\"text-body-large d-flex w-100 h-100 align-center justify-center\"\n  >\n    {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n  </div>\n</template>\n\n<style lang=\"scss\">\n// css similar to '.dam-image-grid' in admin-dam, for now renamed here to new class to avoid conflicts\n// consider refactor later according how much different both versions will be\n\n$class-name-root: 'asset-list-tiles';\n$bg-color-light: #f9f9f9;\n$bg-color-dark: #1e1e1e;\n$border-color-light: #e8e9ea;\n$border-color-dark: #2c2c2c;\n$shadow-color-light: #959595;\n$shadow-color-dark: #3d3d3d;\n$bg-color-actions-light: #fff;\n$bg-color-actions-dark: #1a1a1a;\n\n.#{$class-name-root} {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 100%;\n  padding: 2px;\n\n  &__item {\n    user-select: none;\n    flex-grow: 2;\n    max-width: 600px;\n    padding: 10px;\n    position: relative;\n    overflow: hidden;\n    min-width: 200px;\n    min-height: 260px;\n\n    &-card {\n      border-radius: 5px;\n      overflow: hidden;\n\n      img.anzu-common-asset-image__img {\n        display: block;\n        height: 200px;\n        min-width: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n\n      &:hover {\n        .#{$class-name-root}__item-card-actions {\n          display: block;\n        }\n      }\n\n      &-actions {\n        border-radius: 4px;\n        position: absolute;\n        top: -2px;\n        right: -5px;\n        display: none;\n        overflow: hidden;\n      }\n    }\n\n    &-text,\n    &-text .text-truncate {\n      font-weight: 500;\n      line-height: 30px;\n      min-height: 38px;\n      max-height: 38px;\n    }\n\n    &--pointer {\n      cursor: pointer;\n    }\n  }\n\n  &--thumbnail {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    width: 100%;\n\n    .#{$class-name-root}__item {\n      min-width: unset;\n      max-width: unset;\n\n      img:not(.img-svg) {\n        object-fit: contain;\n        padding-left: 6px;\n        padding-right: 6px;\n        padding-top: 6px;\n        background-color: transparent !important;\n      }\n    }\n  }\n\n  .#{$class-name-root}__selected-triangle {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 1;\n\n    &__bg {\n      content: '';\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 0 60px 60px 0;\n      border-color: transparent #608a32 transparent transparent;\n      top: 0;\n      right: 0;\n      position: absolute;\n    }\n\n    &__icon {\n      position: absolute;\n      display: block;\n      width: 16px;\n      height: 16px;\n      top: -3px;\n      right: 0;\n    }\n  }\n}\n\n.v-theme--light {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-light;\n        border: 1px solid $border-color-light;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-light;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-light;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n\n.v-theme--dark {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-dark;\n        border: 1px solid $border-color-dark;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-dark;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-dark;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAeA,IAAM,EAAE,gBAAac,EAAY,GAC3B,EAAE,gBAAa,mBAAgB,cAAWC,EAAsBC,EAAiB,CAAC,GAElF,EAAE,SAAMC,EAAQ;E,mCAIpBd,EAYM,OAAA,EAXJ,OAAKC,EAAA,CAAC,oBAAkB,uBACOC,EAAAmB,CAAA,CAAQ,CAAA,E,KAEvCxB,EAAA,EAAA,GAAAC,EAOEC,GAAA,MAAAI,EANwBD,EAAAqB,CAAA,IAAhB,GAAM,OADhB1B,EAAA,GAAAO,EAOEC,GAAA;GALC,KAAKoB,EAAK,MAAM;GACT;GACD;GACP,mBAAA;GACC,aAAU,AAAAC,EAAA,QAAA,MAAExB,EAAAyB,CAAA,CAAW,CAACC,GAAQC,EAAA,SAAS;E,8CAIrC,CAAA3B,EAAA4B,CAAA,KAAU5B,EAAAqB,CAAA,CAAc,CAAC,WAAM,KADxC1B,EAAA,GAAAC,EAKM,OALNW,GAKMH,EADDJ,EAAA8B,CAAA,CAAC,CAAA,4CAAA,CAAA,GAAA,CAAA,K"}
+{"version":3,"file":"AssetSelectListTiles.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_normalizeClass","_unref","_renderList","_createBlock","AssetSelectTilesItem","_toDisplayString","AssetSelectTilesItem_default","_hoisted_1","AssetSelectListTiles_vue_vue_type_script_setup_true_lang_default","useGridView","useAssetSelectActions","useDamConfigName","useI18n","openBlock","createElementBlock","Fragment","createElementVNode","normalizeClass","unref","gridView","renderList","assetListItems","createBlock","item","_cache","onItemClick","$event","__props","loader","toDisplayString","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListTiles.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetSelectTilesItem from '@/domains/dam/assetSelect/components/AssetSelectTilesItem.vue'\nimport { useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { useI18n } from 'vue-i18n'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nwithDefaults(\n  defineProps<{\n    extSystem: IntegerId\n  }>(),\n  {}\n)\n\nconst { gridView } = useGridView()\nconst { onItemClick, assetListItems, loader } = useAssetSelectActions(useDamConfigName())\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles\"\n    :class=\"'asset-list-tiles--' + gridView\"\n  >\n    <AssetSelectTilesItem\n      v-for=\"(item, index) in assetListItems\"\n      :key=\"item.asset.id\"\n      :index=\"index\"\n      :item=\"item\"\n      show-meta-icons\n      @item-click=\"onItemClick($event, extSystem)\"\n    />\n  </div>\n  <div\n    v-if=\"!loader && assetListItems.length === 0\"\n    class=\"text-body-large d-flex w-100 h-100 align-center justify-center\"\n  >\n    {{ t('common.assetSelect.meta.texts.noItemsFound') }}\n  </div>\n</template>\n\n<style lang=\"scss\">\n// css similar to '.dam-image-grid' in admin-dam, for now renamed here to new class to avoid conflicts\n// consider refactor later according how much different both versions will be\n\n$class-name-root: 'asset-list-tiles';\n$bg-color-light: #f9f9f9;\n$bg-color-dark: #1e1e1e;\n$border-color-light: #e8e9ea;\n$border-color-dark: #2c2c2c;\n$shadow-color-light: #959595;\n$shadow-color-dark: #3d3d3d;\n$bg-color-actions-light: #fff;\n$bg-color-actions-dark: #1a1a1a;\n\n.#{$class-name-root} {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 100%;\n  padding: 2px;\n\n  &__item {\n    user-select: none;\n    flex-grow: 2;\n    max-width: 600px;\n    padding: 10px;\n    position: relative;\n    overflow: hidden;\n    min-width: 200px;\n    min-height: 260px;\n\n    &-card {\n      border-radius: 5px;\n      overflow: hidden;\n\n      img.anzu-common-asset-image__img {\n        display: block;\n        height: 200px;\n        min-width: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n\n      &:hover {\n        .#{$class-name-root}__item-card-actions {\n          display: block;\n        }\n      }\n\n      &-actions {\n        border-radius: 4px;\n        position: absolute;\n        top: -2px;\n        right: -5px;\n        display: none;\n        overflow: hidden;\n      }\n    }\n\n    &-text,\n    &-text .text-truncate {\n      font-weight: 500;\n      line-height: 30px;\n      min-height: 38px;\n      max-height: 38px;\n    }\n\n    &--pointer {\n      cursor: pointer;\n    }\n  }\n\n  &--thumbnail {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    width: 100%;\n\n    .#{$class-name-root}__item {\n      min-width: unset;\n      max-width: unset;\n\n      img:not(.img-svg) {\n        object-fit: contain;\n        padding-left: 6px;\n        padding-right: 6px;\n        padding-top: 6px;\n        background-color: transparent !important;\n      }\n    }\n  }\n\n  .#{$class-name-root}__selected-triangle {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 1;\n\n    &__bg {\n      content: '';\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 0 60px 60px 0;\n      border-color: transparent #608a32 transparent transparent;\n      top: 0;\n      right: 0;\n      position: absolute;\n    }\n\n    &__icon {\n      position: absolute;\n      display: block;\n      width: 16px;\n      height: 16px;\n      top: -3px;\n      right: 0;\n    }\n  }\n}\n\n.v-theme--light {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-light;\n        border: 1px solid $border-color-light;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-light;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-light;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n\n.v-theme--dark {\n  .#{$class-name-root} {\n    &__item {\n      &-card {\n        background-color: $bg-color-dark;\n        border: 1px solid $border-color-dark;\n\n        &:hover {\n          box-shadow: 0 0 3px 1px $shadow-color-dark;\n        }\n\n        &-actions {\n          background-color: $bg-color-actions-dark;\n        }\n      }\n\n      &--selected {\n        .#{$class-name-root}__item-card {\n          border-color: #608a32;\n        }\n      }\n\n      &--active {\n        .#{$class-name-root}__item-card {\n          border-color: blue;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAeA,IAAM,EAAE,gBAAaa,EAAY,GAC3B,EAAE,gBAAa,mBAAgB,cAAWC,EAAsBC,EAAiB,CAAC,GAElF,EAAE,SAAMC,EAAQ;E,mCAIpBb,EAYM,OAAA,EAXJ,OAAKC,EAAA,CAAC,oBAAkB,uBACOC,EAAAkB,CAAA,CAAQ,CAAA,E,KAEvCvB,EAAA,EAAA,GAAAC,EAOEC,GAAA,MAAAI,EANwBD,EAAAoB,CAAA,IAAhB,GAAM,OADhBzB,EAAA,GAAAO,EAOEC,GAAA;GALC,KAAKmB,EAAK,MAAM;GACT;GACD;GACP,mBAAA;GACC,aAAU,AAAAC,EAAA,QAAA,MAAEvB,EAAAwB,CAAA,CAAW,CAACC,GAAQC,EAAA,SAAS;E,8CAIrC,CAAA1B,EAAA2B,CAAA,KAAU3B,EAAAoB,CAAA,CAAc,CAAC,WAAM,KADxCzB,EAAA,GAAAC,EAKM,OALNU,GAKMF,EADDJ,EAAA6B,CAAA,CAAC,CAAA,4CAAA,CAAA,GAAA,CAAA,K"}

package/dist/domains/dam/assetSelect/components/AssetSelectTableRowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTableRowItem.js","names":["_sfc_main","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTableRowItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport { toRef } from 'vue'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 72\nconst IMAGE_WIDTH = 128\n\nconst item = toRef(props, 'item')\n\nconst { asset, tableImageProperties, assetType, assetStatus, licenceBadge } = useAssetItemActions(item)\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n</script>\n\n<template>\n  <tr\n    class=\"a-datatable__row\"\n    :class=\"{\n      'a-datatable__row--selected': item.selected,\n      'asset-list-table__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <td>\n      <VIcon\n        v-if=\"item.selected\"\n        icon=\"mdi-checkbox-outline\"\n        :size=\"20\"\n      />\n      <VIcon\n        v-else\n        icon=\"mdi-checkbox-blank-outline\"\n        :size=\"20\"\n      />\n    </td>\n    <td>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"tableImageProperties.url\"\n        :background-color=\"tableImageProperties.bgColor\"\n        :width=\"IMAGE_WIDTH\"\n        :height=\"IMAGE_HEIGHT\"\n        :icon-size=\"20\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n      />\n    </td>\n    <td>\n      {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n    </td>\n    <td>\n      <ADatetime :date-time=\"asset.createdAt\" />\n    </td>\n    <td>\n      <AssetImageMetaIcons\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :asset-type=\"assetType\"\n        :licence-badge=\"licenceBadge\"\n        disable-absolute\n      />\n    </td>\n    <td>\n      {{ asset.mainFile?.fileAttributes.mimeType }}\n    </td>\n    <td>\n      {{ prettyBytes(asset.mainFile?.fileAttributes.size || 0) }}\n    </td>\n  </tr>\n</template>\n\n<style lang=\"scss\">\n// Row of the asset shown in the side panel, outlined like the active tile.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectTableRowItem.js","names":["AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTableRowItem_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTilesItem.js","names":["_sfc_main","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTilesItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties, licenceBadge } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n        :licence-badge=\"licenceBadge\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectTilesItem.js","names":["AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTilesItem_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_component_VIcon","_createCommentVNode","AssetImagePreview","_unref","_toDisplayString","AssetImagePreview_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_HEIGHT","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","onItemClick","asset","item","toRef","useAssetItemActions","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","_cache","createVNode","VIcon","createCommentVNode","unref","assetType","assetStatus","imageProperties","licenceBadge","toDisplayString","t"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties, licenceBadge } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n        :licence-badge=\"licenceBadge\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;A,GAyBMiB,IAAe,K;;;;;;;;;;;;EAjBrB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAIhBC,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOL,EAAM;GAAM,CAAC;EACnE,GAEMM,IAAOC,EAAMP,GAAO,MAAM,GAE1B,EAAE,UAAO,cAAW,gBAAa,oBAAiB,oBAAiBQ,EAAoBF,CAAI;E,kBAI/F1B,EAAA,GAAAC,EA4CM,OAAA;GA3CJ,OAAKC,EAAA,CAAC,0DAAwD;IACV,oCAAAwB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAI/G,SAAKvB,EAAaqB,GAAW,CAAA,QAAA,OAAA,CAAA;E,IAE9BpB,EAmCM,OAnCNQ,GAmCM;GAjCIc,EAAA,MAAK,YADb1B,EAAA,GAAAC,EAWM,OAXNY,GAWM,CAPJ,AAAAqB,EAAA,OAAA9B,EAAuD,OAAA,EAAlD,OAAM,0CAAyC,GAAA,MAAA,EAAA,GACpDC,EAKEC,GAAA;IAJA,OAAM;IACN,MAAK;IACL,OAAM;IACN,MAAK;;GAGTD,EAWEG,GAAA;IAVC,cAAYC,EAAA8B,CAAA;IACZ,gBAAc9B,EAAA+B,CAAA;IACd,KAAK/B,EAAAgC,CAAA,CAAe,CAAC;IACrB,oBAAkBhC,EAAAgC,CAAA,CAAe,CAAC;IAClC,OAAOhC,EAAAgC,CAAA,CAAe,CAAC;IACvB,QAAQhC,EAAAgC,CAAA,CAAe,CAAC;IACxB,mBAAiBxB;IACjB,yBAAuBS,EAAA,MAAK,MAAM;IAClC,mBAAiBL,EAAA;IACjB,iBAAeZ,EAAAiC,CAAA;;;;;;;;;;;;GAElBtC,EASM,OATNU,GASM,CARJV,EAOM,OAPNW,GAOM,CANJX,EAKM,OALNY,GAKMN,EADDD,EAAAgB,CAAA,CAAK,CAAC,MAAM,gBAAgBhB,EAAAmC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_component_VIcon","AssetImagePreview","_unref","_toDisplayString","AssetImagePreview_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_HEIGHT","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","onItemClick","asset","item","toRef","useAssetItemActions","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","_cache","createVNode","VIcon","createCommentVNode","unref","assetType","assetStatus","imageProperties","licenceBadge","toDisplayString","t"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties, licenceBadge } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n        :licence-badge=\"licenceBadge\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;A,GAyBMgB,IAAe,K;;;;;;;;;;;;EAjBrB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAIhBC,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOL,EAAM;GAAM,CAAC;EACnE,GAEMM,IAAOC,EAAMP,GAAO,MAAM,GAE1B,EAAE,UAAO,cAAW,gBAAa,oBAAiB,oBAAiBQ,EAAoBF,CAAI;E,kBAI/FzB,EAAA,GAAAC,EA4CM,OAAA;GA3CJ,OAAKC,EAAA,CAAC,0DAAwD;IACV,oCAAAuB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAI/G,SAAKtB,EAAaoB,GAAW,CAAA,QAAA,OAAA,CAAA;E,IAE9BnB,EAmCM,OAnCNO,GAmCM;GAjCIc,EAAA,MAAK,YADbzB,EAAA,GAAAC,EAWM,OAXNW,GAWM,CAPJ,AAAAqB,EAAA,OAAA7B,EAAuD,OAAA,EAAlD,OAAM,0CAAyC,GAAA,MAAA,EAAA,GACpDC,EAKEC,GAAA;IAJA,OAAM;IACN,MAAK;IACL,OAAM;IACN,MAAK;;GAGTD,EAWEE,GAAA;IAVC,cAAYC,EAAA8B,CAAA;IACZ,gBAAc9B,EAAA+B,CAAA;IACd,KAAK/B,EAAAgC,CAAA,CAAe,CAAC;IACrB,oBAAkBhC,EAAAgC,CAAA,CAAe,CAAC;IAClC,OAAOhC,EAAAgC,CAAA,CAAe,CAAC;IACvB,QAAQhC,EAAAgC,CAAA,CAAe,CAAC;IACxB,mBAAiBxB;IACjB,yBAAuBS,EAAA,MAAK,MAAM;IAClC,mBAAiBL,EAAA;IACjB,iBAAeZ,EAAAiC,CAAA;;;;;;;;;;;;GAElBrC,EASM,OATNS,GASM,CARJT,EAOM,OAPNU,GAOM,CANJV,EAKM,OALNW,GAKMN,EADDD,EAAAgB,CAAA,CAAK,CAAC,MAAM,gBAAgBhB,EAAAmC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPodcastRemoteAutocomplete.js","names":["_sfc_main","FilterPodcastRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","FilterPodcastRemoteAutocomplete_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport {\n  usePodcastInnerFilter,\n  usePodcastSelectActions,\n} from '@/domains/dam/assetSelect/composables/podcastFilterAndActions'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    licenceId: IntegerId\n  }>(),\n  {}\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItems, fetchItemsByIds } = usePodcastSelectActions(props.licenceId, useDamConfigName())\nconst { filterData, filterConfig } = usePodcastInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n</script>\n\n<template>\n  <AFilterRemoteAutocomplete\n    :name=\"name\"\n    :fetch-items=\"fetchItems\"\n    :fetch-items-by-ids=\"fetchItemsByIds\"\n    filter-by-field=\"title\"\n    prefetch=\"hover\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FilterPodcastRemoteAutocomplete.js","names":["FilterPodcastRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","FilterPodcastRemoteAutocomplete_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorCreateButton.js","names":["_sfc_main","AuthorCreateButton_vue_vue_type_script_setup_true_lang_default","AuthorCreateButton_default"],"sources":["../../../../../src/domains/dam/author/components/AuthorCreateButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { ADamAuthorCreateValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { useDamAuthorType } from '@/domains/dam/author/types/DamAuthorType'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useAuthorValidation } from '@/domains/dam/author/composables/authorValidation'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { createAuthor } from '@/domains/dam/author/api/authorApi'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamAuthorFactory } from '@/domains/dam/author/factory/AuthorFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormValueObjectOptionsSelect from '@/domains/form/components/AFormValueObjectOptionsSelect.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    initialValue?: string\n    disableRedirect?: boolean\n    variant?: 'button' | 'icon' | 'listItem'\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n    disabled?: boolean | undefined\n    validationScope?: ValidationScope\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    initialValue: '',\n    disableRedirect: false,\n    variant: 'button',\n    buttonT: 'common.button.create',\n    buttonClass: 'ml-2',\n    dataCy: undefined,\n    disabled: undefined,\n    validationScope: ADamAuthorCreateValidationScopeSymbol,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'success', data: DamAuthor): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { damClient, endPointAuthor } = useCommonAdminCoreDamOptions(damConfigName)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\nif (isUndefined(configExtSystem)) {\n  throw new Error('AuthorCreateButton: Ext system must be initialised.')\n}\n\nconst { createDefault } = useDamAuthorFactory()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst author = ref<DamAuthor>(createDefault(props.extSystem))\nconst dialog = ref(false)\nconst buttonLoading = ref(false)\n\nconst onClick = (textOverride: string | undefined) => {\n  if (isUndefined(configExtSystem)) {\n    throw new Error('AuthorCreateButton: Ext system must be initialised.')\n  }\n  author.value = createDefault(props.extSystem, true)\n  textOverride ? (author.value.name = textOverride) : (author.value.name = props.initialValue)\n  dialog.value = true\n}\n\nconst onCancel = () => {\n  dialog.value = false\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { v$ } = useAuthorValidation(author, props.validationScope)\nconst { t } = useI18n()\nconst { showValidationError, showRecordWas, showErrorsDefault } = useAlerts()\n\nconst onConfirm = async () => {\n  if (buttonLoading.value) return\n  try {\n    buttonLoading.value = true\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      buttonLoading.value = false\n      return\n    }\n    const res = await createAuthor(damClient, endPointAuthor, author.value)\n    emit('success', res)\n    showRecordWas('created')\n    dialog.value = false\n    if (!isUndefined(res.id) && !props.disableRedirect) {\n      // router.push({ name: ROUTE.DAM.AUTHOR.DETAIL, params: { id: res.id } })\n    }\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    buttonLoading.value = false\n  }\n}\n\nconst { authorTypeOptions } = useDamAuthorType()\n\ndefineExpose({\n  open: onClick,\n})\n</script>\n\n<template>\n  <VListItem v-if=\"variant === 'listItem'\">\n    <ABtnSecondary\n      size=\"small\"\n      :text=\"initialValue\"\n      prepend-icon=\"mdi-plus-circle\"\n      @click.stop=\"onClick\"\n    />\n  </VListItem>\n  <ABtnPrimary\n    v-else-if=\"variant === 'button'\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    :disabled=\"disabled\"\n    rounded=\"pill\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    {{ t(buttonT) }}\n  </ABtnPrimary>\n  <VBtn\n    v-else\n    :aria-label=\"t('common.damImage.author.button.add')\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    icon\n    :disabled=\"disabled\"\n    variant=\"text\"\n    size=\"small\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    <VIcon icon=\"mdi-plus\" />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t('common.damImage.author.button.add') }}\n    </VTooltip>\n  </VBtn>\n  <VDialog v-model=\"dialog\">\n    <VCard\n      v-if=\"dialog\"\n      width=\"500\"\n      class=\"mt-0 mr-auto ml-auto\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onCancel\">\n        {{ t('common.damImage.author.meta.create') }}\n      </ADialogToolbar>\n      <VCardText>\n        <ASystemEntityScope\n          :system=\"SYSTEM_CORE_DAM\"\n          subject=\"author\"\n        >\n          <ARow>\n            <AFormTextField\n              v-model=\"author.name\"\n              :label=\"t('common.damImage.author.model.name')\"\n              :v=\"v$.author.name\"\n              required\n              data-cy=\"author-name\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormTextField\n              v-model=\"author.identifier\"\n              :label=\"t('common.damImage.author.model.identifier')\"\n              :v=\"v$.author.identifier\"\n              data-cy=\"author-identifier\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormValueObjectOptionsSelect\n              v-model=\"author.type\"\n              :label=\"t('common.damImage.author.model.type')\"\n              :items=\"authorTypeOptions\"\n              data-cy=\"author-type\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n        </ASystemEntityScope>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onCancel\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          :loading=\"buttonLoading\"\n          data-cy=\"button-confirm\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ t(buttonT) }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AuthorCreateButton.js","names":["AuthorCreateButton_vue_vue_type_script_setup_true_lang_default","AuthorCreateButton_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorCreateButton.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","_component_VListItem","_withCtx","_createVNode","_withModifiers","_normalizeClass","_createTextVNode","_toDisplayString","_unref","_component_VBtn","_component_VIcon","_component_VTooltip","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","ASystemEntityScope","ARow","AFormTextField","_withKeys","AFormValueObjectOptionsSelect","_component_VCardActions","_component_VSpacer","_createCommentVNode","ASystemEntityScope_default","ADialogToolbar_default","ARow_default","AFormTextField_default","AFormValueObjectOptionsSelect_default","AuthorCreateButton_vue_vue_type_script_setup_true_lang_default","ADamAuthorCreateValidationScopeSymbol","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","useDamConfigState","configExtSystem","getDamConfigExtSystem","isUndefined","useDamAuthorFactory","author","ref","createDefault","dialog","buttonLoading","onClick","textOverride","onCancel","useAuthorValidation","useI18n","useAlerts","onConfirm","v$","showValidationError","res","createAuthor","damClient","endPointAuthor","showRecordWas","error","useDamAuthorType","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","_component_ABtnTertiary","openBlock","createElementBlock","Fragment","createBlock","VListItem","withCtx","createVNode","withModifiers","normalizeClass","_cache","createTextVNode","toDisplayString","unref","t","VBtn","VIcon","VTooltip","VDialog","$event","VCard","VCardText","SYSTEM_CORE_DAM","withKeys","authorTypeOptions","VCardActions","VSpacer","createCommentVNode"],"sources":["../../../../../src/domains/dam/author/components/AuthorCreateButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { ADamAuthorCreateValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { useDamAuthorType } from '@/domains/dam/author/types/DamAuthorType'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useAuthorValidation } from '@/domains/dam/author/composables/authorValidation'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { createAuthor } from '@/domains/dam/author/api/authorApi'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamAuthorFactory } from '@/domains/dam/author/factory/AuthorFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormValueObjectOptionsSelect from '@/domains/form/components/AFormValueObjectOptionsSelect.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    initialValue?: string\n    disableRedirect?: boolean\n    variant?: 'button' | 'icon' | 'listItem'\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n    disabled?: boolean | undefined\n    validationScope?: ValidationScope\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    initialValue: '',\n    disableRedirect: false,\n    variant: 'button',\n    buttonT: 'common.button.create',\n    buttonClass: 'ml-2',\n    dataCy: undefined,\n    disabled: undefined,\n    validationScope: ADamAuthorCreateValidationScopeSymbol,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'success', data: DamAuthor): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { damClient, endPointAuthor } = useCommonAdminCoreDamOptions(damConfigName)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\nif (isUndefined(configExtSystem)) {\n  throw new Error('AuthorCreateButton: Ext system must be initialised.')\n}\n\nconst { createDefault } = useDamAuthorFactory()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst author = ref<DamAuthor>(createDefault(props.extSystem))\nconst dialog = ref(false)\nconst buttonLoading = ref(false)\n\nconst onClick = (textOverride: string | undefined) => {\n  if (isUndefined(configExtSystem)) {\n    throw new Error('AuthorCreateButton: Ext system must be initialised.')\n  }\n  author.value = createDefault(props.extSystem, true)\n  textOverride ? (author.value.name = textOverride) : (author.value.name = props.initialValue)\n  dialog.value = true\n}\n\nconst onCancel = () => {\n  dialog.value = false\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { v$ } = useAuthorValidation(author, props.validationScope)\nconst { t } = useI18n()\nconst { showValidationError, showRecordWas, showErrorsDefault } = useAlerts()\n\nconst onConfirm = async () => {\n  if (buttonLoading.value) return\n  try {\n    buttonLoading.value = true\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      buttonLoading.value = false\n      return\n    }\n    const res = await createAuthor(damClient, endPointAuthor, author.value)\n    emit('success', res)\n    showRecordWas('created')\n    dialog.value = false\n    if (!isUndefined(res.id) && !props.disableRedirect) {\n      // router.push({ name: ROUTE.DAM.AUTHOR.DETAIL, params: { id: res.id } })\n    }\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    buttonLoading.value = false\n  }\n}\n\nconst { authorTypeOptions } = useDamAuthorType()\n\ndefineExpose({\n  open: onClick,\n})\n</script>\n\n<template>\n  <VListItem v-if=\"variant === 'listItem'\">\n    <ABtnSecondary\n      size=\"small\"\n      :text=\"initialValue\"\n      prepend-icon=\"mdi-plus-circle\"\n      @click.stop=\"onClick\"\n    />\n  </VListItem>\n  <ABtnPrimary\n    v-else-if=\"variant === 'button'\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    :disabled=\"disabled\"\n    rounded=\"pill\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    {{ t(buttonT) }}\n  </ABtnPrimary>\n  <VBtn\n    v-else\n    :aria-label=\"t('common.damImage.author.button.add')\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    icon\n    :disabled=\"disabled\"\n    variant=\"text\"\n    size=\"small\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    <VIcon icon=\"mdi-plus\" />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t('common.damImage.author.button.add') }}\n    </VTooltip>\n  </VBtn>\n  <VDialog v-model=\"dialog\">\n    <VCard\n      v-if=\"dialog\"\n      width=\"500\"\n      class=\"mt-0 mr-auto ml-auto\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onCancel\">\n        {{ t('common.damImage.author.meta.create') }}\n      </ADialogToolbar>\n      <VCardText>\n        <ASystemEntityScope\n          :system=\"SYSTEM_CORE_DAM\"\n          subject=\"author\"\n        >\n          <ARow>\n            <AFormTextField\n              v-model=\"author.name\"\n              :label=\"t('common.damImage.author.model.name')\"\n              :v=\"v$.author.name\"\n              required\n              data-cy=\"author-name\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormTextField\n              v-model=\"author.identifier\"\n              :label=\"t('common.damImage.author.model.identifier')\"\n              :v=\"v$.author.identifier\"\n              data-cy=\"author-identifier\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormValueObjectOptionsSelect\n              v-model=\"author.type\"\n              :label=\"t('common.damImage.author.model.type')\"\n              :items=\"authorTypeOptions\"\n              data-cy=\"author-type\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n        </ASystemEntityScope>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onCancel\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          :loading=\"buttonLoading\"\n          data-cy=\"button-confirm\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ t(buttonT) }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AuthorCreateButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VListItem","_withCtx","_createVNode","_withModifiers","_normalizeClass","_createTextVNode","_toDisplayString","_unref","_component_VBtn","_component_VIcon","_component_VTooltip","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","ASystemEntityScope","ARow","AFormTextField","_withKeys","AFormValueObjectOptionsSelect","_component_VCardActions","_component_VSpacer","ASystemEntityScope_default","ADialogToolbar_default","ARow_default","AFormTextField_default","AFormValueObjectOptionsSelect_default","AuthorCreateButton_vue_vue_type_script_setup_true_lang_default","ADamAuthorCreateValidationScopeSymbol","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","useDamConfigState","configExtSystem","getDamConfigExtSystem","isUndefined","useDamAuthorFactory","author","ref","createDefault","dialog","buttonLoading","onClick","textOverride","onCancel","useAuthorValidation","useI18n","useAlerts","onConfirm","v$","showValidationError","res","createAuthor","damClient","endPointAuthor","showRecordWas","error","useDamAuthorType","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","_component_ABtnTertiary","openBlock","createElementBlock","Fragment","createBlock","VListItem","withCtx","createVNode","withModifiers","normalizeClass","_cache","createTextVNode","toDisplayString","unref","t","VBtn","VIcon","VTooltip","VDialog","$event","VCard","VCardText","SYSTEM_CORE_DAM","withKeys","authorTypeOptions","VCardActions","VSpacer","createCommentVNode"],"sources":["../../../../../src/domains/dam/author/components/AuthorCreateButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { ADamAuthorCreateValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport type { DamAuthor } from '@/domains/dam/author/types/DamAuthor'\nimport { useDamAuthorType } from '@/domains/dam/author/types/DamAuthorType'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useAuthorValidation } from '@/domains/dam/author/composables/authorValidation'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { createAuthor } from '@/domains/dam/author/api/authorApi'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamAuthorFactory } from '@/domains/dam/author/factory/AuthorFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormValueObjectOptionsSelect from '@/domains/form/components/AFormValueObjectOptionsSelect.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    initialValue?: string\n    disableRedirect?: boolean\n    variant?: 'button' | 'icon' | 'listItem'\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n    disabled?: boolean | undefined\n    validationScope?: ValidationScope\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    initialValue: '',\n    disableRedirect: false,\n    variant: 'button',\n    buttonT: 'common.button.create',\n    buttonClass: 'ml-2',\n    dataCy: undefined,\n    disabled: undefined,\n    validationScope: ADamAuthorCreateValidationScopeSymbol,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'success', data: DamAuthor): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { damClient, endPointAuthor } = useCommonAdminCoreDamOptions(damConfigName)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\nif (isUndefined(configExtSystem)) {\n  throw new Error('AuthorCreateButton: Ext system must be initialised.')\n}\n\nconst { createDefault } = useDamAuthorFactory()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst author = ref<DamAuthor>(createDefault(props.extSystem))\nconst dialog = ref(false)\nconst buttonLoading = ref(false)\n\nconst onClick = (textOverride: string | undefined) => {\n  if (isUndefined(configExtSystem)) {\n    throw new Error('AuthorCreateButton: Ext system must be initialised.')\n  }\n  author.value = createDefault(props.extSystem, true)\n  textOverride ? (author.value.name = textOverride) : (author.value.name = props.initialValue)\n  dialog.value = true\n}\n\nconst onCancel = () => {\n  dialog.value = false\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { v$ } = useAuthorValidation(author, props.validationScope)\nconst { t } = useI18n()\nconst { showValidationError, showRecordWas, showErrorsDefault } = useAlerts()\n\nconst onConfirm = async () => {\n  if (buttonLoading.value) return\n  try {\n    buttonLoading.value = true\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      buttonLoading.value = false\n      return\n    }\n    const res = await createAuthor(damClient, endPointAuthor, author.value)\n    emit('success', res)\n    showRecordWas('created')\n    dialog.value = false\n    if (!isUndefined(res.id) && !props.disableRedirect) {\n      // router.push({ name: ROUTE.DAM.AUTHOR.DETAIL, params: { id: res.id } })\n    }\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    buttonLoading.value = false\n  }\n}\n\nconst { authorTypeOptions } = useDamAuthorType()\n\ndefineExpose({\n  open: onClick,\n})\n</script>\n\n<template>\n  <VListItem v-if=\"variant === 'listItem'\">\n    <ABtnSecondary\n      size=\"small\"\n      :text=\"initialValue\"\n      prepend-icon=\"mdi-plus-circle\"\n      @click.stop=\"onClick\"\n    />\n  </VListItem>\n  <ABtnPrimary\n    v-else-if=\"variant === 'button'\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    :disabled=\"disabled\"\n    rounded=\"pill\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    {{ t(buttonT) }}\n  </ABtnPrimary>\n  <VBtn\n    v-else\n    :aria-label=\"t('common.damImage.author.button.add')\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    icon\n    :disabled=\"disabled\"\n    variant=\"text\"\n    size=\"small\"\n    @click.stop=\"onClick(undefined)\"\n  >\n    <VIcon icon=\"mdi-plus\" />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t('common.damImage.author.button.add') }}\n    </VTooltip>\n  </VBtn>\n  <VDialog v-model=\"dialog\">\n    <VCard\n      v-if=\"dialog\"\n      width=\"500\"\n      class=\"mt-0 mr-auto ml-auto\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onCancel\">\n        {{ t('common.damImage.author.meta.create') }}\n      </ADialogToolbar>\n      <VCardText>\n        <ASystemEntityScope\n          :system=\"SYSTEM_CORE_DAM\"\n          subject=\"author\"\n        >\n          <ARow>\n            <AFormTextField\n              v-model=\"author.name\"\n              :label=\"t('common.damImage.author.model.name')\"\n              :v=\"v$.author.name\"\n              required\n              data-cy=\"author-name\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormTextField\n              v-model=\"author.identifier\"\n              :label=\"t('common.damImage.author.model.identifier')\"\n              :v=\"v$.author.identifier\"\n              data-cy=\"author-identifier\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n          <ARow>\n            <AFormValueObjectOptionsSelect\n              v-model=\"author.type\"\n              :label=\"t('common.damImage.author.model.type')\"\n              :items=\"authorTypeOptions\"\n              data-cy=\"author-type\"\n              @keyup.enter=\"onConfirm\"\n            />\n          </ARow>\n        </ASystemEntityScope>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onCancel\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          :loading=\"buttonLoading\"\n          data-cy=\"button-confirm\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ t(buttonT) }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChip.js","names":["_sfc_main","AuthorRemoteAutocompleteCachedAuthorChip_vue_vue_type_script_setup_true_lang_default","AuthorRemoteAutocompleteCachedAuthorChip_default"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport type { DocId } from '@/shared/types/common'\nimport { useI18n } from 'vue-i18n'\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    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    forceReviewed?: undefined | boolean\n    /**\n     * Props of the autocomplete's chip slot. With them, closing a closable chip\n     * removes its value from the autocomplete, as Vuetify's own chip does.\n     * Without them the close only hides the chip.\n     */\n    chipProps?: Record<string, unknown>\n    /** DAM configuration for the names. Inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    forceReviewed: undefined,\n    chipProps: undefined,\n    configName: undefined,\n  }\n)\n\nconst { getCachedAuthor, addToCachedAuthors, fetchCachedAuthors, pinCachedAuthor, unpinCachedAuthor } =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useDamCachedAuthors(useDamConfigName(props.configName))\n// Uses the application's queues when provided, else the library's store, created only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedAuthor(props.id), {\n  // Pins the shown name in the cache. A chip given a title shows no cached name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedAuthor,\n  unpin: unpinCachedAuthor,\n  askFor: (id) => {\n    addToCachedAuthors([id])\n    fetchCachedAuthors()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newAuthorNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // An author the server did not return has only its id to show.\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 displayReviewed = computed(() => {\n  if (props.forceReviewed) return true\n  if (cached.value?.reviewed) return true\n  return false\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\n        icon=\"mdi-shield-check\"\n        size=\"small\"\n        class=\"text-success ml-1\"\n        :title=\"t('common.damImage.author.model.flags.reviewed')\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      :title=\"displayReviewed ? t('common.damImage.author.model.flags.reviewed') : undefined\"\n      close-label=\"common.button.remove\"\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 && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\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  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChip.js","names":["AuthorRemoteAutocompleteCachedAuthorChip_vue_vue_type_script_setup_true_lang_default","AuthorRemoteAutocompleteCachedAuthorChip_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createTextVNode","_toDisplayString","_createBlock","_component_VProgressCircular","_createCommentVNode","_component_VIcon","_component_VChip","_mergeProps","_withCtx","_component_VTooltip","_hoisted_1","AuthorRemoteAutocompleteCachedAuthorChip_vue_vue_type_script_setup_true_lang_default","props","__props","useDamCachedAuthors","useDamConfigName","suggestionsOf","inject","UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useCachedItem","getCachedAuthor","pinCachedAuthor","unpinCachedAuthor","addToCachedAuthors","id","fetchCachedAuthors","displayNewIcon","computed","cached","suggestions","displayTitle","unresolved","displayReviewed","useI18n","openBlock","createElementBlock","normalizeClass","unref","isNull","isUndefined","renderSlot","_ctx","_cache","createTextVNode","t","toDisplayString","loaded","createBlock","VProgressCircular","createCommentVNode","VIcon","VChip","mergeProps","withCtx","VTooltip"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport type { DocId } from '@/shared/types/common'\nimport { useI18n } from 'vue-i18n'\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    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    forceReviewed?: undefined | boolean\n    /**\n     * Props of the autocomplete's chip slot. With them, closing a closable chip\n     * removes its value from the autocomplete, as Vuetify's own chip does.\n     * Without them the close only hides the chip.\n     */\n    chipProps?: Record<string, unknown>\n    /** DAM configuration for the names. Inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    forceReviewed: undefined,\n    chipProps: undefined,\n    configName: undefined,\n  }\n)\n\nconst { getCachedAuthor, addToCachedAuthors, fetchCachedAuthors, pinCachedAuthor, unpinCachedAuthor } =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useDamCachedAuthors(useDamConfigName(props.configName))\n// Uses the application's queues when provided, else the library's store, created only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedAuthor(props.id), {\n  // Pins the shown name in the cache. A chip given a title shows no cached name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedAuthor,\n  unpin: unpinCachedAuthor,\n  askFor: (id) => {\n    addToCachedAuthors([id])\n    fetchCachedAuthors()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newAuthorNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // An author the server did not return has only its id to show.\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 displayReviewed = computed(() => {\n  if (props.forceReviewed) return true\n  if (cached.value?.reviewed) return true\n  return false\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\n        icon=\"mdi-shield-check\"\n        size=\"small\"\n        class=\"text-success ml-1\"\n        :title=\"t('common.damImage.author.model.flags.reviewed')\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      :title=\"displayReviewed ? t('common.damImage.author.model.flags.reviewed') : undefined\"\n      close-label=\"common.button.remove\"\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 && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\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  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMiB,IAAQC,GAgCR,EAAE,oBAAiB,uBAAoB,uBAAoB,oBAAiB,yBAEhFC,EAAoBC,EAAiBH,EAAM,UAAU,CAAC,GAElDI,IAAgBC,EAAOC,GAA2B,IAAI,KAAKC,GAE3D,EAAE,WAAQ,WAAQ,kBAAeC,QAAoBC,EAAgBT,EAAM,EAAE,GAAG;GAEpF,UAAWA,EAAM,MAAM,SAAS,IAAI,OAAOA,EAAM;GACjD,KAAKU;GACL,OAAOC;GACP,SAAS,MAAO;IAEd,AADAC,EAAmB,CAACC,CAAE,CAAC,GACvBC,EAAmB;GACrB;EACF,CAAC,GAEKC,IAAiBC,QAAe;GACpC,IAAI,CAAChB,EAAM,WAAW,CAACiB,EAAO,OAAO;GACrC,IAAMC,IAAcd,EAAcJ,EAAM,OAAO;GAC/C,IAAKkB,KACDA,EAAY,eAAe,IAAID,EAAO,MAAM,IAAI,GAAG,OAAO;EAEhE,CAAC,GAEKE,IAAeH,QACfhB,EAAM,MAAM,SAAS,IAAUA,EAAM,QAErCoB,EAAW,QAAc,MAAMpB,EAAM,KACrCiB,EAAO,QACFA,EAAO,MAAM,QAAQA,EAAO,MAAM,YAAY,SAAS,IAAI,KAAKA,EAAO,MAAM,WAAW,KAAK,MAE/F,EACR,GAEKI,IAAkBL,QAEtB,GADIhB,EAAM,iBACNiB,EAAO,OAAO,SAEnB,GAEK,EAAE,SAAMK,EAAQ;E,kBAIpBvC,EAAA,GAAAC,EAwDM,OAAA,EAxDA,OAAKC,EAAEgB,EAAA,cAAc,E,IACTf,EAAAyC,CAAA,CAAM,CAAC1B,EAAA,EAAE,KAAKf,EAAA0C,CAAA,CAAW,CAAC3B,EAAA,EAAE,IAC1Cd,EAA2B2C,EAAA,QAAA,SAAA,CAAA,SAAA,CAAR,AAAAC,EAAA,OAAA3C,EAAA,KAAC,EAAA,C,gBAGTa,EAAA,YADblB,EAAA,GAAAC,EAmBM,OAAA;;GAjBH,OAAOE,EAAAkC,CAAA,IAAalC,EAAA+C,CAAA,CAAC,CAAA,gCAAA,IAAqC,KAAA;;GAExD7C,EAAAC,EAAA8B,EAAA,KAAY,IAAG,KAClB,CAAA;GACS,CAAAjC,EAAAiD,CAAA,KAAUlC,EAAA,MAAM,WAAM,KAD/BlB,EAAA,GAAAO,EAMEC,GAAA;;IAJC,MAAM;IACN,OAAO;IACR,eAAA;IACA,OAAM;;GAGA8B,EAAA,SADRtC,EAAA,GAAAO,EAMEG,GAAA;;IAJA,MAAK;IACL,MAAK;IACL,OAAM;IACL,OAAOP,EAAA+C,CAAA,CAAC,CAAA,6CAAA;;E,aAGblD,EAAA,GAAAO,EA+BQI,GA/BRC,EA+BQ,EAAA,KAAA,EAAA,GA7BEM,EAAA,WAAS;GAChB,MAAMA,EAAA;GACN,eAAac,EAAA;GACb,OAAO,GAAA,gBAAe,KAAA;GACtB,OAAOM,EAAA,QAAkBnC,EAAA+C,CAAA,CAAC,CAAA,6CAAA,IAAkD,KAAA;GAC7E,eAAY;;GAEZ,SAAArC,QAAkB;IAAfR,EAAAC,EAAA8B,EAAA,KAAY,IAAG,KAClB,CAAA;IACQjC,EAAAkC,CAAA,KADRrC,EAAA,GAAAO,EAMWO,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAD,QAAyC,CAAtCR,EAAAC,EAAAH,EAAA+C,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG,CAAA/C,EAAAiD,CAAA,KAAUlC,EAAA,MAAM,WAAM,KAD/BlB,EAAA,GAAAO,EAMEC,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM;;IAGA8B,EAAA,SADRtC,EAAA,GAAAO,EAMEG,GAAA;;KAJA,MAAK;KACL,OAAM;KACN,MAAK;KACJ,OAAOP,EAAA+C,CAAA,CAAC,CAAA,6CAAA"}
+{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createTextVNode","_toDisplayString","_createBlock","_component_VProgressCircular","_component_VIcon","_component_VChip","_mergeProps","_withCtx","_component_VTooltip","_hoisted_1","AuthorRemoteAutocompleteCachedAuthorChip_vue_vue_type_script_setup_true_lang_default","props","__props","useDamCachedAuthors","useDamConfigName","suggestionsOf","inject","UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useCachedItem","getCachedAuthor","pinCachedAuthor","unpinCachedAuthor","addToCachedAuthors","id","fetchCachedAuthors","displayNewIcon","computed","cached","suggestions","displayTitle","unresolved","displayReviewed","useI18n","openBlock","createElementBlock","normalizeClass","unref","isNull","isUndefined","renderSlot","_ctx","_cache","createTextVNode","t","toDisplayString","loaded","createBlock","VProgressCircular","createCommentVNode","VIcon","VChip","mergeProps","withCtx","VTooltip"],"sources":["../../../../../src/domains/dam/author/components/AuthorRemoteAutocompleteCachedAuthorChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport type { DocId } from '@/shared/types/common'\nimport { useI18n } from 'vue-i18n'\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    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    forceReviewed?: undefined | boolean\n    /**\n     * Props of the autocomplete's chip slot. With them, closing a closable chip\n     * removes its value from the autocomplete, as Vuetify's own chip does.\n     * Without them the close only hides the chip.\n     */\n    chipProps?: Record<string, unknown>\n    /** DAM configuration for the names. Inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    forceReviewed: undefined,\n    chipProps: undefined,\n    configName: undefined,\n  }\n)\n\nconst { getCachedAuthor, addToCachedAuthors, fetchCachedAuthors, pinCachedAuthor, unpinCachedAuthor } =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useDamCachedAuthors(useDamConfigName(props.configName))\n// Uses the application's queues when provided, else the library's store, created only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedAuthor(props.id), {\n  // Pins the shown name in the cache. A chip given a title shows no cached name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedAuthor,\n  unpin: unpinCachedAuthor,\n  askFor: (id) => {\n    addToCachedAuthors([id])\n    fetchCachedAuthors()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newAuthorNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // An author the server did not return has only its id to show.\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 displayReviewed = computed(() => {\n  if (props.forceReviewed) return true\n  if (cached.value?.reviewed) return true\n  return false\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\n        icon=\"mdi-shield-check\"\n        size=\"small\"\n        class=\"text-success ml-1\"\n        :title=\"t('common.damImage.author.model.flags.reviewed')\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      :title=\"displayReviewed ? t('common.damImage.author.model.flags.reviewed') : undefined\"\n      close-label=\"common.button.remove\"\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 && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n      <VIcon\n        v-if=\"displayReviewed\"\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  </div>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChipConflicts.js","names":["_sfc_main","AuthorRemoteAutocompleteCachedAuthorChipConflicts_vue_vue_type_script_setup_true_lang_default","AuthorRemoteAutocompleteCachedAuthorChipConflicts_default"],"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":""}
+{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChipConflicts.js","names":["AuthorRemoteAutocompleteCachedAuthorChipConflicts_vue_vue_type_script_setup_true_lang_default","AuthorRemoteAutocompleteCachedAuthorChipConflicts_default"],"sources":[],"mappings":""}

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// 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"}
+{"version":3,"file":"AuthorRemoteAutocompleteCachedAuthorChipConflicts.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VChip","_withCtx","_createTextVNode","_toDisplayString","_unref","_component_VTooltip","_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,IAAMgB,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,kBASEnC,EAAA,GAAAC,EA+BQC,GAAA;GA9BN,MAAK;GACL,eAAY;;GAEZ,SAAAC,QAAkB;IAAfC,EAAAC,EAAAwB,EAAA,KAAY,IAAG,KAClB,CAAA;IACQvB,EAAAyB,CAAA,KADR/B,EAAA,GAAAC,EAMWM,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAJ,QAAyC,CAAtCC,EAAAC,EAAAC,EAAA6B,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG7B,EAAAuC,CAAA,I,aADT7C,EAAA,GAAAC,EAMEO,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.map

@@ -1 +1 @@
-{"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":""}
+{"version":3,"file":"AuthorRemoteAutocompleteWithCached.js","names":["AuthorRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AuthorRemoteAutocompleteWithCached_default"],"sources":[],"mappings":""}