@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

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

@@ -0,0 +1,74 @@
+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 { 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
+var v = 72, y = 128, b = /*@__PURE__*/ l({
+	__name: "AssetSelectTableRowItem",
+	props: {
+		index: {},
+		item: {},
+		showMetaIcons: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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 = () => {
+			S("itemClick", {
+				assetId: T.value.id,
+				index: x.index
+			});
+		};
+		return (t, 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"])
+		}, [
+			s("td", null, [w.value.selected ? (d(), a(_, {
+				key: 0,
+				icon: "mdi-checkbox-outline",
+				size: 20
+			})) : (d(), a(_, {
+				key: 1,
+				icon: "mdi-checkbox-blank-outline",
+				size: 20
+			}))]),
+			s("td", null, [c(r, {
+				"asset-type": m(D),
+				"asset-status": m(O),
+				src: m(E).url,
+				"background-color": m(E).bgColor,
+				width: y,
+				height: v,
+				"icon-size": 20,
+				"fallback-height": v
+			}, null, 8, [
+				"asset-type",
+				"asset-status",
+				"src",
+				"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, {
+				"asset-file-properties": w.value.asset.assetFileProperties,
+				"asset-type": m(D),
+				"disable-absolute": ""
+			}, null, 8, ["asset-file-properties", "asset-type"])]),
+			s("td", null, f(m(T).mainFile?.fileAttributes.mimeType), 1),
+			s("td", null, f(m(i)(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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import e from "./AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js";
+//#region 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

@@ -0,0 +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":""}

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { AssetSelectListItem } from '../store/assetSelectStore';
+import { DocId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    index: number;
+    item: AssetSelectListItem;
+    showMetaIcons?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    itemClick: (data: {
+        assetId: DocId;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onItemClick?: ((data: {
+        assetId: DocId;
+        index: number;
+    }) => any) | undefined;
+}>, {
+    showMetaIcons: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,71 @@
+import { useAssetItemActions as e } from "../composables/assetSelectItemActions.js";
+import t from "./AssetImagePreview.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, toDisplayString as l, toRef as u, unref as d, withModifiers as f } from "vue";
+import { useI18n as p } from "vue-i18n";
+import { VIcon as m } from "vuetify/components/VIcon";
+//#region src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "asset-list-tiles__item-card" }, g = {
+	key: 0,
+	class: "asset-list-tiles__selected-triangle"
+}, _ = { class: "asset-list-tiles__item-text text-body-small px-2 py-1" }, v = { class: "d-flex align-center justify-space-between position-relative" }, y = {
+	class: "text-truncate",
+	"data-cy": "asset-tile-title"
+}, b = 200, x = /*@__PURE__*/ o({
+	__name: "AssetSelectTilesItem",
+	props: {
+		index: {},
+		item: {},
+		showMetaIcons: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["itemClick"],
+	setup(o, { emit: x }) {
+		let S = o, C = x, { t: w } = p(), T = () => {
+			C("itemClick", {
+				assetId: D.value.id,
+				index: S.index
+			});
+		}, E = u(S, "item"), { asset: D, assetType: O, assetStatus: k, imageProperties: A } = e(E);
+		return (e, u) => (c(), r("div", {
+			class: s(["asset-list-tiles__item asset-list-tiles__item--pointer", {
+				"asset-list-tiles__item--selected": E.value.selected,
+				"asset-list-tiles__item--active": E.value.active
+			}]),
+			onClick: f(T, ["stop", "exact"])
+		}, [i("div", h, [
+			E.value.selected ? (c(), r("div", g, [u[0] ||= i("div", { class: "asset-list-tiles__selected-triangle__bg" }, null, -1), a(m, {
+				class: "asset-list-tiles__selected-triangle__icon",
+				icon: "mdi-check",
+				color: "white",
+				size: "large"
+			})])) : n("", !0),
+			a(t, {
+				"asset-type": d(O),
+				"asset-status": d(k),
+				src: d(A).url,
+				"background-color": d(A).bgColor,
+				width: d(A).width,
+				height: d(A).height,
+				"fallback-height": b,
+				"asset-file-properties": E.value.asset.assetFileProperties,
+				"show-meta-icons": o.showMetaIcons
+			}, null, 8, [
+				"asset-type",
+				"asset-status",
+				"src",
+				"background-color",
+				"width",
+				"height",
+				"asset-file-properties",
+				"show-meta-icons"
+			]),
+			i("div", _, [i("div", v, [i("div", y, l(d(D).texts.displayTitle || d(w)("common.damImage.asset.list.noTitle")), 1)])])
+		])], 2));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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","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 } = 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":";;;;;;;;;;;;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,uBAAoBQ,EAAoBF,CAAI;E,kBAIjF1B,EAAA,GAAAC,EA2CM,OAAA;GA1CJ,OAAKC,EAAA,CAAC,0DAAwD;IACV,oCAAAwB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAI/G,SAAKvB,EAAaqB,GAAW,CAAA,QAAA,OAAA,CAAA;E,IAE9BpB,EAkCM,OAlCNQ,GAkCM;GAhCIc,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,EAUEG,GAAA;IATC,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;;;;;;;;;;;GAEpBjB,EASM,OATNU,GASM,CARJV,EAOM,OAPNW,GAOM,CANJX,EAKM,OALNY,GAKMN,EADDD,EAAAgB,CAAA,CAAK,CAAC,MAAM,gBAAgBhB,EAAAkC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}

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

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

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

@@ -0,0 +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":""}

package/dist/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.vue.d.ts

@@ -0,0 +1,12 @@
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    name: string;
+    licenceId: IntegerId;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,33 @@
+import { FilterInnerConfigKey as e, FilterInnerDataKey as t } from "../../../filters/utils/filterInjectionKeys.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import r from "../../../remoteAutocomplete/components/AFilterRemoteAutocomplete.js";
+import { usePodcastInnerFilter as i, usePodcastSelectActions as a } from "../composables/podcastFilterAndActions.js";
+import { createBlock as o, defineComponent as s, openBlock as c, provide as l, unref as u } from "vue";
+//#region src/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
+	__name: "FilterPodcastRemoteAutocomplete",
+	props: {
+		name: {},
+		licenceId: {}
+	},
+	emits: ["change"],
+	setup(s, { emit: d }) {
+		let f = s, p = d, { fetchItems: m, fetchItemsByIds: h } = a(f.licenceId, n()), { filterData: g, filterConfig: _ } = i();
+		return l(e, _), l(t, g), (e, t) => (c(), o(r, {
+			name: s.name,
+			"fetch-items": u(m),
+			"fetch-items-by-ids": u(h),
+			"filter-by-field": "title",
+			prefetch: "hover",
+			onChange: t[0] ||= (e) => p("change")
+		}, null, 8, [
+			"name",
+			"fetch-items",
+			"fetch-items-by-ids"
+		]));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=FilterPodcastRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPodcastRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AFilterRemoteAutocomplete","_unref","AFilterRemoteAutocomplete_default","FilterPodcastRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","usePodcastSelectActions","useDamConfigName","usePodcastInnerFilter","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","filterData","openBlock","createBlock","unref","fetchItems","fetchItemsByIds","_cache"],"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":";;;;;;;;;;;;;;EAWA,IAAMO,IAAQC,GAORC,IAAOH,GAKP,EAAE,eAAY,uBAAoBI,EAAwBH,EAAM,WAAWI,EAAiB,CAAC,GAC7F,EAAE,eAAY,oBAAiBC,EAAsB;E,OAC3DC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBC,CAAU,I,UAIpCjB,EAAA,GAAAC,EAOEC,GAAA;GANC,MAAMM,EAAA;GACN,eAAaL,EAAAkB,CAAA;GACb,sBAAoBlB,EAAAmB,CAAA;GACrB,mBAAgB;GAChB,UAAS;GACR,UAAM,AAAAC,EAAA,QAAA,MAAEd,EAAI,QAAA"}

package/dist/domains/dam/assetSelect/composables/assetSelectFilterSidebar.d.ts

@@ -0,0 +1,10 @@
+export declare function useSidebar(): {
+    sidebarLeft: import('vue').Ref<boolean, boolean>;
+    sidebarRight: import('vue').Ref<boolean, boolean>;
+    toggleSidebarLeft: () => void;
+    openSidebarLeft: () => void;
+    closeSidebarLeft: () => void;
+    toggleSidebarRight: () => void;
+    openSidebarRight: () => void;
+    closeSidebarRight: () => void;
+};

package/dist/domains/dam/assetSelect/composables/assetSelectFilterSidebar.js

@@ -0,0 +1,32 @@
+import { ref as e } from "vue";
+//#region src/domains/dam/assetSelect/composables/assetSelectFilterSidebar.ts
+var t = e(!1), n = e(!1);
+function r() {
+	let e = () => {
+		t.value ? i() : r();
+	}, r = () => {
+		t.value = !0;
+	}, i = () => {
+		t.value = !1;
+	}, a = () => {
+		n.value ? s() : o();
+	}, o = () => {
+		n.value = !0;
+	}, s = () => {
+		n.value = !1;
+	};
+	return {
+		sidebarLeft: t,
+		sidebarRight: n,
+		toggleSidebarLeft: e,
+		openSidebarLeft: r,
+		closeSidebarLeft: i,
+		toggleSidebarRight: a,
+		openSidebarRight: o,
+		closeSidebarRight: s
+	};
+}
+//#endregion
+export { r as useSidebar };
+
+//# sourceMappingURL=assetSelectFilterSidebar.js.map

package/dist/domains/dam/assetSelect/composables/assetSelectFilterSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetSelectFilterSidebar.js","names":["sidebarLeft","ref","sidebarRight","useSidebar","toggleSidebarLeft","closeSidebarLeft","openSidebarLeft","toggleSidebarRight","closeSidebarRight","openSidebarRight"],"sources":["../../../../../src/domains/dam/assetSelect/composables/assetSelectFilterSidebar.ts"],"sourcesContent":["import { ref } from 'vue'\n\nconst sidebarLeft = ref(false)\nconst sidebarRight = ref(false)\n\nexport function useSidebar() {\n  const toggleSidebarLeft = () => {\n    sidebarLeft.value ? closeSidebarLeft() : openSidebarLeft()\n  }\n\n  const openSidebarLeft = () => {\n    sidebarLeft.value = true\n  }\n\n  const closeSidebarLeft = () => {\n    sidebarLeft.value = false\n  }\n\n  const toggleSidebarRight = () => {\n    sidebarRight.value ? closeSidebarRight() : openSidebarRight()\n  }\n\n  const openSidebarRight = () => {\n    sidebarRight.value = true\n  }\n\n  const closeSidebarRight = () => {\n    sidebarRight.value = false\n  }\n\n  return {\n    sidebarLeft,\n    sidebarRight,\n    toggleSidebarLeft,\n    openSidebarLeft,\n    closeSidebarLeft,\n    toggleSidebarRight,\n    openSidebarRight,\n    closeSidebarRight,\n  }\n}\n"],"mappings":";;AAEA,IAAMA,IAAcC,EAAI,EAAK,GACvBC,IAAeD,EAAI,EAAK;AAE9B,SAAgBE,IAAa;CAC3B,IAAMC,UAA0B;EAC9B,EAAY,QAAQC,EAAiB,IAAIC,EAAgB;CAC3D,GAEMA,UAAwB;EAC5B,EAAY,QAAQ;CACtB,GAEMD,UAAyB;EAC7B,EAAY,QAAQ;CACtB,GAEME,UAA2B;EAC/B,EAAa,QAAQC,EAAkB,IAAIC,EAAiB;CAC9D,GAEMA,UAAyB;EAC7B,EAAa,QAAQ;CACvB,GAEMD,UAA0B;EAC9B,EAAa,QAAQ;CACvB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/domains/dam/assetSelect/composables/assetSelectGridView.d.ts

@@ -0,0 +1,11 @@
+export declare const AssetSelectGridView: {
+    readonly Masonry: "masonry";
+    readonly Thumbnail: "thumbnail";
+    readonly Table: "table";
+};
+export type AssetSelectGridViewType = (typeof AssetSelectGridView)[keyof typeof AssetSelectGridView];
+export declare const AssetSelectGridViewDefault: "masonry";
+export declare function useGridView(): {
+    gridView: Readonly<import('vue').Ref<AssetSelectGridViewType, AssetSelectGridViewType>>;
+    setGridView: (value: AssetSelectGridViewType) => void;
+};

package/dist/domains/dam/assetSelect/composables/assetSelectGridView.js

@@ -0,0 +1,19 @@
+import { readonly as e, ref as t } from "vue";
+//#region src/domains/dam/assetSelect/composables/assetSelectGridView.ts
+var n = {
+	Masonry: "masonry",
+	Thumbnail: "thumbnail",
+	Table: "table"
+}, r = n.Masonry, i = t(r);
+function a() {
+	return {
+		gridView: e(i),
+		setGridView: (e) => {
+			i.value = e;
+		}
+	};
+}
+//#endregion
+export { n as AssetSelectGridView, r as AssetSelectGridViewDefault, a as useGridView };
+
+//# sourceMappingURL=assetSelectGridView.js.map

package/dist/domains/dam/assetSelect/composables/assetSelectGridView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetSelectGridView.js","names":["AssetSelectGridView","AssetSelectGridViewDefault","gridView","ref","useGridView","readonly","value"],"sources":["../../../../../src/domains/dam/assetSelect/composables/assetSelectGridView.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\n\nexport const AssetSelectGridView = {\n  Masonry: 'masonry',\n  Thumbnail: 'thumbnail',\n  Table: 'table',\n} as const\nexport type AssetSelectGridViewType = (typeof AssetSelectGridView)[keyof typeof AssetSelectGridView]\nexport const AssetSelectGridViewDefault = AssetSelectGridView.Masonry\n\nconst gridView = ref<AssetSelectGridViewType>(AssetSelectGridViewDefault)\n\nexport function useGridView() {\n  const setGridView = (value: AssetSelectGridViewType) => {\n    gridView.value = value\n  }\n\n  return {\n    gridView: readonly(gridView),\n    setGridView,\n  }\n}\n"],"mappings":";;AAEA,IAAaA,IAAsB;CACjC,SAAS;CACT,WAAW;CACX,OAAO;AACT,GAEaC,IAA6BD,EAAoB,SAExDE,IAAWC,EAA6BF,CAA0B;AAExE,SAAgBG,IAAc;CAK5B,OAAO;EACL,UAAUC,EAASH,CAAQ;EAC3B,cANmB,MAAmC;GACtD,EAAS,QAAQI;EACnB;CAKA;AACF"}

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+import { AssetSearchListItemDto } from '../../types/Asset';
+import { AssetSelectListItem } from '../store/assetSelectStore';
+export declare function useAssetItemActions(item: Readonly<Ref<AssetSelectListItem>>): {
+    asset: import('vue').ComputedRef<AssetSearchListItemDto>;
+    assetType: import('vue').ComputedRef<import('../../types/Asset').DamAssetTypeType>;
+    assetStatus: import('vue').ComputedRef<import('../../types/Asset').DamAssetStatusType>;
+    imageProperties: import('vue').ComputedRef<{
+        url: string;
+        width: number;
+        height: number;
+        bgColor: string;
+    } | {
+        url: undefined;
+        width: undefined;
+        height: number;
+        bgColor: string;
+    }>;
+    tableImageProperties: import('vue').ComputedRef<{
+        url: string;
+        width: number;
+        height: number;
+        bgColor: string;
+    } | {
+        url: undefined;
+        width: undefined;
+        height: number;
+        bgColor: string;
+    }>;
+};

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.js

@@ -0,0 +1,37 @@
+import { computed as e } from "vue";
+//#region src/domains/dam/assetSelect/composables/assetSelectItemActions.ts
+var t = 200, n = "#ccc";
+function r(r) {
+	let i = e(() => r.value.asset);
+	return {
+		asset: i,
+		assetType: e(() => i.value.attributes.assetType),
+		assetStatus: e(() => i.value.attributes.assetStatus),
+		imageProperties: e(() => i.value.mainFile && i.value.mainFile.links && i.value.mainFile.links.image_list ? {
+			url: i.value.mainFile.links.image_list.url,
+			width: i.value.mainFile.links.image_list.width,
+			height: i.value.mainFile.links.image_list.height,
+			bgColor: n
+		} : {
+			url: void 0,
+			width: void 0,
+			height: t,
+			bgColor: n
+		}),
+		tableImageProperties: e(() => i.value.mainFile && i.value.mainFile.links && i.value.mainFile.links.image_table ? {
+			url: i.value.mainFile.links.image_table.url,
+			width: i.value.mainFile.links.image_table.width,
+			height: i.value.mainFile.links.image_table.height,
+			bgColor: n
+		} : {
+			url: void 0,
+			width: void 0,
+			height: t,
+			bgColor: n
+		})
+	};
+}
+//#endregion
+export { r as useAssetItemActions };
+
+//# sourceMappingURL=assetSelectItemActions.js.map

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetSelectItemActions.js","names":["IMAGE_HEIGHT","IMAGE_BG_COLOR_DEFAULT","useAssetItemActions","asset","computed","item"],"sources":["../../../../../src/domains/dam/assetSelect/composables/assetSelectItemActions.ts"],"sourcesContent":["import { computed, type Ref } from 'vue'\nimport type { AssetSearchListItemDto } from '@/domains/dam/types/Asset'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\n\nconst IMAGE_HEIGHT = 200\nconst IMAGE_BG_COLOR_DEFAULT = '#ccc'\n\nexport function useAssetItemActions(item: Readonly<Ref<AssetSelectListItem>>) {\n  const asset = computed<AssetSearchListItemDto>(() => {\n    return item.value.asset\n  })\n\n  const assetType = computed(() => {\n    return asset.value.attributes.assetType\n  })\n\n  const assetStatus = computed(() => {\n    return asset.value.attributes.assetStatus\n  })\n\n  const imageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_list) {\n      return {\n        url: asset.value.mainFile.links.image_list.url,\n        width: asset.value.mainFile.links.image_list.width,\n        height: asset.value.mainFile.links.image_list.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  const tableImageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_table) {\n      return {\n        url: asset.value.mainFile.links.image_table.url,\n        width: asset.value.mainFile.links.image_table.width,\n        height: asset.value.mainFile.links.image_table.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  return {\n    asset,\n    assetType,\n    assetStatus,\n    imageProperties,\n    tableImageProperties,\n  }\n}\n"],"mappings":";;AAIA,IAAMA,IAAe,KACfC,IAAyB;AAE/B,SAAgBC,EAAoB,GAA0C;CAC5E,IAAMC,IAAQC,QACLC,EAAK,MAAM,KACnB;CA4CD,OAAO;EACL;EACA,WA5CgBD,QACTD,EAAM,MAAM,WAAW,SA2C9B;EACA,aAzCkBC,QACXD,EAAM,MAAM,WAAW,WAwC9B;EACA,iBAtCsBC,QAClBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,aAC5E;GACL,KAAKA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC3C,OAAOA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC7C,QAAQA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC9C,SAASF;EACX,IAEK;GACL,KAAK,KAAA;GACL,OAAO,KAAA;GACP,QAAQD;GACR,SAASC;EACX,CAwBA;EACA,sBAtB2BG,QACvBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,cAC5E;GACL,KAAKA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC5C,OAAOA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC9C,QAAQA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC/C,SAASF;EACX,IAEK;GACL,KAAK,KAAA;GACL,OAAO,KAAA;GACP,QAAQD;GACR,SAASC;EACX,CAQA;CACF;AACF"}