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

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

@@ -1,22 +1,22 @@
-import { DamAssetType as e } from "../../types/Asset.js";
-import { SORT_BY_SCORE_BEST as t, SORT_BY_SCORE_DATE as n } from "../../../filters/datatable/utils/datatableColumns.js";
-import { SortOrder as r } from "../../../api/types/SortOrder.js";
-import { useAssetListFilter as ee } from "../filter/AssetFilter.js";
+import { AssetSelectGridView as e, AssetSelectGridViewDefault as t, useGridView as n } from "../composables/assetSelectGridView.js";
+import { useSidebar as ee } from "../composables/assetSelectFilterSidebar.js";
+import { DamAssetType as r } from "../../types/Asset.js";
 import { useAssetSelectStore as te } from "../store/assetSelectStore.js";
-import { useSidebar as i } from "../composables/assetSelectFilterSidebar.js";
-import { AssetSelectGridView as a, AssetSelectGridViewDefault as o, useGridView as s } from "../composables/assetSelectGridView.js";
-import ne from "../../../filters/datatable/components/ADatatableOrdering.js";
+import i from "../../../filters/datatable/components/ADatatableOrdering.js";
+import { SORT_BY_SCORE_BEST as a, SORT_BY_SCORE_DATE as o } from "../../../filters/datatable/utils/datatableColumns.js";
+import { SortOrder as s } from "../../../api/types/SortOrder.js";
+import { useAssetListFilter as ne } from "../filter/AssetFilter.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, normalizeClass as v, onMounted as re, openBlock as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 import { useI18n as ie } from "vue-i18n";
 import { VIcon as D } from "vuetify/components/VIcon";
 import { VTooltip as O } from "vuetify/components/VTooltip";
 import { useDisplay as ae } from "vuetify";
 import { VBtn as k } from "vuetify/components/VBtn";
