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

package/dist/domains/dam/imageWidget/utils/waitLimit.js

@@ -1,13 +1,12 @@
-import { isNumber as e } from "../../../../shared/utils/common.js";
-import { coreDamOptions as t } from "../../../../plugins/pluginOptions.js";
-//#region src/domains/dam/imageWidget/utils/waitLimit.ts
+import { coreDamOptions as e } from "../../../../plugins/pluginOptions.js";
+import { isNumber as t } from "../../../../shared/utils/common.js";
+// src/domains/dam/imageWidget/utils/waitLimit.ts
 var n = Symbol("wait ran out"), r = 30, i = (i, a, o) => {
-	let s = t.value?.configs, c = (s && Object.hasOwn(s, o) ? s[o]?.apiTimeout : void 0) ?? t.value?.apiTimeout, l = (e(c) && c > 0 ? c : r) * 1e3 * a, u, d = new Promise((e) => {
+	let s = e.value?.configs, c = (s && Object.hasOwn(s, o) ? s[o]?.apiTimeout : void 0) ?? e.value?.apiTimeout, l = (t(c) && c > 0 ? c : r) * 1e3 * a, u, d = new Promise((e) => {
 		u = setTimeout(() => e(n), l);
 	});
 	return Promise.race([i, d]).finally(() => clearTimeout(u));
 };
-//#endregion
 export { n as WAIT_RAN_OUT, i as withinWaitLimit };
 
 //# sourceMappingURL=waitLimit.js.map

package/dist/domains/dam/imageWidget/utils/waitLimit.js.map

@@ -1 +1 @@
-{"version":3,"file":"waitLimit.js","names":["WAIT_RAN_OUT","DEFAULT_LIMIT_SECONDS","withinWaitLimit","configs","coreDamOptions","seconds","configName","limit","isNumber","requests","timer","ranOut","resolve","wait"],"sources":["../../../../../src/domains/dam/imageWidget/utils/waitLimit.ts"],"sourcesContent":["import { coreDamOptions } from '@/plugins/pluginOptions'\nimport { isNumber } from '@/shared/utils/common'\n\n/** What a wait that has run out answers. */\nexport const WAIT_RAN_OUT = Symbol('wait ran out')\n\nconst DEFAULT_LIMIT_SECONDS = 30\n\n/**\n * `wait`, for at most the time the application gives a request to the DAM (`apiTimeout` of the DAM configuration\n * `configName`, else the root `coreDam.apiTimeout`, in seconds; 30 where it gives none), once for each of the `requests`\n * it is made of, one after another. What a widget waits for may be a request of another widget, or several in a row,\n * and a client without a time limit of its own never ends a request that does not answer: the widget waited on,\n * without an end.\n */\nexport const withinWaitLimit = <T>(\n  wait: Promise<T>,\n  requests: number,\n  configName: string\n): Promise<T | typeof WAIT_RAN_OUT> => {\n  const configs = coreDamOptions.value?.configs\n  const ofConfig = configs && Object.hasOwn(configs, configName) ? configs[configName]?.apiTimeout : undefined\n  const seconds = ofConfig ?? coreDamOptions.value?.apiTimeout\n  const limit = (isNumber(seconds) && seconds > 0 ? seconds : DEFAULT_LIMIT_SECONDS) * 1000 * requests\n  let timer: ReturnType<typeof setTimeout> | undefined\n  const ranOut = new Promise<typeof WAIT_RAN_OUT>((resolve) => {\n    timer = setTimeout(() => resolve(WAIT_RAN_OUT), limit)\n  })\n  return Promise.race([wait, ranOut]).finally(() => clearTimeout(timer))\n}\n"],"mappings":";;;AAIA,IAAaA,IAAe,OAAO,cAAc,GAE3CC,IAAwB,IASjBC,KACX,GACA,GACA,MACqC;CACrC,IAAMC,IAAUC,EAAe,OAAO,SAEhCC,KADWF,KAAW,OAAO,OAAOA,GAASG,CAAU,IAAIH,EAAQG,EAAW,EAAE,aAAa,KAAA,MACvEF,EAAe,OAAO,YAC5CG,KAASC,EAASH,CAAO,KAAKA,IAAU,IAAIA,IAAUJ,KAAyB,MAAOQ,GACxFC,GACEC,IAAS,IAAI,SAA8B,MAAY;EAC3D,IAAQ,iBAAiBC,EAAQZ,CAAY,GAAGO,CAAK;CACvD,CAAC;CACD,OAAO,QAAQ,KAAK,CAACM,GAAMF,CAAM,CAAC,CAAC,CAAC,cAAc,aAAaD,CAAK,CAAC;AACvE"}
+{"version":3,"file":"waitLimit.js","names":["WAIT_RAN_OUT","DEFAULT_LIMIT_SECONDS","withinWaitLimit","configs","coreDamOptions","seconds","configName","limit","isNumber","requests","timer","ranOut","resolve","wait"],"sources":["../../../../../src/domains/dam/imageWidget/utils/waitLimit.ts"],"sourcesContent":["import { coreDamOptions } from '@/plugins/pluginOptions'\nimport { isNumber } from '@/shared/utils/common'\n\nexport const WAIT_RAN_OUT = Symbol('wait ran out')\n\nconst DEFAULT_LIMIT_SECONDS = 30\n\n/**\n * Limits `wait` to the DAM request timeout per each of `requests` in sequence:\n * `apiTimeout` of config `configName`, else `coreDam.apiTimeout`, else 30 seconds.\n * The awaited work may be another widget's requests, and a client without its\n * own timeout never ends an unanswered request, so the widget waited forever.\n */\nexport const withinWaitLimit = <T>(\n  wait: Promise<T>,\n  requests: number,\n  configName: string\n): Promise<T | typeof WAIT_RAN_OUT> => {\n  const configs = coreDamOptions.value?.configs\n  const ofConfig = configs && Object.hasOwn(configs, configName) ? configs[configName]?.apiTimeout : undefined\n  const seconds = ofConfig ?? coreDamOptions.value?.apiTimeout\n  const limit = (isNumber(seconds) && seconds > 0 ? seconds : DEFAULT_LIMIT_SECONDS) * 1000 * requests\n  let timer: ReturnType<typeof setTimeout> | undefined\n  const ranOut = new Promise<typeof WAIT_RAN_OUT>((resolve) => {\n    timer = setTimeout(() => resolve(WAIT_RAN_OUT), limit)\n  })\n  return Promise.race([wait, ranOut]).finally(() => clearTimeout(timer))\n}\n"],"mappings":";;;AAGA,IAAaA,IAAe,OAAO,cAAc,GAE3CC,IAAwB,IAQjBC,KACX,GACA,GACA,MACqC;CACrC,IAAMC,IAAUC,EAAe,OAAO,SAEhCC,KADWF,KAAW,OAAO,OAAOA,GAASG,CAAU,IAAIH,EAAQG,EAAW,EAAE,aAAa,KAAA,MACvEF,EAAe,OAAO,YAC5CG,KAASC,EAASH,CAAO,KAAKA,IAAU,IAAIA,IAAUJ,KAAyB,MAAOQ,GACxFC,GACEC,IAAS,IAAI,SAA8B,MAAY;EAC3D,IAAQ,iBAAiBC,EAAQZ,CAAY,GAAGO,CAAK;CACvD,CAAC;CACD,OAAO,QAAQ,KAAK,CAACM,GAAMF,CAAM,CAAC,CAAC,CAAC,cAAc,aAAaD,CAAK,CAAC;AACvE"}

package/dist/domains/dam/keyword/api/keywordApi.js

@@ -1,35 +1,34 @@
-import { useApiRequest as e } from "../../../api/composables/useApiRequest.js";
-import { SYSTEM_CORE_DAM as t } from "../../api/damConstants.js";
-import { useApiFetchList as n } from "../../../api/composables/useApiFetchList.js";
-import { useApiFetchByIds as r } from "../../../api/composables/useApiFetchByIds.js";
-//#region src/domains/dam/keyword/api/keywordApi.ts
-var i = "/ext-system/:extSystemId", a = "keyword", o = (e, n, i, o) => {
-	let { execute: s } = r({
-		client: e,
-		system: t,
+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 { useApiRequest as r } from "../../../api/composables/useApiRequest.js";
+// src/domains/dam/keyword/api/keywordApi.ts
+var i = "/ext-system/:extSystemId", a = "keyword", o = (t, r, i, o) => {
+	let { execute: s } = n({
+		client: t,
+		system: e,
 		entity: a,
-		urlTemplate: n + "/ext-system/:extSystemId/search",
+		urlTemplate: r + "/ext-system/:extSystemId/search",
 		urlParams: { extSystemId: i },
 		isSearchApi: !0
 	});
 	return s(o);
-}, s = (e, r, o) => n({
-	client: e,
-	system: t,
+}, s = (n, r, o) => t({
+	client: n,
+	system: e,
 	entity: a,
 	urlTemplate: r + i,
 	urlParams: { extSystemId: o }
-}), c = (n, r, i) => {
-	let { execute: o } = e({
-		client: n,
+}), c = (t, n, i) => {
+	let { execute: o } = r({
+		client: t,
 		method: "POST",
-		system: t,
+		system: e,
 		entity: a,
-		urlTemplate: r
+		urlTemplate: n
 	});
 	return o({ body: i });
 };
-//#endregion
 export { a as ENTITY, c as createKeyword, o as fetchKeywordListByIds, s as useFetchKeywordList };
 
 //# sourceMappingURL=keywordApi.js.map

package/dist/domains/dam/keyword/api/keywordApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"keywordApi.js","names":["LIST","ENTITY","fetchKeywordListByIds","useApiFetchByIds","SYSTEM_CORE_DAM","endPoint","execute","ids","useFetchKeywordList","useApiFetchList","createKeyword","useApiRequest","data"],"sources":["../../../../../src/domains/dam/keyword/api/keywordApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport type { DamKeyword } from '@/domains/dam/keyword/types/DamKeyword'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport { useApiRequest } from '@/domains/api/composables/useApiRequest'\n\n// The address of the keywords is the application's to say (`endPointKeyword` of its DAM configuration).\nconst LIST = '/ext-system/:extSystemId'\nexport const ENTITY = 'keyword'\n\nexport const fetchKeywordListByIds = (\n  client: () => AxiosInstance,\n  endPoint: string,\n  extSystemId: number,\n  ids: string[]\n) => {\n  const { execute } = useApiFetchByIds<DamKeyword>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + LIST + '/search',\n    urlParams: { extSystemId },\n    isSearchApi: true,\n  })\n\n  return execute(ids)\n}\n\nexport const useFetchKeywordList = (client: () => AxiosInstance, endPoint: string, extSystemId: number) =>\n  useApiFetchList<DamKeyword>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + LIST,\n    urlParams: { extSystemId },\n  })\n\nexport const createKeyword = (client: () => AxiosInstance, endPoint: string, data: DamKeyword) => {\n  const { execute } = useApiRequest<DamKeyword, DamKeyword>({\n    client,\n    method: 'POST',\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint,\n  })\n\n  return execute({ body: data })\n}\n"],"mappings":";;;;;AAQA,IAAMA,IAAO,4BACAC,IAAS,WAETC,KACX,GACA,GACA,GACA,MACG;CACH,IAAM,EAAE,eAAYC,EAA6B;EAC/C;EACA,QAAQC;EACR,QAAQH;EACR,aAAaI,IAAW;EACxB,WAAW,EAAE,eAAY;EACzB,aAAa;CACf,CAAC;CAED,OAAOC,EAAQC,CAAG;AACpB,GAEaC,KAAuB,GAA6B,GAAkB,MACjFC,EAA4B;CAC1B;CACA,QAAQL;CACR,QAAQH;CACR,aAAaI,IAAWL;CACxB,WAAW,EAAE,eAAY;AAC3B,CAAC,GAEUU,KAAiB,GAA6B,GAAkB,MAAqB;CAChG,IAAM,EAAE,eAAYC,EAAsC;EACxD;EACA,QAAQ;EACR,QAAQP;EACR,QAAQH;EACR,aAAaI;CACf,CAAC;CAED,OAAOC,EAAQ,EAAE,MAAMM,EAAK,CAAC;AAC/B"}
+{"version":3,"file":"keywordApi.js","names":["LIST","ENTITY","fetchKeywordListByIds","useApiFetchByIds","SYSTEM_CORE_DAM","endPoint","execute","ids","useFetchKeywordList","useApiFetchList","createKeyword","useApiRequest","data"],"sources":["../../../../../src/domains/dam/keyword/api/keywordApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport type { DamKeyword } from '@/domains/dam/keyword/types/DamKeyword'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport { useApiRequest } from '@/domains/api/composables/useApiRequest'\n\n// The keyword endpoint comes from the application (`endPointKeyword` of its DAM configuration).\nconst LIST = '/ext-system/:extSystemId'\nexport const ENTITY = 'keyword'\n\nexport const fetchKeywordListByIds = (\n  client: () => AxiosInstance,\n  endPoint: string,\n  extSystemId: number,\n  ids: string[]\n) => {\n  const { execute } = useApiFetchByIds<DamKeyword>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + LIST + '/search',\n    urlParams: { extSystemId },\n    isSearchApi: true,\n  })\n\n  return execute(ids)\n}\n\nexport const useFetchKeywordList = (client: () => AxiosInstance, endPoint: string, extSystemId: number) =>\n  useApiFetchList<DamKeyword>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + LIST,\n    urlParams: { extSystemId },\n  })\n\nexport const createKeyword = (client: () => AxiosInstance, endPoint: string, data: DamKeyword) => {\n  const { execute } = useApiRequest<DamKeyword, DamKeyword>({\n    client,\n    method: 'POST',\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint,\n  })\n\n  return execute({ body: data })\n}\n"],"mappings":";;;;;AAQA,IAAMA,IAAO,4BACAC,IAAS,WAETC,KACX,GACA,GACA,GACA,MACG;CACH,IAAM,EAAE,eAAYC,EAA6B;EAC/C;EACA,QAAQC;EACR,QAAQH;EACR,aAAaI,IAAW;EACxB,WAAW,EAAE,eAAY;EACzB,aAAa;CACf,CAAC;CAED,OAAOC,EAAQC,CAAG;AACpB,GAEaC,KAAuB,GAA6B,GAAkB,MACjFC,EAA4B;CAC1B;CACA,QAAQL;CACR,QAAQH;CACR,aAAaI,IAAWL;CACxB,WAAW,EAAE,eAAY;AAC3B,CAAC,GAEUU,KAAiB,GAA6B,GAAkB,MAAqB;CAChG,IAAM,EAAE,eAAYC,EAAsC;EACxD;EACA,QAAQ;EACR,QAAQP;EACR,QAAQH;EACR,aAAaI;CACf,CAAC;CAED,OAAOC,EAAQ,EAAE,MAAMM,EAAK,CAAC;AAC/B"}

package/dist/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.js

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

package/dist/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"DamKeywordFilterRemoteAutocomplete.js","names":["_sfc_main","DamKeywordFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","DamKeywordFilterRemoteAutocomplete_default"],"sources":["../../../../../src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItems, fetchItemsByIds } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n</script>\n\n<template>\n  <AFilterRemoteAutocomplete\n    :name=\"name\"\n    :fetch-items=\"fetchItems\"\n    :fetch-items-by-ids=\"fetchItemsByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"DamKeywordFilterRemoteAutocomplete.js","names":["_sfc_main","DamKeywordFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","DamKeywordFilterRemoteAutocomplete_default"],"sources":["../../../../../src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItems, fetchItemsByIds } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n</script>\n\n<template>\n  <AFilterRemoteAutocomplete\n    :name=\"name\"\n    :fetch-items=\"fetchItems\"\n    :fetch-items-by-ids=\"fetchItemsByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue.d.ts

@@ -2,7 +2,7 @@ import { IntegerId } from '../../../../shared/types/common';
 type __VLS_Props = {
     name: string;
     extSystem: IntegerId;
-    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */
+    /** DAM configuration to use. Defaults to the parent component's, else `default`. */
     configName?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import { FilterInnerConfigKey as e, FilterInnerDataKey as t } from "../../../filters/utils/filterInjectionKeys.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
-import { useKeywordSelectActions as r } from "../composables/keywordActions.js";
-import { useKeywordInnerFilter as i } from "../filter/KeywordFilter.js";
-import a from "../../../remoteAutocomplete/components/AFilterRemoteAutocomplete.js";
+import { useKeywordSelectActions as e } from "../composables/keywordActions.js";
+import { useKeywordInnerFilter as t } from "../filter/KeywordFilter.js";
+import n from "../../../remoteAutocomplete/components/AFilterRemoteAutocomplete.js";
+import { FilterInnerConfigKey as r, FilterInnerDataKey as i } from "../../../filters/utils/filterInjectionKeys.js";
+import { useDamConfigName as a } from "../../composables/damConfigName.js";
 import { createBlock as o, defineComponent as s, openBlock as c, provide as l, unref as u } from "vue";
-//#region src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var d = /*@__PURE__*/ s({
 	__name: "DamKeywordFilterRemoteAutocomplete",
 	props: {
@@ -14,8 +14,8 @@ var d = /*@__PURE__*/ s({
 	},
 	emits: ["change"],
 	setup(s, { emit: d }) {
-		let f = s, p = d, m = n(f.configName), { fetchItems: h, fetchItemsByIds: g } = r(f.extSystem, m), { filterData: _, filterConfig: v } = i();
-		return l(e, v), l(t, _), (e, t) => (c(), o(a, {
+		let f = s, p = d, m = a(f.configName), { fetchItems: h, fetchItemsByIds: g } = e(f.extSystem, m), { filterData: _, filterConfig: v } = t();
+		return l(r, v), l(i, _), (e, t) => (c(), o(n, {
 			name: s.name,
 			"fetch-items": u(h),
 			"fetch-items-by-ids": u(g),
@@ -29,7 +29,6 @@ var d = /*@__PURE__*/ s({
 		]));
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=DamKeywordFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DamKeywordFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AFilterRemoteAutocomplete","_unref","AFilterRemoteAutocomplete_default","DamKeywordFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useKeywordSelectActions","useKeywordInnerFilter","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","filterData","openBlock","createBlock","unref","fetchItems","fetchItemsByIds","_cache"],"sources":["../../../../../src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItems, fetchItemsByIds } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n</script>\n\n<template>\n  <AFilterRemoteAutocomplete\n    :name=\"name\"\n    :fetch-items=\"fetchItems\"\n    :fetch-items-by-ids=\"fetchItemsByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EASA,IAAMO,IAAQC,GAWRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAGjD,EAAE,eAAY,uBAAoBK,EAAwBL,EAAM,WAAWG,CAAa,GAExF,EAAE,eAAY,oBAAiBG,EAAsB;E,OAC3DC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBC,CAAU,I,UAIpClB,EAAA,GAAAC,EAOEC,GAAA;GANC,MAAMM,EAAA;GACN,eAAaL,EAAAmB,CAAA;GACb,sBAAoBnB,EAAAoB,CAAA;GACrB,mBAAgB;GACf,kBAAgB;GAChB,UAAM,AAAAC,EAAA,QAAA,MAAEf,EAAI,QAAA"}
+{"version":3,"file":"DamKeywordFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AFilterRemoteAutocomplete","_unref","AFilterRemoteAutocomplete_default","DamKeywordFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useKeywordSelectActions","useKeywordInnerFilter","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","filterData","openBlock","createBlock","unref","fetchItems","fetchItemsByIds","_cache"],"sources":["../../../../../src/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { provide } from 'vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    extSystem: IntegerId\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItems, fetchItemsByIds } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n</script>\n\n<template>\n  <AFilterRemoteAutocomplete\n    :name=\"name\"\n    :fetch-items=\"fetchItems\"\n    :fetch-items-by-ids=\"fetchItemsByIds\"\n    filter-by-field=\"text\"\n    :filter-sort-by=\"null\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EASA,IAAMO,IAAQC,GAWRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAGjD,EAAE,eAAY,uBAAoBK,EAAwBL,EAAM,WAAWG,CAAa,GAExF,EAAE,eAAY,oBAAiBG,EAAsB;E,OAC3DC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBC,CAAU,I,UAIpClB,EAAA,GAAAC,EAOEC,GAAA;GANC,MAAMM,EAAA;GACN,eAAaL,EAAAmB,CAAA;GACb,sBAAoBnB,EAAAoB,CAAA;GACrB,mBAAgB;GACf,kBAAgB;GAChB,UAAM,AAAAC,EAAA,QAAA,MAAEf,EAAI,QAAA"}

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.js

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

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeywordRemoteAutocompleteCachedKeywordChip.js","names":["_sfc_main","KeywordRemoteAutocompleteCachedKeywordChip_vue_vue_type_script_setup_true_lang_default","KeywordRemoteAutocompleteCachedKeywordChip_default"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    /**\n     * The props of the chip slot of the autocomplete the chip is drawn in: with them, the close of a closable chip\n     * takes its value out of the autocomplete, as Vuetify's own chip does. Without them it only hid the chip.\n     */\n    chipProps?: Record<string, unknown>\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    chipProps: undefined,\n  }\n)\n\nconst { getCachedKeyword, addToCachedKeywords, fetchCachedKeywords, pinCachedKeyword, unpinCachedKeyword } =\n  useDamCachedKeywords(useDamConfigName())\n// The application's queues where it provides them, else the library's store, asked for only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedKeyword(props.id), {\n  // The name the chip shows stays in the cache while it shows it. A chip given its title shows no name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedKeyword,\n  unpin: unpinCachedKeyword,\n  askFor: (id) => {\n    addToCachedKeywords([id])\n    fetchCachedKeywords()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newKeywordNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // A keyword the server did not return has only its id to show.\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      close-label=\"common.button.remove\"\n    >\n      {{ displayTitle }}\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KeywordRemoteAutocompleteCachedKeywordChip.js","names":["_sfc_main","KeywordRemoteAutocompleteCachedKeywordChip_vue_vue_type_script_setup_true_lang_default","KeywordRemoteAutocompleteCachedKeywordChip_default"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    /**\n     * Props of the autocomplete's chip slot. With them, closing a closable chip\n     * removes its value from the autocomplete, as Vuetify's own chip does.\n     * Without them the close only hides the chip.\n     */\n    chipProps?: Record<string, unknown>\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    chipProps: undefined,\n  }\n)\n\nconst { getCachedKeyword, addToCachedKeywords, fetchCachedKeywords, pinCachedKeyword, unpinCachedKeyword } =\n  useDamCachedKeywords(useDamConfigName())\n// Uses the application's queues when provided, else the library's store, created only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedKeyword(props.id), {\n  // Pins the shown name in the cache. A chip given a title shows no cached name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedKeyword,\n  unpin: unpinCachedKeyword,\n  askFor: (id) => {\n    addToCachedKeywords([id])\n    fetchCachedKeywords()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newKeywordNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // A keyword the server did not return has only its id to show.\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      close-label=\"common.button.remove\"\n    >\n      {{ displayTitle }}\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue.d.ts

@@ -8,15 +8,18 @@ type __VLS_Props = {
     size?: string;
     containerClass?: undefined | string;
     /**
-     * The props of the chip slot of the autocomplete the chip is drawn in: with them, the close of a closable chip
-     * takes its value out of the autocomplete, as Vuetify's own chip does. Without them it only hid the chip.
+     * Props of the autocomplete's chip slot. With them, closing a closable chip
+     * removes its value from the autocomplete, as Vuetify's own chip does.
+     * Without them the close only hides the chip.
      */
     chipProps?: Record<string, unknown>;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    empty?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        empty?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     size: string;

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import { isNull as e, isUndefined as t } from "../../../../shared/utils/common.js";
-import { useCachedItem as n } from "../../../cached/composables/useCachedItem.js";
-import { useDamConfigName as r } from "../../composables/damConfigName.js";
-import { useDamCachedKeywords as i } from "../composables/cachedKeywords.js";
-import { UploadQueueSuggestionsKey as a, libraryUploadQueueSuggestions as o } from "../../uploadQueue/components/uploadQueueBindings.js";
+import { useDamCachedKeywords as e } from "../composables/cachedKeywords.js";
+import { UploadQueueSuggestionsKey as t, libraryUploadQueueSuggestions as n } from "../../uploadQueue/components/uploadQueueBindings.js";
+import { isNull as r, isUndefined as i } from "../../../../shared/utils/common.js";
+import { useCachedItem as a } from "../../../cached/composables/useCachedItem.js";
+import { useDamConfigName as o } from "../../composables/damConfigName.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, defineComponent as f, inject as p, mergeProps as m, normalizeClass as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
 import { useI18n as x } from "vue-i18n";
 import { VChip as S } from "vuetify/components/VChip";
 import { VProgressCircular as C } from "vuetify/components/VProgressCircular";
 import { VTooltip as w } from "vuetify/components/VTooltip";
-//#region src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue?vue&type=script&setup=true&lang.ts
 var T = ["title"], E = /*@__PURE__*/ f({
 	__name: "KeywordRemoteAutocompleteCachedKeywordChip",
 	props: {
@@ -28,7 +28,7 @@ var T = ["title"], E = /*@__PURE__*/ f({
 		chipProps: { default: void 0 }
 	},
 	setup(f) {
-		let E = f, { getCachedKeyword: D, addToCachedKeywords: O, fetchCachedKeywords: k, pinCachedKeyword: A, unpinCachedKeyword: j } = i(r()), M = p(a, null) ?? o, { cached: N, loaded: P, unresolved: F } = n(() => D(E.id), {
+		let E = f, { getCachedKeyword: D, addToCachedKeywords: O, fetchCachedKeywords: k, pinCachedKeyword: A, unpinCachedKeyword: j } = e(o()), M = p(t, null) ?? n, { cached: N, loaded: P, unresolved: F } = a(() => D(E.id), {
 			id: () => E.title.length > 0 ? null : E.id,
 			pin: A,
 			unpin: j,
@@ -40,7 +40,7 @@ var T = ["title"], E = /*@__PURE__*/ f({
 			let e = M(E.queueId);
 			if (e && e.newKeywordNames.has(N.value.name)) return "mdi-new-box";
 		}), L = s(() => E.title.length > 0 ? E.title : F.value ? "#" + E.id : N.value ? N.value.name : ""), { t: R } = x();
-		return (n, r) => (g(), u("div", { class: h(f.containerClass) }, [y(e)(f.id) || y(t)(f.id) ? _(n.$slots, "empty", {}, () => [r[0] ||= d("-", -1)], void 0, 0) : f.textOnly ? (g(), u("div", {
+		return (e, t) => (g(), u("div", { class: h(f.containerClass) }, [y(r)(f.id) || y(i)(f.id) ? _(e.$slots, "empty", {}, () => [t[0] ||= d("-", -1)], void 0, 0) : f.textOnly ? (g(), u("div", {
 			key: 1,
 			title: y(F) ? y(R)("common.model.cachedUnavailable") : void 0
 		}, [d(v(L.value) + " ", 1), !y(P) && f.title.length === 0 ? (g(), c(C, {
@@ -81,7 +81,6 @@ var T = ["title"], E = /*@__PURE__*/ f({
 		]))], 2));
 	}
 });
-//#endregion
 export { E as default };
 
 //# sourceMappingURL=KeywordRemoteAutocompleteCachedKeywordChip.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeywordRemoteAutocompleteCachedKeywordChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createTextVNode","_toDisplayString","_createBlock","_component_VProgressCircular","_createCommentVNode","_component_VChip","_mergeProps","_withCtx","_component_VTooltip","_hoisted_1","KeywordRemoteAutocompleteCachedKeywordChip_vue_vue_type_script_setup_true_lang_default","props","__props","useDamCachedKeywords","useDamConfigName","suggestionsOf","inject","UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useCachedItem","getCachedKeyword","pinCachedKeyword","unpinCachedKeyword","addToCachedKeywords","id","fetchCachedKeywords","displayNewIcon","computed","cached","suggestions","displayTitle","unresolved","useI18n","openBlock","createElementBlock","normalizeClass","unref","isNull","isUndefined","renderSlot","_ctx","_cache","createTextVNode","t","toDisplayString","loaded","createBlock","VProgressCircular","createCommentVNode","VChip","mergeProps","withCtx","VTooltip"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    /**\n     * The props of the chip slot of the autocomplete the chip is drawn in: with them, the close of a closable chip\n     * takes its value out of the autocomplete, as Vuetify's own chip does. Without them it only hid the chip.\n     */\n    chipProps?: Record<string, unknown>\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    chipProps: undefined,\n  }\n)\n\nconst { getCachedKeyword, addToCachedKeywords, fetchCachedKeywords, pinCachedKeyword, unpinCachedKeyword } =\n  useDamCachedKeywords(useDamConfigName())\n// The application's queues where it provides them, else the library's store, asked for only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedKeyword(props.id), {\n  // The name the chip shows stays in the cache while it shows it. A chip given its title shows no name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedKeyword,\n  unpin: unpinCachedKeyword,\n  askFor: (id) => {\n    addToCachedKeywords([id])\n    fetchCachedKeywords()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newKeywordNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // A keyword the server did not return has only its id to show.\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      close-label=\"common.button.remove\"\n    >\n      {{ displayTitle }}\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMgB,IAAQC,GA0BR,EAAE,qBAAkB,wBAAqB,wBAAqB,qBAAkB,0BACpFC,EAAqBC,EAAiB,CAAC,GAEnCC,IAAgBC,EAAOC,GAA2B,IAAI,KAAKC,GAE3D,EAAE,WAAQ,WAAQ,kBAAeC,QAAoBC,EAAiBT,EAAM,EAAE,GAAG;GAErF,UAAWA,EAAM,MAAM,SAAS,IAAI,OAAOA,EAAM;GACjD,KAAKU;GACL,OAAOC;GACP,SAAS,MAAO;IAEd,AADAC,EAAoB,CAACC,CAAE,CAAC,GACxBC,EAAoB;GACtB;EACF,CAAC,GAEKC,IAAiBC,QAAe;GACpC,IAAI,CAAChB,EAAM,WAAW,CAACiB,EAAO,OAAO;GACrC,IAAMC,IAAcd,EAAcJ,EAAM,OAAO;GAC/C,IAAKkB,KACDA,EAAY,gBAAgB,IAAID,EAAO,MAAM,IAAI,GAAG,OAAO;EAEjE,CAAC,GAEKE,IAAeH,QACfhB,EAAM,MAAM,SAAS,IAAUA,EAAM,QAErCoB,EAAW,QAAc,MAAMpB,EAAM,KACrCiB,EAAO,QACFA,EAAO,MAAM,OAEf,EACR,GAEK,EAAE,SAAMI,EAAQ;E,kBAIpBrC,EAAA,GAAAC,EAyCM,OAAA,EAzCA,OAAKC,EAAEe,EAAA,cAAc,E,IACTd,EAAAuC,CAAA,CAAM,CAACzB,EAAA,EAAE,KAAKd,EAAAwC,CAAA,CAAW,CAAC1B,EAAA,EAAE,IAC1Cb,EAA2ByC,EAAA,QAAA,SAAA,CAAA,SAAA,CAAR,AAAAC,EAAA,OAAAzC,EAAA,KAAC,EAAA,C,gBAGTY,EAAA,YADbjB,EAAA,GAAAC,EAYM,OAAA;;GAVH,OAAOE,EAAAiC,CAAA,IAAajC,EAAA6C,CAAA,CAAC,CAAA,gCAAA,IAAqC,KAAA;E,IAExD3C,EAAAC,EAAA6B,EAAA,KAAY,IAAG,KAClB,CAAA,GACS,CAAAhC,EAAA+C,CAAA,KAAUjC,EAAA,MAAM,WAAM,KAD/BjB,EAAA,GAAAO,EAMEC,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM;E,4BAGVR,EAAA,GAAAO,EAuBQG,GAvBRC,EAuBQ,EAAA,KAAA,EAAA,GArBEM,EAAA,WAAS;GAChB,MAAMA,EAAA;GACN,eAAac,EAAA;GACb,OAAO,GAAA,gBAAe,KAAA;GACvB,eAAY;;GAEZ,SAAAnB,QAAkB;IAAfP,EAAAC,EAAA6B,EAAA,KAAY,IAAG,KAClB,CAAA;IACQhC,EAAAiC,CAAA,KADRpC,EAAA,GAAAO,EAMWM,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAD,QAAyC,CAAtCP,EAAAC,EAAAH,EAAA6C,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG,CAAA7C,EAAA+C,CAAA,KAAUjC,EAAA,MAAM,WAAM,KAD/BjB,EAAA,GAAAO,EAMEC,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM"}
+{"version":3,"file":"KeywordRemoteAutocompleteCachedKeywordChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createTextVNode","_toDisplayString","_createBlock","_component_VProgressCircular","_createCommentVNode","_component_VChip","_mergeProps","_withCtx","_component_VTooltip","_hoisted_1","KeywordRemoteAutocompleteCachedKeywordChip_vue_vue_type_script_setup_true_lang_default","props","__props","useDamCachedKeywords","useDamConfigName","suggestionsOf","inject","UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useCachedItem","getCachedKeyword","pinCachedKeyword","unpinCachedKeyword","addToCachedKeywords","id","fetchCachedKeywords","displayNewIcon","computed","cached","suggestions","displayTitle","unresolved","useI18n","openBlock","createElementBlock","normalizeClass","unref","isNull","isUndefined","renderSlot","_ctx","_cache","createTextVNode","t","toDisplayString","loaded","createBlock","VProgressCircular","createCommentVNode","VChip","mergeProps","withCtx","VTooltip"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport {\n  libraryUploadQueueSuggestions,\n  UploadQueueSuggestionsKey,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | DocId | undefined\n    title?: string\n    queueId?: string | undefined\n    forceRounded?: boolean\n    textOnly?: boolean\n    size?: string\n    containerClass?: undefined | string\n    /**\n     * Props of the autocomplete's chip slot. With them, closing a closable chip\n     * removes its value from the autocomplete, as Vuetify's own chip does.\n     * Without them the close only hides the chip.\n     */\n    chipProps?: Record<string, unknown>\n  }>(),\n  {\n    queueId: undefined,\n    title: '',\n    forceRounded: false,\n    textOnly: false,\n    size: 'small',\n    containerClass: 'd-inline-flex',\n    chipProps: undefined,\n  }\n)\n\nconst { getCachedKeyword, addToCachedKeywords, fetchCachedKeywords, pinCachedKeyword, unpinCachedKeyword } =\n  useDamCachedKeywords(useDamConfigName())\n// Uses the application's queues when provided, else the library's store, created only when a chip needs it.\nconst suggestionsOf = inject(UploadQueueSuggestionsKey, null) ?? libraryUploadQueueSuggestions\n\nconst { cached, loaded, unresolved } = useCachedItem(() => getCachedKeyword(props.id), {\n  // Pins the shown name in the cache. A chip given a title shows no cached name.\n  id: () => (props.title.length > 0 ? null : props.id),\n  pin: pinCachedKeyword,\n  unpin: unpinCachedKeyword,\n  askFor: (id) => {\n    addToCachedKeywords([id])\n    fetchCachedKeywords()\n  },\n})\n\nconst displayNewIcon = computed(() => {\n  if (!props.queueId || !cached.value) return undefined\n  const suggestions = suggestionsOf(props.queueId)\n  if (!suggestions) return undefined\n  if (suggestions.newKeywordNames.has(cached.value.name)) return 'mdi-new-box'\n  return undefined\n})\n\nconst displayTitle = computed(() => {\n  if (props.title.length > 0) return props.title\n  // A keyword the server did not return has only its id to show.\n  if (unresolved.value) return '#' + props.id\n  if (cached.value) {\n    return cached.value.name\n  }\n  return ''\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div :class=\"containerClass\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else\n      v-bind=\"chipProps\"\n      :size=\"size\"\n      :append-icon=\"displayNewIcon\"\n      :label=\"forceRounded ? undefined : true\"\n      close-label=\"common.button.remove\"\n    >\n      {{ displayTitle }}\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMgB,IAAQC,GA2BR,EAAE,qBAAkB,wBAAqB,wBAAqB,qBAAkB,0BACpFC,EAAqBC,EAAiB,CAAC,GAEnCC,IAAgBC,EAAOC,GAA2B,IAAI,KAAKC,GAE3D,EAAE,WAAQ,WAAQ,kBAAeC,QAAoBC,EAAiBT,EAAM,EAAE,GAAG;GAErF,UAAWA,EAAM,MAAM,SAAS,IAAI,OAAOA,EAAM;GACjD,KAAKU;GACL,OAAOC;GACP,SAAS,MAAO;IAEd,AADAC,EAAoB,CAACC,CAAE,CAAC,GACxBC,EAAoB;GACtB;EACF,CAAC,GAEKC,IAAiBC,QAAe;GACpC,IAAI,CAAChB,EAAM,WAAW,CAACiB,EAAO,OAAO;GACrC,IAAMC,IAAcd,EAAcJ,EAAM,OAAO;GAC/C,IAAKkB,KACDA,EAAY,gBAAgB,IAAID,EAAO,MAAM,IAAI,GAAG,OAAO;EAEjE,CAAC,GAEKE,IAAeH,QACfhB,EAAM,MAAM,SAAS,IAAUA,EAAM,QAErCoB,EAAW,QAAc,MAAMpB,EAAM,KACrCiB,EAAO,QACFA,EAAO,MAAM,OAEf,EACR,GAEK,EAAE,SAAMI,EAAQ;E,kBAIpBrC,EAAA,GAAAC,EAyCM,OAAA,EAzCA,OAAKC,EAAEe,EAAA,cAAc,E,IACTd,EAAAuC,CAAA,CAAM,CAACzB,EAAA,EAAE,KAAKd,EAAAwC,CAAA,CAAW,CAAC1B,EAAA,EAAE,IAC1Cb,EAA2ByC,EAAA,QAAA,SAAA,CAAA,SAAA,CAAR,AAAAC,EAAA,OAAAzC,EAAA,KAAC,EAAA,C,gBAGTY,EAAA,YADbjB,EAAA,GAAAC,EAYM,OAAA;;GAVH,OAAOE,EAAAiC,CAAA,IAAajC,EAAA6C,CAAA,CAAC,CAAA,gCAAA,IAAqC,KAAA;E,IAExD3C,EAAAC,EAAA6B,EAAA,KAAY,IAAG,KAClB,CAAA,GACS,CAAAhC,EAAA+C,CAAA,KAAUjC,EAAA,MAAM,WAAM,KAD/BjB,EAAA,GAAAO,EAMEC,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM;E,4BAGVR,EAAA,GAAAO,EAuBQG,GAvBRC,EAuBQ,EAAA,KAAA,EAAA,GArBEM,EAAA,WAAS;GAChB,MAAMA,EAAA;GACN,eAAac,EAAA;GACb,OAAO,GAAA,gBAAe,KAAA;GACvB,eAAY;;GAEZ,SAAAnB,QAAkB;IAAfP,EAAAC,EAAA6B,EAAA,KAAY,IAAG,KAClB,CAAA;IACQhC,EAAAiC,CAAA,KADRpC,EAAA,GAAAO,EAMWM,GAAA;;KAJT,WAAU;KACV,UAAS;;KAET,SAAAD,QAAyC,CAAtCP,EAAAC,EAAAH,EAAA6C,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;;IAGG,CAAA7C,EAAA+C,CAAA,KAAUjC,EAAA,MAAM,WAAM,KAD/BjB,EAAA,GAAAO,EAMEC,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM"}

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.js

@@ -1,9 +1,8 @@
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-import t from "./KeywordRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js";
+import e from "./KeywordRemoteAutocompleteWithCached.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                                    */
-//#region src/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a1e96a4c"]]);
-//#endregion
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+// src/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-976c0e76"]]);
 export { n as default };
 
 //# sourceMappingURL=KeywordRemoteAutocompleteWithCached.js.map

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeywordRemoteAutocompleteWithCached.js","names":["_sfc_main","_plugin_vue_export_helper_default","KeywordRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","KeywordRemoteAutocompleteWithCached_default"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport {\n  useCachedKeywordsForRemoteAutocomplete,\n  useDamCachedKeywords,\n} from '@/domains/dam/keyword/composables/cachedKeywords'\nimport type { DamKeyword } from '@/domains/dam/keyword/types/DamKeyword'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteCachedKeywordChip from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue'\nimport { createKeyword } from '@/domains/dam/keyword/api/keywordApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamKeywordFactory } from '@/domains/dam/keyword/factory/KeywordFactory'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** While disabled: the chips of the keywords (today's library), or the input switched off. */\n    disabledAs?: DamFieldsDisabledAs\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\nconst { damClient, endPointKeyword, keywordCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(keywordCreateAcl ?? undefined)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\nif (isUndefined(configExtSystem)) {\n  throw new Error('KeywordRemoteAutocompleteWithCached: Ext system must be initialised.')\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\nconst addNewKeywordText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewKeywordText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedKeywords } = useDamCachedKeywords(damConfigName)\n// The cache of its configuration, which the inner input takes once.\nconst useCachedOfName = () => useCachedKeywordsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (keyword: DamKeyword) => {\n  addManualToCachedKeywords(keyword)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, keyword.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = keyword.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst { showErrorsDefault } = useAlerts()\nconst { createDefault } = useDamKeywordFactory()\n\nconst createOrSelectKeyword = async (name: string) => {\n  const keywordCreate = createDefault(props.extSystem, true)\n  keywordCreate.name = removeLastComma(name)\n  if (keywordCreate.name.length < 2) return\n  try {\n    const keywordRes = await createKeyword(damClient, endPointKeyword, keywordCreate)\n    afterCreate(keywordRes)\n  } catch (error) {\n    showErrorsDefault(error)\n  }\n}\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  createOrSelectKeyword(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  createOrSelectKeyword(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <KeywordRemoteAutocompleteCachedKeywordChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <KeywordRemoteAutocompleteCachedKeywordChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :data-cy=\"dataCy\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.keyword.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <KeywordRemoteAutocompleteCachedKeywordChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!-- Only the close of the slot's chip: its other props (`onMousedown`) would keep a press on the chip from\n        opening the list, as it does. -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <KeywordRemoteAutocompleteCachedKeywordChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-keywords-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewKeywordText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-keywords-append-item {\n  position: sticky;\n  bottom: 0;\n  // The menu's own surface: a white bar sat in the dark theme's menu.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"KeywordRemoteAutocompleteWithCached.js","names":["_sfc_main","KeywordRemoteAutocompleteWithCached_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","KeywordRemoteAutocompleteWithCached_default"],"sources":["../../../../../src/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { computed, provide, ref } from 'vue'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport useVuelidate from '@vuelidate/core'\nimport { useKeywordSelectActions } from '@/domains/dam/keyword/composables/keywordActions'\nimport {\n  useCachedKeywordsForRemoteAutocomplete,\n  useDamCachedKeywords,\n} from '@/domains/dam/keyword/composables/cachedKeywords'\nimport type { DamKeyword } from '@/domains/dam/keyword/types/DamKeyword'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport AFormRemoteAutocompleteWithCached from '@/domains/remoteAutocomplete/components/AFormRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteCachedKeywordChip from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteCachedKeywordChip.vue'\nimport { createKeyword } from '@/domains/dam/keyword/api/keywordApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamKeywordFactory } from '@/domains/dam/keyword/factory/KeywordFactory'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useKeywordInnerFilter } from '@/domains/dam/keyword/filter/KeywordFilter'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useAclAllowed } from '@/domains/auth/composables/aclAllowed'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DocId | null | DocId[] | any\n    extSystem: IntegerId\n    queueId?: string | undefined\n    label?: string | undefined\n    required?: boolean | null\n    disabled?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    dataCy?: string\n    validationScope?: ValidationScope\n    /** How it looks while disabled: keyword chips (current library behaviour), or the input switched off. */\n    disabledAs?: DamFieldsDisabledAs\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    label: undefined,\n    queueId: undefined,\n    required: null,\n    disabled: undefined,\n    multiple: false,\n    clearable: false,\n    dataCy: undefined,\n    validationScope: undefined,\n    disabledAs: 'chips',\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DocId | null | DocId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    emit('update:modelValue', [...newValue])\n  },\n})\n\nconst search = ref<string>('')\nconst loadingLocal = ref(false)\nconst fetchedItemsMinimal = ref<Map<IntegerId | DocId, any>>(new Map())\n\nconst requiredComputed = computed(() => !!props.required)\n\nconst { requiredIf } = useValidate()\n\nconst rules = {\n  modelValueComputed: {\n    required: requiredIf(requiredComputed),\n  },\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\nconst { damClient, endPointKeyword, keywordCreateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst createAllowed = useAclAllowed(keywordCreateAcl ?? undefined)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\nif (isUndefined(configExtSystem)) {\n  throw new Error('KeywordRemoteAutocompleteWithCached: Ext system must be initialised.')\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { fetchItemsMinimal } = useKeywordSelectActions(props.extSystem, damConfigName)\n\nconst { filterData, filterConfig } = useKeywordInnerFilter()\nprovide(FilterInnerConfigKey, filterConfig)\nprovide(FilterInnerDataKey, filterData)\n\nconst addNewKeywordText = ref('')\n\nconst searchChange = (newValue: string) => {\n  if (newValue.length > 0) addNewKeywordText.value = removeLastComma(newValue)\n}\n\nconst { addManualToCachedKeywords } = useDamCachedKeywords(damConfigName)\n// The inner input reads this cache only once.\nconst useCachedOfName = () => useCachedKeywordsForRemoteAutocomplete(damConfigName)\n\nconst afterCreate = (keyword: DamKeyword) => {\n  addManualToCachedKeywords(keyword)\n  if (isArray(modelValueComputed.value)) {\n    modelValueComputed.value = [...modelValueComputed.value, keyword.id]\n    search.value = ''\n    return\n  }\n  modelValueComputed.value = keyword.id\n  search.value = ''\n}\n\nconst itemSlotIsSelected = (item: DocId) => {\n  if (isArray(modelValueComputed.value)) {\n    return modelValueComputed.value.includes(item)\n  } else if (modelValueComputed.value) {\n    return modelValueComputed.value === item\n  }\n  return false\n}\n\nconst { showErrorsDefault } = useAlerts()\nconst { createDefault } = useDamKeywordFactory()\n\nconst createOrSelectKeyword = async (name: string) => {\n  const keywordCreate = createDefault(props.extSystem, true)\n  keywordCreate.name = removeLastComma(name)\n  if (keywordCreate.name.length < 2) return\n  try {\n    const keywordRes = await createKeyword(damClient, endPointKeyword, keywordCreate)\n    afterCreate(keywordRes)\n  } catch (error) {\n    showErrorsDefault(error)\n  }\n}\n\nconst removeLastComma = (value: string) => {\n  if (value.endsWith(',')) return value.slice(0, -1)\n  return value\n}\n\nconst onEnterKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  createOrSelectKeyword(value)\n}\n\nconst onCommaKeyup = () => {\n  if (!createAllowed.value) return\n  const value = removeLastComma(search.value)\n  createOrSelectKeyword(value)\n}\n\nconst showAdd = computed(() => {\n  if (!createAllowed.value) return false\n  if (loadingLocal.value) return false\n  if (search.value.length < 2 || search.value.length > 255) return false\n  if (fetchedItemsMinimal.value.size === 0) return true\n  return ![...fetchedItemsMinimal.value.values()].some(\n    (item) => item.name?.toLowerCase() === search.value!.toLowerCase()\n  )\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <ARow\n      v-if=\"disabled && disabledAs === 'chips' && multiple\"\n      :title=\"label\"\n    >\n      <KeywordRemoteAutocompleteCachedKeywordChip\n        v-for=\"id in modelValueComputed\"\n        :id=\"id\"\n        :key=\"id\"\n        :queue-id=\"queueId\"\n        force-rounded\n        class=\"mr-1 mb-1\"\n      />\n    </ARow>\n    <ARow\n      v-else-if=\"disabled && disabledAs === 'chips' && !multiple\"\n      :title=\"label\"\n    >\n      <KeywordRemoteAutocompleteCachedKeywordChip\n        :id=\"modelValueComputed\"\n        :key=\"modelValueComputed\"\n        :queue-id=\"queueId\"\n        force-rounded\n      />\n    </ARow>\n    <AFormRemoteAutocompleteWithCached\n      v-else\n      v-model=\"modelValueComputed\"\n      v-model:search=\"search\"\n      v-model:loading-local=\"loadingLocal\"\n      v-model:fetched-items-minimal=\"fetchedItemsMinimal\"\n      :use-cached=\"useCachedOfName\"\n      :v=\"v$\"\n      :required=\"requiredComputed\"\n      :label=\"label\"\n      :fetch-items-minimal=\"fetchItemsMinimal\"\n      :multiple=\"multiple\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled || undefined\"\n      filter-by-field=\"text\"\n      :filter-sort-by=\"null\"\n      item-title=\"name\"\n      item-value=\"id\"\n      :data-cy=\"dataCy\"\n      :min-search-chars=\"2\"\n      min-search-text=\"common.damImage.keyword.filterMinChars\"\n      @search-change=\"searchChange\"\n      @keyup.enter=\"onEnterKeyup\"\n      @keyup.,=\"onCommaKeyup\"\n    >\n      <template #item=\"{ props: itemSlotProps, item: itemSlotItem }\">\n        <VListItem\n          v-if=\"itemSlotItem\"\n          v-bind=\"itemSlotProps\"\n          @click.prevent=\"\"\n        >\n          <template\n            v-if=\"multiple\"\n            #prepend\n          >\n            <VCheckboxBtn\n              :model-value=\"itemSlotIsSelected(itemSlotItem.value)\"\n              :ripple=\"false\"\n            />\n          </template>\n          <template #title>\n            <KeywordRemoteAutocompleteCachedKeywordChip\n              :id=\"itemSlotItem.value\"\n              :key=\"itemSlotItem.value\"\n              :queue-id=\"queueId\"\n              :title=\"itemSlotItem.title\"\n              text-only\n            />\n          </template>\n        </VListItem>\n      </template>\n      <!--\n        Pass only the chip's close. Its other props (`onMousedown`)\n        would stop a press on the chip from opening the list.\n      -->\n      <template #chip=\"{ props: chipSlotProps, item: chipSlotItem }\">\n        <KeywordRemoteAutocompleteCachedKeywordChip\n          v-if=\"chipSlotItem\"\n          :id=\"chipSlotItem.value\"\n          :key=\"chipSlotItem.value\"\n          :chip-props=\"{ 'onClick:close': chipSlotProps['onClick:close'] }\"\n          :queue-id=\"queueId\"\n          :title=\"chipSlotItem.title\"\n          force-rounded\n        />\n      </template>\n      <template #append-item>\n        <VListItem\n          v-if=\"showAdd\"\n          class=\"a-keywords-append-item\"\n        >\n          <ABtnSecondary\n            size=\"small\"\n            :text=\"addNewKeywordText\"\n            prepend-icon=\"mdi-plus-circle\"\n            @click.stop=\"onCommaKeyup\"\n          />\n        </VListItem>\n      </template>\n    </AFormRemoteAutocompleteWithCached>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-keywords-append-item {\n  position: sticky;\n  bottom: 0;\n  // Use the menu surface color. A white bar showed in the dark theme.\n  background-color: rgb(var(--v-theme-surface));\n  transform: translateY(8px);\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue.d.ts

@@ -12,9 +12,9 @@ type __VLS_Props = {
     clearable?: boolean;
     dataCy?: string;
     validationScope?: ValidationScope;
-    /** While disabled: the chips of the keywords (today's library), or the input switched off. */
+    /** How it looks while disabled: keyword chips (current library behaviour), or the input switched off. */
     disabledAs?: DamFieldsDisabledAs;
-    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */
+    /** DAM configuration to use. Defaults to the parent component's, else `default`. */
     configName?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {