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

package/dist/domains/dam/assetDetail/composables/assetDetailView.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetDetailView.js","names":["NO_COLOUR","IMAGE_ASPECT_RATIO","PROCESSING","UploadQueueItemStatus","placeholder","dominantColourOf","assetFileIsImageFile","mainFile","pictureIsPlaceholder","view","DamAssetStatus","assetDetailViewOfAsset","asset","assetType","DamAssetTypeDefault","isImage","DamAssetType","detailPicture","simpleAssetSidebarEnabled","assetDetailViewOfUploadItem","item","done","read","detailAsset","DamAssetStatusDefault","options"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailView.ts"],"sourcesContent":["import {\n  type AssetDetailItemDto,\n  DamAssetStatus,\n  DamAssetStatusDefault,\n  type DamAssetStatusType,\n  DamAssetType,\n  DamAssetTypeDefault,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport { type AssetFile, assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n} from '@/domains/dam/types/UploadQueue'\nimport type { DocId } from '@/shared/types/common'\n\n/** What the frame of the detail of an asset and of the dialog of a single upload draws, and nothing else. */\nexport interface AssetDetailView {\n  /** Keys the sidebar; null while an upload has no asset yet (the sidebar then is not drawn). */\n  id: DocId | null\n  assetType: DamAssetTypeType\n  assetStatus: DamAssetStatusType\n  /** For the status props the sidebars take. */\n  mainFile: AssetFile | null\n  image: {\n    src: string\n    width?: number\n    height?: number\n    backgroundColor: string\n    aspectRatio?: number\n    uploading: boolean\n    processing: boolean\n    waiting: boolean\n    done: boolean\n    /** As the row has them (`UploadQueueItem['progress']`): not normalised. */\n    progress?: number | null\n    remainingTime?: number | null\n  }\n  /** The left side follows the region tab (which the sidebars offer by their own props). */\n  roiEditorTab: boolean\n  simpleMode: boolean\n}\n\nconst NO_COLOUR = '#ccc'\nconst IMAGE_ASPECT_RATIO = 16 / 9\nconst PROCESSING: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\n\nconst placeholder = () => ({ src: '', width: 356, height: 200, backgroundColor: NO_COLOUR })\n\nconst dominantColourOf = (mainFile: AssetFile | null | undefined) =>\n  assetFileIsImageFile(mainFile) && mainFile.imageAttributes && mainFile.imageAttributes.mostDominantColor\n    ? mainFile.imageAttributes.mostDominantColor\n    : NO_COLOUR\n\n/**\n * The picture is the grey placeholder of `AssetImage` (its last branch): no state of an upload and no file to show.\n * Only then does the box around it and its overlay take the whole area (finding 64); a picture keeps its own size.\n */\nexport const pictureIsPlaceholder = (view: AssetDetailView) =>\n  !view.image.uploading &&\n  !view.image.processing &&\n  !view.image.waiting &&\n  !(view.assetStatus === DamAssetStatus.WithFile && view.image.src)\n\n/** The detail of an asset, as it is: the picture of its detail, no state of an upload. */\nexport function assetDetailViewOfAsset(\n  asset: AssetDetailItemDto | null,\n  simpleAssetSidebarEnabled: boolean\n): AssetDetailView | null {\n  if (!asset) return null\n  const assetType = asset.attributes.assetType || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const detailPicture = asset.mainFile?.links?.image_detail\n  return {\n    id: asset.id,\n    assetType,\n    assetStatus: asset.attributes.assetStatus,\n    mainFile: asset.mainFile || null,\n    image: {\n      ...(detailPicture\n        ? {\n            src: detailPicture.url,\n            width: detailPicture.width,\n            height: detailPicture.height,\n            backgroundColor: dominantColourOf(asset.mainFile),\n          }\n        : placeholder()),\n      uploading: false,\n      processing: false,\n      waiting: false,\n      done: false,\n    },\n    // The editor follows the tab whatever the kind of the asset: the tabs of another kind have no region tab.\n    roiEditorTab: true,\n    simpleMode: simpleAssetSidebarEnabled && isImage,\n  }\n}\n\n/**\n * The dialog of a single upload: what the row says of its asset until the upload is done, the asset the DAM read\n * after that; the preview of the row, its state and its progress.\n */\nexport function assetDetailViewOfUploadItem(\n  item: UploadQueueItem | null,\n  detailAsset: AssetDetailItemDto | null,\n  options: { enableRoiTab: boolean; disableDoneAnimation: boolean; simpleAssetSidebarEnabled: boolean }\n): AssetDetailView | null {\n  if (!item) return null\n  const done = item.status === UploadQueueItemStatus.Uploaded\n  // The asset of this row only: the store it is read from is shared, and holds what another dialog or a pick from\n  // the library left in it until the dialog has read its own.\n  const read = item.assetId && done && detailAsset?.id === item.assetId ? detailAsset : null\n  const assetType =\n    (read ? read.attributes.assetType : item.assetId ? item.assetType : undefined) || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const mainFile = read?.mainFile || null\n  return {\n    id: read ? read.id : item.assetId || null,\n    assetType,\n    assetStatus: read ? read.attributes.assetStatus : item.assetId ? item.assetStatus : DamAssetStatusDefault,\n    mainFile,\n    image: {\n      ...(item.imagePreview\n        ? {\n            src: item.imagePreview.url,\n            width: item.imagePreview.requestedWidth || undefined,\n            height: item.imagePreview.requestedHeight || undefined,\n            backgroundColor: dominantColourOf(mainFile),\n          }\n        : placeholder()),\n      aspectRatio: IMAGE_ASPECT_RATIO,\n      uploading: item.status === UploadQueueItemStatus.Uploading,\n      processing: PROCESSING.includes(item.status),\n      waiting: item.status === UploadQueueItemStatus.Waiting,\n      done: !options.disableDoneAnimation && done,\n      progress: item.progress.progressPercent,\n      remainingTime: item.progress.remainingTime,\n    },\n    roiEditorTab: options.enableRoiTab,\n    simpleMode: options.simpleAssetSidebarEnabled && isImage && options.enableRoiTab,\n  }\n}\n"],"mappings":";;;;AA4CA,IAAMA,IAAY,QACZC,IAAqB,KAAK,GAC1BC,IAAmD,CACvDC,EAAsB,YACtBA,EAAsB,OACxB,GAEMC,WAAqB;CAAE,KAAK;CAAI,OAAO;CAAK,QAAQ;CAAK,iBAAiBJ;AAAU,IAEpFK,KAAoB,MACxBC,EAAqBC,CAAQ,KAAKA,EAAS,mBAAmBA,EAAS,gBAAgB,oBACnFA,EAAS,gBAAgB,oBACzBP,GAMOQ,KAAwB,MACnC,CAACC,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,cACZ,CAACA,EAAK,MAAM,WACZ,EAAEA,EAAK,gBAAgBC,EAAe,YAAYD,EAAK,MAAM;AAG/D,SAAgBE,EACd,GACA,GACwB;CACxB,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAYD,EAAM,WAAW,aAAaE,GAC1CC,IAAUF,MAAcG,EAAa,OACrCC,IAAgBL,EAAM,UAAU,OAAO;CAC7C,OAAO;EACL,IAAIA,EAAM;EACV;EACA,aAAaA,EAAM,WAAW;EAC9B,UAAUA,EAAM,YAAY;EAC5B,OAAO;GACL,GAAIK,IACA;IACE,KAAKA,EAAc;IACnB,OAAOA,EAAc;IACrB,QAAQA,EAAc;IACtB,iBAAiBZ,EAAiBO,EAAM,QAAQ;GAClD,IACAR,EAAY;GAChB,WAAW;GACX,YAAY;GACZ,SAAS;GACT,MAAM;EACR;EAEA,cAAc;EACd,YAAYc,KAA6BH;CAC3C;AACF;AAMA,SAAgBI,EACd,GACA,GACA,GACwB;CACxB,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOD,EAAK,WAAWjB,EAAsB,UAG7CmB,IAAOF,EAAK,WAAWC,KAAQE,GAAa,OAAOH,EAAK,UAAUG,IAAc,MAChFV,KACHS,IAAOA,EAAK,WAAW,YAAYF,EAAK,UAAUA,EAAK,YAAY,KAAA,MAAcN,GAC9EC,IAAUF,MAAcG,EAAa,OACrCT,IAAWe,GAAM,YAAY;CACnC,OAAO;EACL,IAAIA,IAAOA,EAAK,KAAKF,EAAK,WAAW;EACrC;EACA,aAAaE,IAAOA,EAAK,WAAW,cAAcF,EAAK,UAAUA,EAAK,cAAcI;EACpF;EACA,OAAO;GACL,GAAIJ,EAAK,eACL;IACE,KAAKA,EAAK,aAAa;IACvB,OAAOA,EAAK,aAAa,kBAAkB,KAAA;IAC3C,QAAQA,EAAK,aAAa,mBAAmB,KAAA;IAC7C,iBAAiBf,EAAiBE,CAAQ;GAC5C,IACAH,EAAY;GAChB,aAAaH;GACb,WAAWmB,EAAK,WAAWjB,EAAsB;GACjD,YAAYD,EAAW,SAASkB,EAAK,MAAM;GAC3C,SAASA,EAAK,WAAWjB,EAAsB;GAC/C,MAAM,CAACsB,EAAQ,wBAAwBJ;GACvC,UAAUD,EAAK,SAAS;GACxB,eAAeA,EAAK,SAAS;EAC/B;EACA,cAAcK,EAAQ;EACtB,YAAYA,EAAQ,6BAA6BV,KAAWU,EAAQ;CACtE;AACF"}
+{"version":3,"file":"assetDetailView.js","names":["NO_COLOUR","IMAGE_ASPECT_RATIO","PROCESSING","UploadQueueItemStatus","placeholder","dominantColourOf","assetFileIsImageFile","mainFile","pictureIsPlaceholder","view","DamAssetStatus","assetDetailViewOfAsset","asset","assetType","DamAssetTypeDefault","isImage","DamAssetType","detailPicture","simpleAssetSidebarEnabled","assetDetailViewOfUploadItem","item","done","read","detailAsset","DamAssetStatusDefault","options"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailView.ts"],"sourcesContent":["import {\n  type AssetDetailItemDto,\n  DamAssetStatus,\n  DamAssetStatusDefault,\n  type DamAssetStatusType,\n  DamAssetType,\n  DamAssetTypeDefault,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport { type AssetFile, assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n} from '@/domains/dam/types/UploadQueue'\nimport type { DocId } from '@/shared/types/common'\n\n/** Exactly what the frame of the asset detail and the single-upload dialog renders. */\nexport interface AssetDetailView {\n  /** Keys the sidebar. Null while an upload has no asset yet, and then the sidebar is not rendered. */\n  id: DocId | null\n  assetType: DamAssetTypeType\n  assetStatus: DamAssetStatusType\n  /** Used for the status props of the sidebars. */\n  mainFile: AssetFile | null\n  image: {\n    src: string\n    width?: number\n    height?: number\n    backgroundColor: string\n    aspectRatio?: number\n    uploading: boolean\n    processing: boolean\n    waiting: boolean\n    done: boolean\n    /** As on the row (`UploadQueueItem['progress']`), not normalised. */\n    progress?: number | null\n    remainingTime?: number | null\n  }\n  /** The left side follows the ROI tab. The sidebars offer that tab through their own props. */\n  roiEditorTab: boolean\n  simpleMode: boolean\n}\n\nconst NO_COLOUR = '#ccc'\nconst IMAGE_ASPECT_RATIO = 16 / 9\nconst PROCESSING: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\n\nconst placeholder = () => ({ src: '', width: 356, height: 200, backgroundColor: NO_COLOUR })\n\nconst dominantColourOf = (mainFile: AssetFile | null | undefined) =>\n  assetFileIsImageFile(mainFile) && mainFile.imageAttributes && mainFile.imageAttributes.mostDominantColor\n    ? mainFile.imageAttributes.mostDominantColor\n    : NO_COLOUR\n\n/**\n * The image is the grey placeholder of `AssetImage` (its last branch): no upload state and no file.\n * Only then do the box and its overlay fill the whole area (finding 64). An image keeps its own size.\n */\nexport const pictureIsPlaceholder = (view: AssetDetailView) =>\n  !view.image.uploading &&\n  !view.image.processing &&\n  !view.image.waiting &&\n  !(view.assetStatus === DamAssetStatus.WithFile && view.image.src)\n\n/** View of an existing asset, without upload state. */\nexport function assetDetailViewOfAsset(\n  asset: AssetDetailItemDto | null,\n  simpleAssetSidebarEnabled: boolean\n): AssetDetailView | null {\n  if (!asset) return null\n  const assetType = asset.attributes.assetType || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const detailPicture = asset.mainFile?.links?.image_detail\n  return {\n    id: asset.id,\n    assetType,\n    assetStatus: asset.attributes.assetStatus,\n    mainFile: asset.mainFile || null,\n    image: {\n      ...(detailPicture\n        ? {\n            src: detailPicture.url,\n            width: detailPicture.width,\n            height: detailPicture.height,\n            backgroundColor: dominantColourOf(asset.mainFile),\n          }\n        : placeholder()),\n      uploading: false,\n      processing: false,\n      waiting: false,\n      done: false,\n    },\n    // The editor follows the tab for any asset type. Other types have no ROI tab.\n    roiEditorTab: true,\n    simpleMode: simpleAssetSidebarEnabled && isImage,\n  }\n}\n\n/**\n * View of the single-upload dialog: the row's asset data until the upload is done, then the asset read from the DAM.\n * Preview, state and progress come from the row.\n */\nexport function assetDetailViewOfUploadItem(\n  item: UploadQueueItem | null,\n  detailAsset: AssetDetailItemDto | null,\n  options: { enableRoiTab: boolean; disableDoneAnimation: boolean; simpleAssetSidebarEnabled: boolean }\n): AssetDetailView | null {\n  if (!item) return null\n  const done = item.status === UploadQueueItemStatus.Uploaded\n  // Only this row's asset. The store is shared and may hold an asset left\n  // by another dialog or a library pick until this dialog reads its own.\n  const read = item.assetId && done && detailAsset?.id === item.assetId ? detailAsset : null\n  const assetType =\n    (read ? read.attributes.assetType : item.assetId ? item.assetType : undefined) || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const mainFile = read?.mainFile || null\n  return {\n    id: read ? read.id : item.assetId || null,\n    assetType,\n    assetStatus: read ? read.attributes.assetStatus : item.assetId ? item.assetStatus : DamAssetStatusDefault,\n    mainFile,\n    image: {\n      ...(item.imagePreview\n        ? {\n            src: item.imagePreview.url,\n            width: item.imagePreview.requestedWidth || undefined,\n            height: item.imagePreview.requestedHeight || undefined,\n            backgroundColor: dominantColourOf(mainFile),\n          }\n        : placeholder()),\n      aspectRatio: IMAGE_ASPECT_RATIO,\n      uploading: item.status === UploadQueueItemStatus.Uploading,\n      processing: PROCESSING.includes(item.status),\n      waiting: item.status === UploadQueueItemStatus.Waiting,\n      done: !options.disableDoneAnimation && done,\n      progress: item.progress.progressPercent,\n      remainingTime: item.progress.remainingTime,\n    },\n    roiEditorTab: options.enableRoiTab,\n    simpleMode: options.simpleAssetSidebarEnabled && isImage && options.enableRoiTab,\n  }\n}\n"],"mappings":";;;;AA4CA,IAAMA,IAAY,QACZC,IAAqB,KAAK,GAC1BC,IAAmD,CACvDC,EAAsB,YACtBA,EAAsB,OACxB,GAEMC,WAAqB;CAAE,KAAK;CAAI,OAAO;CAAK,QAAQ;CAAK,iBAAiBJ;AAAU,IAEpFK,KAAoB,MACxBC,EAAqBC,CAAQ,KAAKA,EAAS,mBAAmBA,EAAS,gBAAgB,oBACnFA,EAAS,gBAAgB,oBACzBP,GAMOQ,KAAwB,MACnC,CAACC,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,cACZ,CAACA,EAAK,MAAM,WACZ,EAAEA,EAAK,gBAAgBC,EAAe,YAAYD,EAAK,MAAM;AAG/D,SAAgBE,EACd,GACA,GACwB;CACxB,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAYD,EAAM,WAAW,aAAaE,GAC1CC,IAAUF,MAAcG,EAAa,OACrCC,IAAgBL,EAAM,UAAU,OAAO;CAC7C,OAAO;EACL,IAAIA,EAAM;EACV;EACA,aAAaA,EAAM,WAAW;EAC9B,UAAUA,EAAM,YAAY;EAC5B,OAAO;GACL,GAAIK,IACA;IACE,KAAKA,EAAc;IACnB,OAAOA,EAAc;IACrB,QAAQA,EAAc;IACtB,iBAAiBZ,EAAiBO,EAAM,QAAQ;GAClD,IACAR,EAAY;GAChB,WAAW;GACX,YAAY;GACZ,SAAS;GACT,MAAM;EACR;EAEA,cAAc;EACd,YAAYc,KAA6BH;CAC3C;AACF;AAMA,SAAgBI,EACd,GACA,GACA,GACwB;CACxB,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOD,EAAK,WAAWjB,EAAsB,UAG7CmB,IAAOF,EAAK,WAAWC,KAAQE,GAAa,OAAOH,EAAK,UAAUG,IAAc,MAChFV,KACHS,IAAOA,EAAK,WAAW,YAAYF,EAAK,UAAUA,EAAK,YAAY,KAAA,MAAcN,GAC9EC,IAAUF,MAAcG,EAAa,OACrCT,IAAWe,GAAM,YAAY;CACnC,OAAO;EACL,IAAIA,IAAOA,EAAK,KAAKF,EAAK,WAAW;EACrC;EACA,aAAaE,IAAOA,EAAK,WAAW,cAAcF,EAAK,UAAUA,EAAK,cAAcI;EACpF;EACA,OAAO;GACL,GAAIJ,EAAK,eACL;IACE,KAAKA,EAAK,aAAa;IACvB,OAAOA,EAAK,aAAa,kBAAkB,KAAA;IAC3C,QAAQA,EAAK,aAAa,mBAAmB,KAAA;IAC7C,iBAAiBf,EAAiBE,CAAQ;GAC5C,IACAH,EAAY;GAChB,aAAaH;GACb,WAAWmB,EAAK,WAAWjB,EAAsB;GACjD,YAAYD,EAAW,SAASkB,EAAK,MAAM;GAC3C,SAASA,EAAK,WAAWjB,EAAsB;GAC/C,MAAM,CAACsB,EAAQ,wBAAwBJ;GACvC,UAAUD,EAAK,SAAS;GACxB,eAAeA,EAAK,SAAS;EAC/B;EACA,cAAcK,EAAQ;EACtB,YAAYA,EAAQ,6BAA6BV,KAAWU,EAAQ;CACtE;AACF"}

package/dist/domains/dam/assetDetail/composables/assetFileFailReason.js

@@ -1,7 +1,7 @@
 import { AssetFileFailReason as e } from "../../types/AssetFile.js";
 import { ref as t } from "vue";
 import { useI18n as n } from "vue-i18n";
-//#region src/domains/dam/assetDetail/composables/assetFileFailReason.ts
+// src/domains/dam/assetDetail/composables/assetFileFailReason.ts
 function r() {
 	let { t: r } = n(), i = t([
 		{
@@ -34,7 +34,6 @@ function r() {
 		getAssetFileFailReasonOption: (e) => i.value.find((t) => t.value === e)
 	};
 }
-//#endregion
 export { r as useAssetFileFailReason };
 
 //# sourceMappingURL=assetFileFailReason.js.map

package/dist/domains/dam/assetDetail/composables/autoDeleteTimeLeft.d.ts

@@ -0,0 +1,9 @@
+import { DatetimeUTCNullable } from '../../../../shared/types/common';
+/**
+ * Seconds left until DAM deletes the asset (`autoDeleteAt`), never below zero; `null` when it is not deleted.
+ * The time moves on while it is shown: a clock ticks every minute, and only while there is a date.
+ * Call it in component setup, the clock stops with the component.
+ */
+export declare function useAutoDeleteTimeLeft(autoDeleteAt: () => DatetimeUTCNullable | undefined): {
+    secondsLeft: import('vue').ComputedRef<number | null>;
+};

package/dist/domains/dam/assetDetail/composables/autoDeleteTimeLeft.js

@@ -0,0 +1,18 @@
+import { dateDiff as e, dateNow as t, dateTimeToDate as n } from "../../../../shared/utils/datetime.js";
+import { computed as r, shallowRef as i, watch as a } from "vue";
+import { useIntervalFn as o } from "@vueuse/core";
+// src/domains/dam/assetDetail/composables/autoDeleteTimeLeft.ts
+function s(s) {
+	let c = i(t()), l = o(() => {
+		c.value = t();
+	}, 6e4, { immediate: !1 });
+	return a(s, (e) => {
+		c.value = t(), e ? l.resume() : l.pause();
+	}, { immediate: !0 }), { secondsLeft: r(() => {
+		let t = s();
+		return t ? Math.max(0, e(n(t), c.value, "s")) : null;
+	}) };
+}
+export { s as useAutoDeleteTimeLeft };
+
+//# sourceMappingURL=autoDeleteTimeLeft.js.map

package/dist/domains/dam/assetDetail/composables/autoDeleteTimeLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoDeleteTimeLeft.js","names":["useAutoDeleteTimeLeft","now","shallowRef","dateNow","clock","useIntervalFn","watch","autoDeleteAt","value","computed","dateDiff","dateTimeToDate"],"sources":["../../../../../src/domains/dam/assetDetail/composables/autoDeleteTimeLeft.ts"],"sourcesContent":["import { useIntervalFn } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateDiff, dateNow, dateTimeToDate } from '@/shared/utils/datetime'\n\n/**\n * Seconds left until DAM deletes the asset (`autoDeleteAt`), never below zero; `null` when it is not deleted.\n * The time moves on while it is shown: a clock ticks every minute, and only while there is a date.\n * Call it in component setup, the clock stops with the component.\n */\nexport function useAutoDeleteTimeLeft(autoDeleteAt: () => DatetimeUTCNullable | undefined) {\n  const now = shallowRef(dateNow())\n  const clock = useIntervalFn(\n    () => {\n      now.value = dateNow()\n    },\n    60_000,\n    { immediate: false }\n  )\n  watch(\n    autoDeleteAt,\n    (value) => {\n      now.value = dateNow()\n      if (value) clock.resume()\n      else clock.pause()\n    },\n    { immediate: true }\n  )\n\n  const secondsLeft = computed(() => {\n    const value = autoDeleteAt()\n    if (!value) return null\n    return Math.max(0, dateDiff(dateTimeToDate(value), now.value, 's'))\n  })\n\n  return { secondsLeft }\n}\n"],"mappings":";;;;AAUA,SAAgBA,EAAsB,GAAqD;CACzF,IAAMC,IAAMC,EAAWC,EAAQ,CAAC,GAC1BC,IAAQC,QACN;EACJ,EAAI,QAAQF,EAAQ;CACtB,GACA,KACA,EAAE,WAAW,GAAM,CACrB;CAiBA,OAhBAG,EACEC,IACC,MAAU;EAET,AADA,EAAI,QAAQJ,EAAQ,GAChBK,IAAOJ,EAAM,OAAO,IACnBA,EAAM,MAAM;CACnB,GACA,EAAE,WAAW,GAAK,CACpB,GAQO,EAAE,aANWK,QAAe;EACjC,IAAMD,IAAQD,EAAa;EAE3B,OADKC,IACE,KAAK,IAAI,GAAGE,EAASC,EAAeH,CAAK,GAAGP,EAAI,OAAO,GAAG,CAAC,IAD/C;CAErB,CAES,EAAY;AACvB"}

package/dist/domains/dam/assetDetail/store/assetDetailStore.d.ts

@@ -93,7 +93,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
                 };
             } | undefined;
             metadata: {
-                exifData: [];
+                exifData: Record<string, string | number | boolean | null>;
                 id: string;
                 createdAt: string;
                 modifiedAt: string;
@@ -391,6 +391,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
         mainFileSingleUse: Readonly<boolean | null>;
         mainFileInternal: Readonly<boolean | null>;
         mainFileOverrideInternal: Readonly<boolean | null>;
+        autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
         createdAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;
@@ -480,7 +481,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
                 };
             } | undefined;
             metadata: {
-                exifData: [];
+                exifData: Record<string, string | number | boolean | null>;
                 id: string;
                 createdAt: string;
                 modifiedAt: string;
@@ -778,6 +779,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
         mainFileSingleUse: Readonly<boolean | null>;
         mainFileInternal: Readonly<boolean | null>;
         mainFileOverrideInternal: Readonly<boolean | null>;
+        autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
         createdAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;

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

@@ -1,7 +1,7 @@
 import { isNull as e } from "../../../../shared/utils/common.js";
 import { ref as t } from "vue";
 import { defineStore as n } from "pinia";
-//#region src/domains/dam/assetDetail/store/assetDetailStore.ts
+// src/domains/dam/assetDetail/store/assetDetailStore.ts
 var r = {
 	Info: "meta",
 	ROI: "roi"
@@ -58,7 +58,6 @@ var r = {
 		reset: b
 	};
 });
-//#endregion
 export { r as AssetDetailTabImageWithRoi, i as AssetDetailTabImageWithRoiDefault, a as useAssetDetailStore };
 
 //# sourceMappingURL=assetDetailStore.js.map

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

@@ -1 +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  // The saves of the detail that are on their way, each under the DAM configuration and the asset it saves, until the\n  // DAM answers them; they never reject. The detail can be closed before that: a host that reads the asset again once\n  // the detail has closed waits for the saves of that asset first. One for the page, it had the closing of the detail\n  // of an asset wait for the save of another one; two DAMs may give one asset id.\n  const saves = new Map<string, Promise<void>>()\n  const saveKey = (assetId: DocId, configName: string) => `${configName}\\u0000${assetId}`\n  // Counts the openings and the closings of the detail: a read is taken while the count is the one it began under.\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 the queue `key` on its loader, and has it show the asset `read` answers with. The store is one\n   * for the page, and a read may end once its detail has closed, or after another has been opened: only the read of\n   * the detail opened last is taken, and only while that detail is open. An answer that is not taken shows no asset\n   * and leaves the loader as it is. `beforeShown` runs for the answer that is taken, before the detail shows it.\n   * A read that fails rejects here as it did, for the host to say. When it is the read the detail waits for, the\n   * detail has nothing to show and is closed: a dialog that draws nothing is still over the whole page, and nothing\n   * but 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 read it was opened with and still waits for is given up: its answer is not taken. */\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 asset of the store beside the detail, as the asset list does in its side\n   * panel. The answer is taken only while no detail is open, and none has been opened since the read began: a detail\n   * would show that asset in place of its own, and its save would go into it. The read rejects here as it did.\n   * `wanted`: asked once the read has answered, by a host whose reads have an order of their own; an answer that host\n   * no longer wants is not taken either. `beforeShown` runs for the answer that is taken, before the host shows it.\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  /** A save of the detail of the asset `assetId` under the 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  /**\n   * The saves of the detail of the asset `assetId` under the DAM configuration `configName` on their way, till they are\n   * all answered; `null` while none is.\n   */\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,GAK7BQ,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;CAWA,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;CASA,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;CAMA,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"}
+{"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.js

@@ -7,7 +7,7 @@ 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";
-//#region src/domains/dam/assetDetail/utils/assetImageIconsConfig.ts
+// src/domains/dam/assetDetail/utils/assetImageIconsConfig.ts
 var l = [
 	{
 		titleT: "common.damImage.asset.metaIcons.fullHd",
@@ -40,7 +40,6 @@ var l = [
 		svgSrc: n
 	}
 ], u = a, d = s, f = c, p = o;
-//#endregion
 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/assetMetadataMayStillChange.d.ts

@@ -1,7 +1,8 @@
 import { AssetDetailItemDto } from '../../types/Asset';
 /**
- * The server may yet fill in the metadata of the asset from its file: a form loaded now would write over that when
- * saved, and a save marks the asset described, after which the server fills in nothing. Not an asset that is
- * described already, nor one whose file is processed, failed, a duplicate or not there: nothing more comes of those.
+ * 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

@@ -1,11 +1,10 @@
 import { AssetFileProcessStatus as e } from "../../types/AssetFile.js";
-//#region src/domains/dam/assetDetail/utils/assetMetadataMayStillChange.ts
+// 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);
-//#endregion
 export { n as assetMetadataMayStillChange };
 
 //# sourceMappingURL=assetMetadataMayStillChange.js.map

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

@@ -1 +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 * The server may yet fill in the metadata of the asset from its file: a form loaded now would write over that when\n * saved, and a save marks the asset described, after which the server fills in nothing. Not an asset that is\n * described already, nor one whose file is processed, failed, a duplicate or not there: nothing more comes of those.\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,GAOaC,KAA+B,MAC1C,CAACC,EAAM,MAAM,aAAa,CAAC,CAACA,EAAM,YAAYH,EAAkB,SAASG,EAAM,SAAS,eAAe,MAAM"}
+{"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.js

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

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

@@ -1 +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 address of the podcasts the caller goes by; the default one where it gives none.\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"}
+{"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

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

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

@@ -1 +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 ordering in the list bar reads this; without it the dialog would pick up 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 configuration of the custom fields could not be read: the side panel says so, in place of the form of the\n// asset, which cannot be drawn without it. It used to load without an end.\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 is the one \"edit\" of the side panel opened. The detail of a row of the upload queue is drawn\n// here as well, and its close has the panel read its own asset again.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel reads the asset the detail it opened showed, not the one the list remembers: the two differ once a click\n// has been 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 an entry of its own (its button, a dropzone over the whole window) that reaches here past the\n  // dialog. While the dialog of this queue saves no file is taken: \"save and apply\" ends with the queue emptied, and\n  // a file queued meanwhile went with it, half uploaded and without a word.\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    // The custom fields of the type it lists: every type of the ext system where it has none yet, else that type alone\n    // where its read failed before. The types loaded 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      // The answer for an ext system the list has left since says nothing of the one it lists now.\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":""}
+{"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":""}