-import { VToolbar as oe } from "vuetify/components/VToolbar";
-import { VDivider as A } from "vuetify/components/VDivider";
-import { storeToRefs as se } from "pinia";
-//#region src/domains/dam/assetSelect/components/AssetSelectListBar.vue?vue&type=script&setup=true&lang.ts
-var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d-flex justify-space-between w-100 align-center" }, N = { class: "d-flex align-center" }, P = { class: "d-flex align-center" }, F = /*@__PURE__*/ g({
+import { VToolbar as A } from "vuetify/components/VToolbar";
+import { VDivider as j } from "vuetify/components/VDivider";
+import { storeToRefs as oe } from "pinia";
+// src/domains/dam/assetSelect/components/AssetSelectListBar.vue?vue&type=script&setup=true&lang.ts
+var se = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d-flex justify-space-between w-100 align-center" }, N = { class: "d-flex align-center" }, P = { class: "d-flex align-center" }, F = /*@__PURE__*/ g({
 	__name: "AssetSelectListBar",
 	props: /*@__PURE__*/ _({
 		showTypes: {
@@ -45,23 +45,23 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 	}),
 	emits: /*@__PURE__*/ _(["typeChange", "sortByChange"], ["update:sort"]),
 	setup(g, { emit: _ }) {
-		let F = g, I = _, L = C(g, "sort"), { t: R } = ie(), { gridView: z, setGridView: B } = s(), { mdAndDown: V } = ae();
-		w(V, (e) => {
-			e && z.value === a.Table && B(o);
+		let F = g, I = _, L = C(g, "sort"), { t: R } = ie(), { gridView: z, setGridView: B } = n(), { mdAndDown: V } = ae();
+		w(V, (n) => {
+			n && z.value === e.Table && B(t);
 		}, { immediate: !0 });
-		let { toggleSidebarLeft: H, sidebarLeft: U, toggleSidebarRight: W, sidebarRight: G } = i(), ce = te(), { filterData: K } = ee(), { assetType: q, inPodcast: J } = se(ce), Y = l(() => q.value === e.Image), X = l(() => q.value === e.Video), Z = l(() => q.value === e.Audio && J.value === !0), le = () => {
-			q.value = e.Image, J.value = null, K.podcastIds = [], I("typeChange", {
-				type: e.Image,
+		let { toggleSidebarLeft: H, sidebarLeft: U, toggleSidebarRight: W, sidebarRight: G } = ee(), ce = te(), { filterData: K } = ne(), { assetType: q, inPodcast: J } = oe(ce), Y = l(() => q.value === r.Image), X = l(() => q.value === r.Video), Z = l(() => q.value === r.Audio && J.value === !0), le = () => {
+			q.value = r.Image, J.value = null, K.podcastIds = [], I("typeChange", {
+				type: r.Image,
 				inPodcast: null
 			});
 		}, Q = () => {
-			q.value = e.Video, J.value = null, K.podcastIds = [], I("typeChange", {
-				type: e.Video,
+			q.value = r.Video, J.value = null, K.podcastIds = [], I("typeChange", {
+				type: r.Video,
 				inPodcast: null
 			});
 		}, $ = () => {
-			q.value = e.Audio, J.value = !0, I("typeChange", {
-				type: e.Audio,
+			q.value = r.Audio, J.value = !0, I("typeChange", {
+				type: r.Audio,
 				inPodcast: !0
 			});
 		}, ue = [
@@ -69,24 +69,24 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 				id: 3,
 				titleT: "common.system.datatable.ordering.mostRelevant",
 				sortBy: {
-					key: t,
-					order: r.Desc
+					key: a,
+					order: s.Desc
 				}
 			},
 			{
 				id: 1,
 				titleT: "common.system.datatable.ordering.mostRecent",
 				sortBy: {
-					key: n,
-					order: r.Desc
+					key: o,
+					order: s.Desc
 				}
 			},
 			{
 				id: 2,
 				titleT: "common.system.datatable.ordering.oldest",
 				sortBy: {
-					key: n,
-					order: r.Asc
+					key: o,
+					order: s.Asc
 				}
 			}
 		], de = (e, t) => {
@@ -94,15 +94,15 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 			(n?.key !== e.sortBy?.key || n?.order !== e.sortBy?.order) && I("sortByChange", e);
 		};
 		return re(() => {
-			F.preselectAssetType === e.Audio && F.preselectInPodcast ? $() : F.preselectAssetType === e.Video && Q();
-		}), (e, t) => (y(), u(oe, {
+			F.preselectAssetType === r.Audio && F.preselectInPodcast ? $() : F.preselectAssetType === r.Video && Q();
+		}), (t, n) => (y(), u(A, {
 			density: "compact",
 			color: "transparent",
 			height: 46,
 			elevation: "0",
 			class: v([g.hideFilterToggle ? "" : "border-b", "subject-select__second-bar"])
 		}, {
-			default: T(() => [b(e.$slots, "second-bar", {}, () => [p("div", j, [p("div", M, [p("div", N, [
+			default: T(() => [b(t.$slots, "second-bar", {}, () => [p("div", se, [p("div", M, [p("div", N, [
 				g.hideFilterToggle ? d("", !0) : (y(), u(k, {
 					key: 0,
 					"aria-label": S(R)("common.assetSelect.meta.filter.toggle"),
@@ -129,7 +129,7 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 					"onClick"
 				])),
 				g.showTypes ? (y(), f(c, { key: 1 }, [
-					h(A, {
+					h(j, {
 						vertical: "",
 						class: "ml-1 mr-2 my-2"
 					}),
@@ -220,13 +220,13 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 						"variant"
 					])
 				], 64)) : d("", !0),
-				b(e.$slots, "second-bar-left")
+				b(t.$slots, "second-bar-left")
 			]), p("div", P, [
-				b(e.$slots, "second-bar-right"),
-				g.disableSort ? d("", !0) : (y(), u(ne, {
+				b(t.$slots, "second-bar-right"),
+				g.disableSort ? d("", !0) : (y(), u(i, {
 					key: 0,
 					modelValue: L.value,
-					"onUpdate:modelValue": t[0] ||= (e) => L.value = e,
+					"onUpdate:modelValue": n[0] ||= (e) => L.value = e,
 					"custom-options": ue,
 					"pagination-update-custom-cb": de
 				}, null, 8, ["modelValue"])),
@@ -236,7 +236,7 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 					icon: "",
 					class: "text-medium-emphasis",
 					variant: "text",
-					onClick: t[1] ||= E((e) => S(B)(S(a).Masonry), ["stop"])
+					onClick: n[1] ||= E((t) => S(B)(S(e).Masonry), ["stop"])
 				}, {
 					default: T(() => [h(D, { icon: "mdi-view-compact" }), h(O, {
 						activator: "parent",
@@ -253,7 +253,7 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 					class: "text-medium-emphasis",
 					size: "x-small",
 					variant: "text",
-					onClick: t[2] ||= E((e) => S(B)(S(a).Thumbnail), ["stop"])
+					onClick: n[2] ||= E((t) => S(B)(S(e).Thumbnail), ["stop"])
 				}, {
 					default: T(() => [h(D, { icon: "mdi-view-grid" }), h(O, {
 						activator: "parent",
@@ -271,7 +271,7 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 					icon: "",
 					class: "text-medium-emphasis",
 					variant: "text",
-					onClick: t[3] ||= E((e) => S(B)(S(a).Table), ["stop"])
+					onClick: n[3] ||= E((t) => S(B)(S(e).Table), ["stop"])
 				}, {
 					default: T(() => [h(D, { icon: "mdi-view-headline" }), h(O, {
 						activator: "parent",
@@ -282,7 +282,7 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 					})]),
 					_: 1
 				}, 8, ["aria-label"])),
-				h(A, {
+				h(j, {
 					vertical: "",
 					class: "mx-1 my-2"
 				}),
@@ -316,7 +316,6 @@ var j = { class: "d-flex flex-column w-100 px-1 align-center" }, M = { class: "d
 		}, 8, ["class"]));
 	}
 });
-//#endregion
 export { F as default };
 
 //# sourceMappingURL=AssetSelectListBar.vue_vue_type_script_setup_true_lang.js.map

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// The pagination is shared by every asset select, so a dialog can open on a sort chosen in another one.\n// The ordering then adopts it, and that adoption must not reach the parent as a change -- it 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","_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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"}

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

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

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

@@ -1,10 +1,10 @@
-import { useDamConfigName as e } from "../../composables/damConfigName.js";
+import e from "./AssetSelectTableRowItem.js";
 import { useAssetSelectActions as t } from "../composables/assetSelectListActions.js";
-import n from "./AssetSelectTableRowItem.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
 import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
 import { useI18n as m } from "vue-i18n";
 import { VTable as h } from "vuetify/components/VTable";
-//#region src/domains/dam/assetSelect/components/AssetSelectListTable.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetSelect/components/AssetSelectListTable.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "text-left" }, _ = { class: "text-left" }, v = { class: "text-left" }, y = { class: "text-left" }, b = { class: "text-left" }, x = { class: "text-left" }, S = { key: 0 }, C = {
 	colspan: "6",
 	class: "text-center"
@@ -12,31 +12,30 @@ var g = { class: "text-left" }, _ = { class: "text-left" }, v = { class: "text-l
 	__name: "AssetSelectListTable",
 	props: { extSystem: {} },
 	setup(c) {
-		let { t: w } = m(), { onItemClick: T, assetListItems: E, loader: D } = t(e());
-		return (e, t) => (l(), i(h, {
+		let { t: w } = m(), { onItemClick: T, assetListItems: E, loader: D } = t(n());
+		return (t, n) => (l(), i(h, {
 			class: "a-datatable a-datatable--dialog-sticky-fix",
 			"fixed-header": ""
 		}, {
 			default: p(() => [s("thead", null, [s("tr", null, [
-				t[1] ||= s("th", { class: "text-left" }, null, -1),
+				n[1] ||= s("th", { class: "text-left" }, null, -1),
 				s("th", g, d(f(w)("common.assetSelect.meta.table.image")), 1),
 				s("th", _, d(f(w)("common.assetSelect.model.texts.displayTitle")), 1),
 				s("th", v, d(f(w)("common.model.tracking.created")), 1),
 				s("th", y, d(f(w)("common.assetSelect.meta.table.advanced")), 1),
 				s("th", b, d(f(w)("common.assetSelect.model.mainFile.fileAttributes.mimeType")), 1),
 				s("th", x, d(f(w)("common.assetSelect.model.mainFile.fileAttributes.size")), 1)
-			])]), s("tbody", null, [(l(!0), o(r, null, u(f(E), (e, r) => (l(), i(n, {
-				key: e.asset.id,
+			])]), s("tbody", null, [(l(!0), o(r, null, u(f(E), (t, r) => (l(), i(e, {
+				key: t.asset.id,
 				index: r,
-				item: e,
+				item: t,
 				"show-meta-icons": "",
-				onItemClick: t[0] ||= (e) => f(T)(e, c.extSystem)
+				onItemClick: n[0] ||= (e) => f(T)(e, c.extSystem)
 			}, null, 8, ["index", "item"]))), 128)), !f(D) && f(E).length === 0 ? (l(), o("tr", S, [s("td", C, d(f(w)("common.assetSelect.meta.texts.noItemsFound")), 1)])) : a("", !0)])]),
 			_: 1
 		}));
 	}
 });
-//#endregion
 export { w as default };
 
 //# sourceMappingURL=AssetSelectListTable.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1,8 +1,7 @@
 import e from "./AssetSelectListTiles.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                     */
-//#region src/domains/dam/assetSelect/components/AssetSelectListTiles.vue
+// src/domains/dam/assetSelect/components/AssetSelectListTiles.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AssetSelectListTiles.js.map

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

@@ -1,10 +1,10 @@
-import { useDamConfigName as e } from "../../composables/damConfigName.js";
-import { useAssetSelectActions as t } from "../composables/assetSelectListActions.js";
-import { useGridView as n } from "../composables/assetSelectGridView.js";
-import r from "./AssetSelectTilesItem.js";
+import e from "./AssetSelectTilesItem.js";
+import { useGridView as t } from "../composables/assetSelectGridView.js";
+import { useAssetSelectActions as n } from "../composables/assetSelectListActions.js";
+import { useDamConfigName as r } from "../../composables/damConfigName.js";
 import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m } from "vue";
 import { useI18n as h } from "vue-i18n";
-//#region src/domains/dam/assetSelect/components/AssetSelectListTiles.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetSelect/components/AssetSelectListTiles.vue?vue&type=script&setup=true&lang.ts
 var g = {
 	key: 0,
 	class: "text-body-large d-flex w-100 h-100 align-center justify-center"
@@ -12,17 +12,16 @@ var g = {
 	__name: "AssetSelectListTiles",
 	props: { extSystem: {} },
 	setup(l) {
-		let { gridView: _ } = n(), { onItemClick: v, assetListItems: y, loader: b } = t(e()), { t: x } = h();
-		return (e, t) => (d(), s(i, null, [c("div", { class: u(["asset-list-tiles", "asset-list-tiles--" + m(_)]) }, [(d(!0), s(i, null, f(m(y), (e, n) => (d(), a(r, {
-			key: e.asset.id,
-			index: n,
-			item: e,
+		let { gridView: _ } = t(), { onItemClick: v, assetListItems: y, loader: b } = n(r()), { t: x } = h();
+		return (t, n) => (d(), s(i, null, [c("div", { class: u(["asset-list-tiles", "asset-list-tiles--" + m(_)]) }, [(d(!0), s(i, null, f(m(y), (t, r) => (d(), a(e, {
+			key: t.asset.id,
+			index: r,
+			item: t,
 			"show-meta-icons": "",
-			onItemClick: t[0] ||= (e) => m(v)(e, l.extSystem)
+			onItemClick: n[0] ||= (e) => m(v)(e, l.extSystem)
 		}, null, 8, ["index", "item"]))), 128))], 2), !m(b) && m(y).length === 0 ? (d(), s("div", g, p(m(x)("common.assetSelect.meta.texts.noItemsFound")), 1)) : o("", !0)], 64));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=AssetSelectListTiles.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1,8 +1,7 @@
 import e from "./AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                        */
-//#region src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue
+// src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AssetSelectTableRowItem.js.map

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 } = 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        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// The row of the asset the side panel shows, framed as the active tile is.\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":["_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":""}

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

@@ -1,12 +1,12 @@
-import e from "../../../ui/datetime/components/ADatetime.js";
-import { useAssetItemActions as t } from "../composables/assetSelectItemActions.js";
-import n from "../../assetDetail/components/AssetImageMetaIcons.js";
-import r from "./AssetImagePreview.js";
-import { prettyBytes as i } from "../../../../shared/utils/file.js";
+import { useAssetItemActions as e } from "../composables/assetSelectItemActions.js";
+import t from "./AssetImagePreview.js";
+import { prettyBytes as n } from "../../../../shared/utils/file.js";
+import r from "../../../ui/datetime/components/ADatetime.js";
+import i from "../../assetDetail/components/AssetImageMetaIcons.js";
 import { createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, toDisplayString as f, toRef as p, unref as m, withModifiers as h } from "vue";
 import { useI18n as g } from "vue-i18n";
 import { VIcon as _ } from "vuetify/components/VIcon";
-//#region src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue?vue&type=script&setup=true&lang.ts
 var v = 72, y = 128, b = /*@__PURE__*/ l({
 	__name: "AssetSelectTableRowItem",
 	props: {
@@ -19,18 +19,18 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 	},
 	emits: ["itemClick"],
 	setup(l, { emit: b }) {
-		let x = l, S = b, { t: C } = g(), w = p(x, "item"), { asset: T, tableImageProperties: E, assetType: D, assetStatus: O } = t(w), k = () => {
+		let x = l, S = b, { t: C } = g(), w = p(x, "item"), { asset: T, tableImageProperties: E, assetType: D, assetStatus: O, licenceBadge: k } = e(w), A = () => {
 			S("itemClick", {
 				assetId: T.value.id,
 				index: x.index
 			});
 		};
-		return (t, l) => (d(), o("tr", {
+		return (e, l) => (d(), o("tr", {
 			class: u(["a-datatable__row", {
 				"a-datatable__row--selected": w.value.selected,
 				"asset-list-table__item--active": w.value.active
 			}]),
-			onClick: h(k, ["stop", "exact"])
+			onClick: h(A, ["stop", "exact"])
 		}, [
 			s("td", null, [w.value.selected ? (d(), a(_, {
 				key: 0,
@@ -41,7 +41,7 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 				icon: "mdi-checkbox-blank-outline",
 				size: 20
 			}))]),
-			s("td", null, [c(r, {
+			s("td", null, [c(t, {
 				"asset-type": m(D),
 				"asset-status": m(O),
 				src: m(E).url,
@@ -57,18 +57,22 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 				"background-color"
 			])]),
 			s("td", null, f(m(T).texts.displayTitle || m(C)("common.damImage.asset.list.noTitle")), 1),
-			s("td", null, [c(e, { "date-time": m(T).createdAt }, null, 8, ["date-time"])]),
-			s("td", null, [c(n, {
+			s("td", null, [c(r, { "date-time": m(T).createdAt }, null, 8, ["date-time"])]),
+			s("td", null, [c(i, {
 				"asset-file-properties": w.value.asset.assetFileProperties,
 				"asset-type": m(D),
+				"licence-badge": m(k),
 				"disable-absolute": ""
-			}, null, 8, ["asset-file-properties", "asset-type"])]),
+			}, null, 8, [
+				"asset-file-properties",
+				"asset-type",
+				"licence-badge"
+			])]),
 			s("td", null, f(m(T).mainFile?.fileAttributes.mimeType), 1),
-			s("td", null, f(m(i)(m(T).mainFile?.fileAttributes.size || 0)), 1)
+			s("td", null, f(m(n)(m(T).mainFile?.fileAttributes.size || 0)), 1)
 		], 2));
 	}
 });
-//#endregion
 export { b as default };
 
 //# sourceMappingURL=AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createBlock","_component_VIcon","_createVNode","AssetImagePreview","_unref","_toDisplayString","ADatetime","AssetImageMetaIcons","ADatetime_default","AssetImageMetaIcons_default","AssetImagePreview_default","IMAGE_HEIGHT","IMAGE_WIDTH","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","item","toRef","useAssetItemActions","onItemClick","asset","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","createBlock","VIcon","createVNode","unref","assetType","assetStatus","tableImageProperties","toDisplayString","t","prettyBytes"],"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 } = 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        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// The row of the asset the side panel shows, framed as the active tile is.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":";;;;;;;;;AA4BA,IAAMgB,IAAe,IACfC,IAAc,K;;;;;;;;;;;;EAlBpB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAKhBC,IAAOC,EAAML,GAAO,MAAM,GAE1B,EAAE,UAAO,yBAAsB,cAAW,mBAAgBM,EAAoBF,CAAI,GAElFG,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOR,EAAM;GAAM,CAAC;EACnE;E,kBAIEpB,EAAA,GAAAC,EAmDK,MAAA;GAlDH,OAAKC,EAAA,CAAC,oBAAkB;IACsB,8BAAAsB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAIzG,SAAKrB,EAAawB,GAAW,CAAA,QAAA,OAAA,CAAA;;GAE9BvB,EAWK,MAAA,MAAA,CATKoB,EAAA,MAAK,YADbxB,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;G,OAETN,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;;GAGXF,EAWK,MAAA,MAAA,CAVHG,EASEC,GAAA;IARC,cAAYC,EAAA6B,CAAA;IACZ,gBAAc7B,EAAA8B,CAAA;IACd,KAAK9B,EAAA+B,CAAA,CAAoB,CAAC;IAC1B,oBAAkB/B,EAAA+B,CAAA,CAAoB,CAAC;IACvC,OAAOvB;IACP,QAAQD;IACR,aAAW;IACX,mBAAiBA;;;;;;;GAGtBZ,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,MAAM,gBAAgBnB,EAAAiC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA;GAElCtC,EAEK,MAAA,MAAA,CADHG,EAA0CI,GAAA,EAA9B,aAAWF,EAAAmB,CAAA,CAAK,CAAC,U;GAE/BxB,EAMK,MAAA,MAAA,CALHG,EAIEK,GAAA;IAHC,yBAAuBY,EAAA,MAAK,MAAM;IAClC,cAAYf,EAAA6B,CAAA;IACb,oBAAA;;GAGJlC,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAQ,GAAA,CAAA;GAE5CxB,EAEK,MAAA,MAAAM,EADAD,EAAAkC,CAAA,CAAW,CAAClC,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAI,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createBlock","_component_VIcon","_createVNode","AssetImagePreview","_unref","_toDisplayString","ADatetime","AssetImageMetaIcons","AssetImagePreview_default","ADatetime_default","AssetImageMetaIcons_default","IMAGE_HEIGHT","IMAGE_WIDTH","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","item","toRef","useAssetItemActions","onItemClick","asset","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","createBlock","VIcon","createVNode","unref","assetType","assetStatus","tableImageProperties","toDisplayString","t","licenceBadge","prettyBytes"],"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":";;;;;;;;;AA4BA,IAAMgB,IAAe,IACfC,IAAc,K;;;;;;;;;;;;EAlBpB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAKhBC,IAAOC,EAAML,GAAO,MAAM,GAE1B,EAAE,UAAO,yBAAsB,cAAW,gBAAa,oBAAiBM,EAAoBF,CAAI,GAEhGG,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOR,EAAM;GAAM,CAAC;EACnE;E,kBAIEpB,EAAA,GAAAC,EAoDK,MAAA;GAnDH,OAAKC,EAAA,CAAC,oBAAkB;IACsB,8BAAAsB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAIzG,SAAKrB,EAAawB,GAAW,CAAA,QAAA,OAAA,CAAA;;GAE9BvB,EAWK,MAAA,MAAA,CATKoB,EAAA,MAAK,YADbxB,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;G,OAETN,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;;GAGXF,EAWK,MAAA,MAAA,CAVHG,EASEC,GAAA;IARC,cAAYC,EAAA6B,CAAA;IACZ,gBAAc7B,EAAA8B,CAAA;IACd,KAAK9B,EAAA+B,CAAA,CAAoB,CAAC;IAC1B,oBAAkB/B,EAAA+B,CAAA,CAAoB,CAAC;IACvC,OAAOvB;IACP,QAAQD;IACR,aAAW;IACX,mBAAiBA;;;;;;;GAGtBZ,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,MAAM,gBAAgBnB,EAAAiC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA;GAElCtC,EAEK,MAAA,MAAA,CADHG,EAA0CI,GAAA,EAA9B,aAAWF,EAAAmB,CAAA,CAAK,CAAC,U;GAE/BxB,EAOK,MAAA,MAAA,CANHG,EAKEK,GAAA;IAJC,yBAAuBY,EAAA,MAAK,MAAM;IAClC,cAAYf,EAAA6B,CAAA;IACZ,iBAAe7B,EAAAkC,CAAA;IAChB,oBAAA;;;;;;GAGJvC,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAQ,GAAA,CAAA;GAE5CxB,EAEK,MAAA,MAAAM,EADAD,EAAAmC,CAAA,CAAW,CAACnC,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAI,CAAA,CAAA,GAAA,CAAA"}

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

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

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 } = 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      />\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":["_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":""}