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

package/dist/domains/dam/assetDetail/store/assetDetailStore.js

@@ -0,0 +1,63 @@
+import { isNull as e } from "../../../../shared/utils/common.js";
+import { ref as t } from "vue";
+import { defineStore as n } from "pinia";
+// src/domains/dam/assetDetail/store/assetDetailStore.ts
+var r = {
+	Info: "meta",
+	ROI: "roi"
+}, i = r.Info, a = n("commonAdminAssetDetailStore", () => {
+	let n = t(null), r = t([]), a = t(null), o = t(!1), s = t(!1), c = t(i), l = t(!1), u = t(!1), d = /* @__PURE__ */ new Map(), f = (e, t) => `${t}\u0000${e}`, p = 0;
+	function m(e) {
+		n.value = e, u.value = e?.mainFileSingleUse || !1;
+	}
+	async function h(e, t, n) {
+		let r = ++p;
+		m(null), o.value = !0, a.value = e;
+		try {
+			let e = await t();
+			if (r !== p) return;
+			n?.(e), m(e), o.value = !1;
+		} catch (e) {
+			throw r === p && g(), e;
+		}
+	}
+	function g() {
+		p++, o.value = !1, m(null), a.value = null;
+	}
+	async function _(t, n, r) {
+		let i = p, o = await t();
+		i === p && e(a.value) && (!n || n()) && (r?.(o), m(o));
+	}
+	function v(e, t, n) {
+		let r = f(e, n), i = t.then(() => void 0, () => void 0), a = d.get(r), o = a ? Promise.all([a, i]).then(() => void 0) : i;
+		d.set(r, o), o.then(() => {
+			d.get(r) === o && d.delete(r);
+		});
+	}
+	function y(e, t) {
+		return d.get(f(e, t)) ?? null;
+	}
+	function b() {
+		n.value = null, u.value = !1;
+	}
+	return {
+		metadataAreTouched: s,
+		authorConflicts: r,
+		asset: n,
+		loading: o,
+		dialog: a,
+		activeTab: c,
+		updateUploadStore: l,
+		mainFileSingleUse: u,
+		setAsset: m,
+		open: h,
+		close: g,
+		readBesideDetail: _,
+		setSaving: v,
+		savingOf: y,
+		reset: b
+	};
+});
+export { r as AssetDetailTabImageWithRoi, i as AssetDetailTabImageWithRoiDefault, a as useAssetDetailStore };
+
+//# sourceMappingURL=assetDetailStore.js.map

package/dist/domains/dam/assetDetail/store/assetDetailStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetDetailStore.js","names":["AssetDetailTabImageWithRoi","AssetDetailTabImageWithRoiDefault","useAssetDetailStore","defineStore","asset","ref","authorConflicts","dialog","loading","metadataAreTouched","activeTab","updateUploadStore","mainFileSingleUse","saves","saveKey","configName","assetId","turn","setAsset","data","open","mine","key","answer","read","beforeShown","close","readBesideDetail","begun","isNull","wanted","setSaving","answered","save","before","all","savingOf","reset"],"sources":["../../../../../src/domains/dam/assetDetail/store/assetDetailStore.ts"],"sourcesContent":["import { defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { DocId } from '@/shared/types/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isNull } from '@/shared/utils/common'\n\nexport const AssetDetailTabImageWithRoi = {\n  Info: 'meta',\n  ROI: 'roi',\n} as const\nexport type AssetDetailTabImageWithRoiType =\n  (typeof AssetDetailTabImageWithRoi)[keyof typeof AssetDetailTabImageWithRoi]\nexport const AssetDetailTabImageWithRoiDefault = AssetDetailTabImageWithRoi.Info\n\nexport const useAssetDetailStore = defineStore('commonAdminAssetDetailStore', () => {\n  const asset = ref<AssetDetailItemDto | null>(null)\n  const authorConflicts = ref<DocId[]>([])\n  const dialog = ref<null | UploadQueueKey>(null)\n  const loading = ref(false)\n  const metadataAreTouched = ref(false)\n  const activeTab = ref<AssetDetailTabImageWithRoiType>(AssetDetailTabImageWithRoiDefault)\n  const updateUploadStore = ref(false)\n  const mainFileSingleUse = ref(false)\n  // Pending detail saves, keyed by DAM configuration and asset, until the DAM answers. They never reject.\n  // The detail can close before that. A host that rereads the asset after close waits for that asset's saves first.\n  // A single page-wide entry made closing one asset wait for another's save. Two DAMs can share an asset id.\n  const saves = new Map<string, Promise<void>>()\n  const saveKey = (assetId: DocId, configName: string) => `${configName}\\u0000${assetId}`\n  // Counts detail openings and closings. A read is applied only if the count is unchanged since it began.\n  let turn = 0\n\n  function setAsset(data: AssetDetailItemDto | null) {\n    asset.value = data\n    mainFileSingleUse.value = data?.mainFileSingleUse || false\n  }\n\n  /**\n   * Opens the detail of queue `key` in loading state and shows the asset returned by `read`.\n   * The store is page-wide. Only the read of the last opened detail is applied, and\n   * only while it is open. Other answers are ignored and leave the loader as is.\n   * `beforeShown` runs for the applied answer before it is shown.\n   * A failed read rejects for the host to report. If the detail waits for it, the detail\n   * is closed: an empty dialog still covers the page and only its own button closes it.\n   */\n  async function open(\n    key: UploadQueueKey,\n    read: () => Promise<AssetDetailItemDto>,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const mine = ++turn\n    setAsset(null)\n    loading.value = true\n    dialog.value = key\n    try {\n      const answer = await read()\n      if (mine !== turn) return\n      beforeShown?.(answer)\n      setAsset(answer)\n      loading.value = false\n    } catch (e) {\n      if (mine === turn) close()\n      throw e\n    }\n  }\n\n  /** Closes the detail. A pending read it was opened with is ignored. */\n  function close() {\n    turn++\n    loading.value = false\n    setAsset(null)\n    dialog.value = null\n  }\n\n  /**\n   * Reads the asset for a host that shows the store's asset beside the detail, like the asset list side panel.\n   * Applied only if no detail is open and none was opened since the read\n   * began. Otherwise the detail would show and save into that asset.\n   * Rejects on failure. `wanted`: checked after the response by\n   * hosts with their own read order; unwanted answers are ignored.\n   * `beforeShown` runs for the applied answer before it is shown.\n   */\n  async function readBesideDetail(\n    read: () => Promise<AssetDetailItemDto>,\n    wanted?: () => boolean,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const begun = turn\n    const answer = await read()\n    if (begun !== turn || !isNull(dialog.value)) return\n    if (wanted && !wanted()) return\n    beforeShown?.(answer)\n    setAsset(answer)\n  }\n\n  /** Registers a detail save of asset `assetId` under DAM configuration `configName`. */\n  function setSaving(assetId: DocId, save: Promise<unknown>, configName: string) {\n    const key = saveKey(assetId, configName)\n    const answered = save.then(\n      () => undefined,\n      () => undefined\n    )\n    const before = saves.get(key)\n    const all = before ? Promise.all([before, answered]).then(() => undefined) : answered\n    saves.set(key, all)\n    void all.then(() => {\n      if (saves.get(key) === all) saves.delete(key)\n    })\n  }\n\n  /** Resolves when all pending saves of `assetId` under `configName` are answered. `null` when none is pending. */\n  function savingOf(assetId: DocId, configName: string) {\n    return saves.get(saveKey(assetId, configName)) ?? null\n  }\n\n  function reset() {\n    asset.value = null\n    mainFileSingleUse.value = false\n  }\n\n  return {\n    metadataAreTouched,\n    authorConflicts,\n    asset,\n    loading,\n    dialog,\n    activeTab,\n    updateUploadStore,\n    mainFileSingleUse,\n    setAsset,\n    open,\n    close,\n    readBesideDetail,\n    setSaving,\n    savingOf,\n    reset,\n  }\n})\n"],"mappings":";;;;AAOA,IAAaA,IAA6B;CACxC,MAAM;CACN,KAAK;AACP,GAGaC,IAAoCD,EAA2B,MAE/DE,IAAsBC,EAAY,qCAAqC;CAClF,IAAMC,IAAQC,EAA+B,IAAI,GAC3CC,IAAkBD,EAAa,CAAC,CAAC,GACjCE,IAASF,EAA2B,IAAI,GACxCG,IAAUH,EAAI,EAAK,GACnBI,IAAqBJ,EAAI,EAAK,GAC9BK,IAAYL,EAAoCJ,CAAiC,GACjFU,IAAoBN,EAAI,EAAK,GAC7BO,IAAoBP,EAAI,EAAK,GAI7BQ,oBAAQ,IAAI,IAA2B,GACvCC,KAAW,GAAgB,MAAuB,GAAGC,EAAW,QAAQC,KAE1EC,IAAO;CAEX,SAASC,EAAS,GAAiC;EAEjD,AADA,EAAM,QAAQC,GACd,EAAkB,QAAQA,GAAM,qBAAqB;CACvD;CAUA,eAAeC,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAO,EAAEJ;EAGf,AAFAC,EAAS,IAAI,GACb,EAAQ,QAAQ,IAChB,EAAO,QAAQI;EACf,IAAI;GACF,IAAMC,IAAS,MAAMC,EAAK;GAC1B,IAAIH,MAASJ,GAAM;GAGnB,AAFAQ,IAAcF,CAAM,GACpBL,EAASK,CAAM,GACf,EAAQ,QAAQ;EAClB,SAAS,GAAG;GAEV,MADIF,MAASJ,KAAMS,EAAM,GACnB;EACR;CACF;CAGA,SAASA,IAAQ;EAIf,AAHA,KACA,EAAQ,QAAQ,IAChBR,EAAS,IAAI,GACb,EAAO,QAAQ;CACjB;CAUA,eAAeS,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAQX,GACRM,IAAS,MAAMC,EAAK;EAC1B,AAAII,MAAUX,KAASY,EAAOtB,EAAO,KAAK,MACtC,MAAWuB,EAAO,OACtBL,IAAcF,CAAM,GACpBL,EAASK,CAAM;CACjB;CAGA,SAASQ,EAAU,GAAgB,GAAwB,GAAoB;EAC7E,IAAMT,IAAMR,EAAQE,GAASD,CAAU,GACjCiB,IAAWC,EAAK,WACd,KAAA,SACA,KAAA,CACR,GACMC,IAASrB,EAAM,IAAIS,CAAG,GACtBa,IAAMD,IAAS,QAAQ,IAAI,CAACA,GAAQF,CAAQ,CAAC,CAAC,CAAC,WAAW,KAAA,CAAS,IAAIA;EAE7E,AADAnB,EAAM,IAAIS,GAAKa,CAAG,GAClBA,EAAS,WAAW;GAClB,AAAItB,EAAM,IAAIS,CAAG,MAAMa,KAAKtB,EAAM,OAAOS,CAAG;EAC9C,CAAC;CACH;CAGA,SAASc,EAAS,GAAgB,GAAoB;EACpD,OAAOvB,EAAM,IAAIC,EAAQE,GAASD,CAAU,CAAC,KAAK;CACpD;CAEA,SAASsB,IAAQ;EAEf,AADA,EAAM,QAAQ,MACd,EAAkB,QAAQ;CAC5B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/dam/assetDetail/utils/assetImageIconsConfig.d.ts

@@ -0,0 +1,11 @@
+export declare const DIMENSIONS_CONFIG: {
+    titleT: string;
+    width: number;
+    height: number;
+    svgSrc: string;
+}[];
+export declare const ICON_SLOTS: string;
+export declare const ICON_RSS: string;
+export declare const ICON_TTS: string;
+export declare const ICON_LOW: string;
+export declare const LOW_DIMENSION = 600;

package/dist/domains/dam/assetDetail/utils/assetImageIconsConfig.js

@@ -0,0 +1,45 @@
+import e from "../../../../assets/dam-meta-icons/2k.js";
+import t from "../../../../assets/dam-meta-icons/4k.js";
+import n from "../../../../assets/dam-meta-icons/8k.js";
+import r from "../../../../assets/dam-meta-icons/qhd.js";
+import i from "../../../../assets/dam-meta-icons/fhd.js";
+import a from "../../../../assets/dam-meta-icons/slot.js";
+import o from "../../../../assets/dam-meta-icons/low.js";
+import s from "../../../../assets/dam-meta-icons/rss.js";
+import c from "../../../../assets/dam-meta-icons/tts.js";
+// src/domains/dam/assetDetail/utils/assetImageIconsConfig.ts
+var l = [
+	{
+		titleT: "common.damImage.asset.metaIcons.fullHd",
+		width: 1920,
+		height: 1080,
+		svgSrc: i
+	},
+	{
+		titleT: "common.damImage.asset.metaIcons.2k",
+		width: 2048,
+		height: 1080,
+		svgSrc: e
+	},
+	{
+		titleT: "common.damImage.asset.metaIcons.qhd",
+		width: 2560,
+		height: 1440,
+		svgSrc: r
+	},
+	{
+		titleT: "common.damImage.asset.metaIcons.4k",
+		width: 3840,
+		height: 2160,
+		svgSrc: t
+	},
+	{
+		titleT: "common.damImage.asset.metaIcons.8k",
+		width: 7680,
+		height: 4320,
+		svgSrc: n
+	}
+], u = a, d = s, f = c, p = o;
+export { l as DIMENSIONS_CONFIG, p as ICON_LOW, d as ICON_RSS, u as ICON_SLOTS, f as ICON_TTS };
+
+//# sourceMappingURL=assetImageIconsConfig.js.map

package/dist/domains/dam/assetDetail/utils/assetImageIconsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetImageIconsConfig.js","names":["svgfhd","svg2k","svgqhd","svg4k","svg8k","svgslot","svgrss","svgtts","svglow","_2k_default","_4k_default","_8k_default","qhd_default","fhd_default","slot_default","low_default","rss_default","tts_default","DIMENSIONS_CONFIG","ICON_SLOTS","ICON_RSS","ICON_TTS","ICON_LOW"],"sources":["../../../../../src/domains/dam/assetDetail/utils/assetImageIconsConfig.ts"],"sourcesContent":["import svg2k from '@/assets/dam-meta-icons/2k.svg'\nimport svg4k from '@/assets/dam-meta-icons/4k.svg'\nimport svg8k from '@/assets/dam-meta-icons/8k.svg'\nimport svgqhd from '@/assets/dam-meta-icons/qhd.svg'\nimport svgfhd from '@/assets/dam-meta-icons/fhd.svg'\nimport svgslot from '@/assets/dam-meta-icons/slot.svg'\nimport svglow from '@/assets/dam-meta-icons/low.svg'\nimport svgrss from '@/assets/dam-meta-icons/rss.svg'\nimport svgtts from '@/assets/dam-meta-icons/tts.svg'\n\nexport const DIMENSIONS_CONFIG = [\n  {\n    titleT: 'common.damImage.asset.metaIcons.fullHd',\n    width: 1920,\n    height: 1080,\n    svgSrc: svgfhd,\n  },\n  {\n    titleT: 'common.damImage.asset.metaIcons.2k',\n    width: 2048,\n    height: 1080,\n    svgSrc: svg2k,\n  },\n  {\n    titleT: 'common.damImage.asset.metaIcons.qhd',\n    width: 2560,\n    height: 1440,\n    svgSrc: svgqhd,\n  },\n  {\n    titleT: 'common.damImage.asset.metaIcons.4k',\n    width: 3840,\n    height: 2160,\n    svgSrc: svg4k,\n  },\n  {\n    titleT: 'common.damImage.asset.metaIcons.8k',\n    width: 7680,\n    height: 4320,\n    svgSrc: svg8k,\n  },\n]\nexport const ICON_SLOTS = svgslot\nexport const ICON_RSS = svgrss\nexport const ICON_TTS = svgtts\nexport const ICON_LOW = svglow\nexport const LOW_DIMENSION = 600\n"],"mappings":";;;;;;;;;;AAUA,IAAakB,IAAoB;CAC/B;EACE,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQlB;CACV;CACA;EACE,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQC;CACV;CACA;EACE,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQC;CACV;CACA;EACE,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQC;CACV;CACA;EACE,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQC;CACV;AACF,GACae,IAAad,GACbe,IAAWd,GACXe,IAAWd,GACXe,IAAWd"}

package/dist/domains/dam/assetDetail/utils/assetMetadataMayStillChange.d.ts

@@ -0,0 +1,8 @@
+import { AssetDetailItemDto } from '../../types/Asset';
+/**
+ * True while the server may still fill the metadata from the file.
+ * A form loaded now would overwrite that on save. A save also
+ * marks the asset described, after which the server fills nothing.
+ * False when already described, or when the file is processed, failed, a duplicate or missing.
+ */
+export declare const assetMetadataMayStillChange: (asset: AssetDetailItemDto) => boolean;

package/dist/domains/dam/assetDetail/utils/assetMetadataMayStillChange.js

@@ -0,0 +1,10 @@
+import { AssetFileProcessStatus as e } from "../../types/AssetFile.js";
+// src/domains/dam/assetDetail/utils/assetMetadataMayStillChange.ts
+var t = [
+	e.Uploading,
+	e.Uploaded,
+	e.Stored
+], n = (e) => !e.flags.described && !!e.mainFile && t.includes(e.mainFile.fileAttributes.status);
+export { n as assetMetadataMayStillChange };
+
+//# sourceMappingURL=assetMetadataMayStillChange.js.map

package/dist/domains/dam/assetDetail/utils/assetMetadataMayStillChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetMetadataMayStillChange.js","names":["NOT_PROCESSED_YET","AssetFileProcessStatus","assetMetadataMayStillChange","asset"],"sources":["../../../../../src/domains/dam/assetDetail/utils/assetMetadataMayStillChange.ts"],"sourcesContent":["import type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport { AssetFileProcessStatus, type AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\n\nconst NOT_PROCESSED_YET: AssetFileProcessStatusType[] = [\n  AssetFileProcessStatus.Uploading,\n  AssetFileProcessStatus.Uploaded,\n  AssetFileProcessStatus.Stored,\n]\n\n/**\n * True while the server may still fill the metadata from the file.\n * A form loaded now would overwrite that on save. A save also\n * marks the asset described, after which the server fills nothing.\n * False when already described, or when the file is processed, failed, a duplicate or missing.\n */\nexport const assetMetadataMayStillChange = (asset: AssetDetailItemDto) =>\n  !asset.flags.described && !!asset.mainFile && NOT_PROCESSED_YET.includes(asset.mainFile.fileAttributes.status)\n"],"mappings":";;AAGA,IAAMA,IAAkD;CACtDC,EAAuB;CACvBA,EAAuB;CACvBA,EAAuB;AACzB,GAQaC,KAA+B,MAC1C,CAACC,EAAM,MAAM,aAAa,CAAC,CAACA,EAAM,YAAYH,EAAkB,SAASG,EAAM,SAAS,eAAe,MAAM"}

package/dist/domains/dam/assetSelect/api/damPodcastApi.d.ts

@@ -0,0 +1,5 @@
+import { AxiosInstance } from 'axios';
+import { DocId, IntegerId } from '../../../../shared/types/common';
+import { DamPodcastAware } from '../composables/podcastFilterAndActions';
+export declare const fetchDamPodcastListByIds: (client: () => AxiosInstance, licenceId: IntegerId, ids: DocId[], endPoint?: string) => Promise<DamPodcastAware[]>;
+export declare const useFetchDamPodcastList: (client: () => AxiosInstance, licenceId: IntegerId, endPoint?: string) => import('../../../api/composables/useApiFetchList').UseApiFetchListReturnType<DamPodcastAware>;

package/dist/domains/dam/assetSelect/api/damPodcastApi.js

@@ -0,0 +1,24 @@
+import { SYSTEM_CORE_DAM as e } from "../../api/damConstants.js";
+import { useApiFetchList as t } from "../../../api/composables/useApiFetchList.js";
+import { useApiFetchByIds as n } from "../../../api/composables/useApiFetchByIds.js";
+import { DAM_END_POINT_PODCAST as r } from "../../api/damEndPoints.js";
+// src/domains/dam/assetSelect/api/damPodcastApi.ts
+var i = "podcast", a = (t, a, o, s = r) => {
+	let { execute: c } = n({
+		client: t,
+		system: e,
+		entity: i,
+		urlTemplate: s + "/licence/:licenceId",
+		urlParams: { licenceId: a }
+	});
+	return c(o);
+}, o = (n, a, o = r) => t({
+	client: n,
+	system: e,
+	entity: i,
+	urlTemplate: o + "/licence/:licenceId",
+	urlParams: { licenceId: a }
+});
+export { a as fetchDamPodcastListByIds, o as useFetchDamPodcastList };
+
+//# sourceMappingURL=damPodcastApi.js.map

package/dist/domains/dam/assetSelect/api/damPodcastApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"damPodcastApi.js","names":["ENTITY","fetchDamPodcastListByIds","DAM_END_POINT_PODCAST","useApiFetchByIds","SYSTEM_CORE_DAM","endPoint","execute","ids","useFetchDamPodcastList","useApiFetchList"],"sources":["../../../../../src/domains/dam/assetSelect/api/damPodcastApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport type { DamPodcastAware } from '@/domains/dam/assetSelect/composables/podcastFilterAndActions'\nimport { DAM_END_POINT_PODCAST } from '@/domains/dam/api/damEndPoints'\n\nconst ENTITY = 'podcast'\n\n// `endPoint`: the caller's podcast endpoint. The default is used when not given.\n\nexport const fetchDamPodcastListByIds = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  ids: DocId[],\n  endPoint: string = DAM_END_POINT_PODCAST\n) => {\n  const { execute } = useApiFetchByIds<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n\n  return execute(ids)\n}\n\nexport const useFetchDamPodcastList = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  endPoint: string = DAM_END_POINT_PODCAST\n) =>\n  useApiFetchList<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n"],"mappings":";;;;;AAQA,IAAMA,IAAS,WAIFC,KACX,GACA,GACA,GACA,IAAmBC,MAChB;CACH,IAAM,EAAE,eAAYC,EAAkC;EACpD;EACA,QAAQC;EACR,QAAQJ;EACR,aAAaK,IAAW;EACxB,WAAW,EAAE,aAAU;CACzB,CAAC;CAED,OAAOC,EAAQC,CAAG;AACpB,GAEaC,KACX,GACA,GACA,IAAmBN,MAEnBO,EAAiC;CAC/B;CACA,QAAQL;CACR,QAAQJ;CACR,aAAaK,IAAW;CACxB,WAAW,EAAE,aAAU;AACzB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AAssetListInner.js","names":["_sfc_main","AAssetListInner_vue_vue_type_script_setup_true_lang_default","AAssetListInner_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetListInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, onUnmounted, provide, ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType, DamExtSystemConfig } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isDefined, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    queueKey: UploadQueueKey\n    selectConfigs: DamConfigLicenceExtSystemReturnType[]\n    inPodcast?: boolean | null\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    variant?: 'default' | 'inline'\n  }>(),\n  {\n    inPodcast: null,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    variant: 'default',\n  }\n)\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  initStoreContext,\n  detailLoading,\n  readActiveItemAgain,\n  fetchAssetListDebounced,\n  reset,\n  resetAssetList,\n} = useAssetSelectActions(damConfigName)\n// The list bar ordering reads this. Without it the dialog would use the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\n\nconst { sidebarRight, closeSidebarRight, closeSidebarLeft } = useSidebar()\nconst { mdAndDown } = useDisplay()\nconst { showErrorT } = useAlerts()\n\nconst { filterData, filterConfig } = useAssetListFilter()\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { resetFilter, submitFilter } = useFilterHelpers(filterData, filterConfig, {\n  populateUrlParams: false,\n  storeFiltersLocalStorage: false,\n})\n\nconst submitFilterAction = () => {\n  submitFilter(pagination, fetchAssetListDebounced)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst resetFilterAction = () => {\n  resetFilter(pagination, resetAssetList)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst onInit = () => {\n  let selectConfigLocal = cloneDeep(props.selectConfigs)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(props.selectConfigs, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    return\n  }\n\n  reset()\n  initStoreContext(selectConfigLocal, props.assetType, props.inPodcast, false, 0, 0)\n  fetchAssetListDebounced()\n}\n\nconst { gridView } = useGridView()\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst extId = computed(() => {\n  if (props.selectConfigs.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = props.selectConfigs.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The custom fields config could not be read. The side panel shows\n// a notice instead of the asset form, which needs that config.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\n// Whether the open detail was opened by the side panel's \"edit\".\n// Queue row details are rendered here too, and closing one makes the panel reread its own asset.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel rereads the asset its detail showed, not the one the list remembers.\n// They differ after a click made while the panel showed the asset it opened.\nconst onCloseEditDialog = (shown: AssetDetailItemDto | null) => {\n  const ofPanel = detailOfPanel\n  detailOfPanel = false\n  readActiveItemAgain(ofPanel ? (shown?.id ?? null) : null)\n}\n\nconst imageWidgetUploadConfig = inject(ImageWidgetUploadConfigKey, undefined)\nconst uploadEnabled = computed(() => isDefined(imageWidgetUploadConfig) && isDefined(imageWidgetUploadConfig.value))\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, stopQueueLeftBehind } = useUploadQueueDialog()\nconst uploadQueuesStore = useUploadQueuesStore()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  props.assetType,\n  (imageWidgetUploadConfig?.value?.extSystemConfig ?? {}) as DamExtSystemConfig\n)\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst onFileInput = (files: File[]) => {\n  if (files.length === 0) return\n  // The page has its own entry points (button, window-wide dropzone) that bypass the dialog.\n  // While this queue's dialog saves, no file is accepted. \"Save and apply\" empties\n  // the queue, and a file queued meanwhile was lost half uploaded without notice.\n  if (uploadQueueDialogSaving.value === props.queueKey) return\n  const config = imageWidgetUploadConfig?.value\n  if (!config) return\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onUploadApply = () => {\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // Custom fields of the listed type: all types of the ext system if\n    // none are loaded, else only this type if its read failed before.\n    // Loaded types are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // Ignore an answer for an ext system the list has since left.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonInit()\n\nonUnmounted(() => {\n  reset()\n})\n</script>\n\n<template>\n  <slot\n    v-if=\"uploadEnabled\"\n    name=\"upload-activator\"\n    :on-file-input=\"onFileInput\"\n    :upload-accept=\"uploadAccept\"\n    :upload-sizes=\"uploadSizes\"\n  >\n    <AFileInput\n      :file-input-key=\"uploadQueue?.fileInputKey\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @files-input=\"onFileInput\"\n    >\n      <template #activator=\"{ props: fileInputProps }\">\n        <VBtn v-bind=\"fileInputProps\">\n          {{ t('common.button.upload') }}\n        </VBtn>\n      </template>\n    </AFileInput>\n  </slot>\n  <div\n    class=\"subject-select__card\"\n    :class=\"{ 'subject-select__card--inline': variant === 'inline' }\"\n  >\n    <div class=\"px-2 pt-2\">\n      <slot name=\"filter\">\n        <AFilterWrapper\n          @submit=\"submitFilterAction\"\n          @reset=\"resetFilterAction\"\n        >\n          <template #search>\n            <AFilterString name=\"text\" />\n          </template>\n          <template #detail>\n            <VRow v-if=\"selectConfigs.length > 1\">\n              <VCol :cols=\"12\">\n                <VSelect\n                  v-model=\"selectedLicenceId\"\n                  :label=\"t('common.assetSelect.filter.licence')\"\n                  :items=\"selectConfigs\"\n                  item-title=\"licenceName\"\n                  item-value=\"licence\"\n                  hide-details\n                />\n              </VCol>\n            </VRow>\n            <AssetSelectFilterForm\n              use-config-layout\n              hide-text-search\n              :enabled-filters=\"assetListEnabledFilters\"\n              :config-name=\"damConfigName\"\n            />\n          </template>\n        </AFilterWrapper>\n      </slot>\n    </div>\n    <AssetSelectListBar\n      v-model:sort=\"sortModel\"\n      hide-filter-toggle\n      @sort-by-change=\"sortByChange\"\n    />\n    <div\n      class=\"subject-select__main\"\n      :class=\"{\n        'subject-select__main--sidebar-right-active': sidebarRight && !mdAndDown,\n      }\"\n    >\n      <div class=\"subject-select__content\">\n        <component\n          :is=\"componentComputed\"\n          v-if=\"extId\"\n          :ext-system=\"extId\"\n        />\n        <div class=\"d-flex w-100 align-center justify-center pa-4\">\n          <ABtnSecondary\n            v-show=\"pagination.hasNextPage || loader\"\n            v-intersect=\"fetchNextPageInView\"\n            :loading=\"loader\"\n            size=\"small\"\n            @click=\"fetchNextPage\"\n          >\n            {{ t('common.button.loadMore') }}\n          </ABtnSecondary>\n        </div>\n      </div>\n      <div\n        v-if=\"!mdAndDown\"\n        class=\"subject-select__sidebar-right border-s\"\n      >\n        <div\n          v-if=\"customFormConfigFailed\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.damImage.error.loadingConfig') }}\n        </div>\n        <div\n          v-else-if=\"loadingSidebarRight\"\n          class=\"d-flex w-100 align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"!asset\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n        </div>\n        <div\n          v-else\n          class=\"w-100\"\n        >\n          <slot\n            name=\"sidebar-prepend\"\n            :asset=\"asset\"\n          />\n          <AssetMetadata\n            v-if=\"extId && !customFormConfigLoading\"\n            :ext-system=\"extId\"\n            readonly\n            show-edit-button\n            @edit-in-dam=\"onOpenEditDialog\"\n          />\n        </div>\n      </div>\n    </div>\n    <VDialog\n      v-if=\"mdAndDown\"\n      v-model=\"sidebarRight\"\n      scrollable\n      @update:model-value=\"\n        (v) => {\n          if (!v) closeSidebarRight()\n        }\n      \"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"closeSidebarRight\">\n          {{ t('common.assetSelect.meta.info.toggle') }}\n        </ADialogToolbar>\n        <VCardText>\n          <div\n            v-if=\"customFormConfigFailed\"\n            class=\"d-flex w-100 align-center justify-center text-body-large\"\n          >\n            {{ t('common.damImage.error.loadingConfig') }}\n          </div>\n          <div\n            v-else-if=\"loadingSidebarRight\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <div\n            v-else-if=\"asset\"\n            class=\"w-100\"\n          >\n            <slot\n              name=\"sidebar-prepend\"\n              :asset=\"asset\"\n            />\n            <AssetMetadata\n              v-if=\"extId && !customFormConfigLoading\"\n              :ext-system=\"extId\"\n              readonly\n              show-edit-button\n              @edit-in-dam=\"onOpenEditDialog\"\n            />\n          </div>\n        </VCardText>\n        <VCardActions>\n          <VSpacer />\n          <VBtn @click=\"closeSidebarRight\">\n            {{ t('common.button.close') }}\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n  <AssetDetailDialog\n    v-if=\"dialog === queueKey && extId\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"extId\"\n    @close=\"onCloseEditDialog\"\n  />\n  <UploadQueueDialog\n    v-if=\"uploadEnabled && uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onUploadApply\"\n    @files-input=\"onFileInput\"\n    @drop=\"onFileInput\"\n  />\n</template>\n"],"mappings":""}