@anzusystems/common-admin 1.47.0-beta.dev-1790143991 → 2.0.0-rc.1

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

@@ -0,0 +1,114 @@
+import { isUndefined as e } from "../../../../shared/utils/common.js";
+import { DamAssetStatus as t, DamAssetType as n } from "../../types/Asset.js";
+import r from "../../../../assets/image/placeholder16x9.js";
+import i from "../../assetDetail/components/AssetImageMetaIcons.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeStyle as d, openBlock as f, unref as p } from "vue";
+import { VIcon as m } from "vuetify/components/VIcon";
+//#region src/domains/dam/assetSelect/components/AssetImagePreview.vue?vue&type=script&setup=true&lang.ts
+var h = [
+	"src",
+	"width",
+	"height"
+], g = {
+	key: 0,
+	class: "anzu-common-asset-image__icon-wrapper"
+}, _ = {
+	key: 0,
+	class: "asset-image__icon-wrapper"
+}, v = /*@__PURE__*/ u({
+	__name: "AssetImagePreview",
+	props: {
+		src: { default: void 0 },
+		assetType: { default: n.Image },
+		assetStatus: { default: t.WithFile },
+		backgroundColor: { default: "#ccc" },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		fallbackHeight: { default: 200 },
+		iconSize: { default: 80 },
+		iconColor: { default: "#505050" },
+		showMetaIcons: {
+			type: Boolean,
+			default: !1
+		},
+		assetFileProperties: { default: void 0 }
+	},
+	emits: ["error"],
+	setup(u, { emit: v }) {
+		let y = u, b = v, x = () => {
+			b("error");
+		}, S = a(() => {
+			if (y.assetStatus === t.Deleting) return "mdi-trash-can";
+			switch (y.assetType) {
+				case n.Audio: return y.assetStatus === t.WithFile ? "mdi-music" : "mdi-music-off";
+				case n.Document: return y.assetStatus === t.WithFile ? "mdi-note" : "mdi-note-off";
+				case n.Video: return y.assetStatus === t.WithFile ? "mdi-video" : "mdi-video-off";
+				case n.Image: return y.assetStatus === t.WithFile ? "mdi-image" : "mdi-image-off";
+				default: return "";
+			}
+		}), C = a(() => e(y.src) ? r : y.src), w = a(() => !(y.assetType === n.Image && y.src));
+		return (e, n) => u.assetStatus === p(t).WithFile && u.src ? (f(), c("div", {
+			key: 0,
+			class: "anzu-common-asset-image anzu-common-asset-image--img position-relative",
+			style: d({ width: u.width + "px" })
+		}, [
+			l("img", {
+				class: "anzu-common-asset-image__img",
+				src: C.value,
+				width: u.width,
+				height: u.height,
+				alt: "",
+				loading: "lazy",
+				style: d("background-color:" + u.backgroundColor),
+				onOnerror: x
+			}, null, 44, h),
+			w.value ? (f(), c("div", g, [l("div", {
+				class: "anzu-common-asset-image__icon-circle",
+				style: d({ padding: u.iconSize / 4 + "px" })
+			}, [S.value.length ? (f(), o(m, {
+				key: 0,
+				size: u.iconSize,
+				icon: S.value,
+				color: u.iconColor,
+				class: "anzu-common-asset-image__icon"
+			}, null, 8, [
+				"size",
+				"icon",
+				"color"
+			])) : s("", !0)], 4)])) : s("", !0),
+			u.showMetaIcons && u.assetFileProperties ? (f(), o(i, {
+				key: 1,
+				"asset-file-properties": u.assetFileProperties,
+				"asset-type": u.assetType
+			}, null, 8, ["asset-file-properties", "asset-type"])) : s("", !0)
+		], 4)) : (f(), c("div", {
+			key: 1,
+			style: d([{
+				height: u.fallbackHeight + "px",
+				backgroundColor: u.backgroundColor
+			}, { width: "100%" }]),
+			class: "asset-image asset-image--placeholder d-flex align-center justify-center"
+		}, [w.value ? (f(), c("div", _, [l("div", {
+			class: "asset-image__icon-circle",
+			style: d({ padding: u.iconSize / 4 + "px" })
+		}, [S.value.length ? (f(), o(m, {
+			key: 0,
+			size: u.iconSize,
+			icon: S.value,
+			color: u.iconColor,
+			class: "asset-image__icon"
+		}, null, 8, [
+			"size",
+			"icon",
+			"color"
+		])) : s("", !0)], 4)])) : s("", !0), u.showMetaIcons && u.assetFileProperties ? (f(), o(i, {
+			key: 1,
+			"asset-file-properties": u.assetFileProperties,
+			"asset-type": u.assetType
+		}, null, 8, ["asset-file-properties", "asset-type"])) : s("", !0)], 4));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=AssetImagePreview.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetImagePreview.vue_vue_type_script_setup_true_lang.js","names":["placeholder16x9","_unref","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createBlock","_component_VIcon","_createCommentVNode","AssetImageMetaIcons","placeholder16x9_default","AssetImageMetaIcons_default","_hoisted_1","_hoisted_2","_hoisted_3","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","DamAssetType","DamAssetStatus","__emit","props","__props","emit","onError","icon","computed","srcComputed","isUndefined","showIconComputed","unref","openBlock","createElementBlock","normalizeStyle","createElementVNode","createBlock","VIcon","createCommentVNode","\"width\""],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    src?: string\n    assetType?: DamAssetTypeType\n    assetStatus?: DamAssetStatusType\n    backgroundColor?: string\n    width?: number\n    height?: number\n    fallbackHeight?: number\n    iconSize?: number\n    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\n  }>(),\n  {\n    assetType: DamAssetType.Image,\n    assetStatus: DamAssetStatus.WithFile,\n    src: undefined,\n    backgroundColor: '#ccc',\n    width: undefined,\n    height: undefined,\n    fallbackHeight: 200,\n    iconSize: 80,\n    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\n\nconst onError = () => {\n  emit('error')\n}\n\nconst icon = computed(() => {\n  if (props.assetStatus === DamAssetStatus.Deleting) return 'mdi-trash-can'\n  switch (props.assetType) {\n    case DamAssetType.Audio:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-music' : 'mdi-music-off'\n    case DamAssetType.Document:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-note' : 'mdi-note-off'\n    case DamAssetType.Video:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-video' : 'mdi-video-off'\n    case DamAssetType.Image:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-image' : 'mdi-image-off'\n    default:\n      return ''\n  }\n})\n\nconst srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"anzu-common-asset-image__icon\"\n        />\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\n    class=\"asset-image asset-image--placeholder d-flex align-center justify-center\"\n  >\n    <div\n      v-if=\"showIconComputed\"\n      class=\"asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"asset-image__icon\"\n        />\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GA4BRC,IAAOH,GAIPI,UAAgB;GACpB,EAAK,OAAO;EACd,GAEMC,IAAOC,QAAe;GAC1B,IAAIL,EAAM,gBAAgBF,EAAe,UAAU,OAAO;GAC1D,QAAQE,EAAM,WAAd;IACE,KAAKH,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,KAAKD,EAAa,UAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,aAAa;IACtE,KAAKD,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,KAAKD,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,SACE,OAAO;GACX;EACF,CAAC,GAEKQ,IAAcD,QACXE,EAAYP,EAAM,GAAG,IAAInB,IAAkBmB,EAAM,GACzD,GAEKQ,IAAmBH,QACvB,EAAIL,EAAM,cAAcH,EAAa,SAASG,EAAM,IAErD;E,iBAKSC,EAAA,gBAAgBnB,EAAAgB,CAAA,CAAc,CAAC,YAAYG,EAAA,OADnDlB,EAAA,GAAAC,EAqCM,OAAA;;GAnCJ,OAAM;GACL,OAAKC,EAAA,EAAA,OAAWgB,EAAA,QAAK,KAAA,CAAA;;GAEtBf,EASE,OAAA;IARA,OAAM;IACL,KAAKoB,EAAA;IACL,OAAOL,EAAA;IACP,QAAQA,EAAA;IACT,KAAI;IACJ,SAAQ;IACP,OAAKhB,EAAA,sBAAwBgB,EAAA,eAAe;IAC5C,WAASE;;GAGJK,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNU,GAgBM,CAZJR,EAWM,OAAA;IAVJ,OAAM;IACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;G,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;IAJC,MAAMa,EAAA;IACN,MAAMG,EAAA;IACN,OAAOH,EAAA;IACR,OAAM;;;;;;GAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAIEG,GAAA;;IAFC,yBAAuBW,EAAA;IACvB,cAAYA,EAAA;;E,UAGjBlB,EAAA,GAAAC,EA4BM,OAAA;;GA1BH,OAAKC,EAAA,CAAA;IAAA,QAAYgB,EAAA,iBAAc;IAAA,iBAA0BA,EAAA;GAAe,GACzE,EAAAgB,OAAA,OAAA,CAAmB,CAAA;GACnB,OAAM;E,IAGET,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNW,GAgBM,CAZJT,EAWM,OAAA;GAVJ,OAAM;GACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;E,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;GAJC,MAAMa,EAAA;GACN,MAAMG,EAAA;GACN,OAAOH,EAAA;GACR,OAAM;;;;;E,qCAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAIEG,GAAA;;GAFC,yBAAuBW,EAAA;GACvB,cAAYA,EAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectFilter.js","names":["_sfc_main","AssetSelectFilter_vue_vue_type_script_setup_true_lang_default","AssetSelectFilter_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { computed, onMounted, provide, watch } from 'vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapperSubjectSelect from '@/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { t } = useI18n()\nconst { mdAndDown } = useDisplay()\nconst { closeSidebarLeft } = useSidebar()\nconst { fetchAssetListDebounced, resetAssetList, pagination } = useAssetSelectActions(damConfigName)\n\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, selectConfig } = storeToRefs(assetSelectStore)\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 componentComputed = computed(() => {\n  switch (assetSelectStore.assetType) {\n    default:\n      return AssetSelectFilterForm\n  }\n})\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonMounted(() => {\n  fetchAssetListDebounced()\n})\n</script>\n\n<template>\n  <div class=\"subject-select-filter\">\n    <div class=\"subject-select-filter__content\">\n      <AFilterWrapperSubjectSelect\n        @submit=\"submitFilterAction\"\n        @reset=\"resetFilterAction\"\n      >\n        <template #detail>\n          <VRow v-if=\"selectConfig.length > 1\">\n            <VCol :cols=\"12\">\n              <VSelect\n                v-model=\"selectedLicenceId\"\n                :label=\"t('common.assetSelect.filter.licence')\"\n                :items=\"selectConfig\"\n                item-title=\"licenceName\"\n                item-value=\"licence\"\n                hide-details\n              />\n            </VCol>\n          </VRow>\n          <component\n            :is=\"componentComputed\"\n            :enabled-filters=\"assetListEnabledFilters\"\n            :config-name=\"damConfigName\"\n          />\n        </template>\n        <VRow v-if=\"selectConfig.length > 1\">\n          <VCol :cols=\"12\">\n            <VSelect\n              v-model=\"selectedLicenceId\"\n              :label=\"t('common.assetSelect.filter.licence')\"\n              :items=\"selectConfig\"\n              item-title=\"licenceName\"\n              item-value=\"licence\"\n            />\n          </VCol>\n        </VRow>\n        <component\n          :is=\"componentComputed\"\n          :enabled-filters=\"assetListEnabledFilters\"\n          :config-name=\"damConfigName\"\n        />\n      </AFilterWrapperSubjectSelect>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,90 @@
+import { FilterConfigKey as e, FilterDataKey as t } from "../../../filters/utils/filterInjectionKeys.js";
+import { useFilterHelpers as n } from "../../../filters/composables/filterFactory.js";
+import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.js";
+import { useAssetListFilter as a } from "../filter/AssetFilter.js";
+import { useAssetSelectStore as o } from "../store/assetSelectStore.js";
+import { useSidebar as s } from "../composables/assetSelectFilterSidebar.js";
+import { useAssetSelectActions as c } from "../composables/assetSelectListActions.js";
+import l from "./AssetSelectFilterForm.js";
+import u from "../../../subjectSelect/components/AFilterWrapperSubjectSelect.js";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, isRef as v, onMounted as y, openBlock as b, provide as x, resolveDynamicComponent as S, unref as C, watch as w, withCtx as T } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { VCol as D, VRow as O } from "vuetify/components/VGrid";
+import { useDisplay as k } from "vuetify";
+import { storeToRefs as A } from "pinia";
+import { VSelect as j } from "vuetify/components/VSelect";
+//#region src/domains/dam/assetSelect/components/AssetSelectFilter.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "subject-select-filter" }, N = { class: "subject-select-filter__content" }, P = /*@__PURE__*/ _({
+	__name: "AssetSelectFilter",
+	props: { configName: { default: void 0 } },
+	setup(_) {
+		let P = i(_.configName), { assetListEnabledFilters: F } = r(P), { t: I } = E(), { mdAndDown: L } = k(), { closeSidebarLeft: R } = s(), { fetchAssetListDebounced: z, resetAssetList: B, pagination: V } = c(P), H = o(), { selectedLicenceId: U, selectConfig: W } = A(H), { filterData: G, filterConfig: K } = a();
+		x(e, K), x(t, G);
+		let { resetFilter: q, submitFilter: J } = n(G, K, {
+			populateUrlParams: !1,
+			storeFiltersLocalStorage: !1
+		}), Y = () => {
+			J(V, z), L.value && R();
+		}, X = () => {
+			q(V, B), L.value && R();
+		}, Z = d(() => (H.assetType, l));
+		return w(U, (e, t) => {
+			e !== t && X();
+		}), y(() => {
+			z();
+		}), (e, t) => (b(), m("div", M, [h("div", N, [g(u, {
+			onSubmit: Y,
+			onReset: X
+		}, {
+			detail: T(() => [C(W).length > 1 ? (b(), f(O, { key: 0 }, {
+				default: T(() => [g(D, { cols: 12 }, {
+					default: T(() => [g(j, {
+						modelValue: C(U),
+						"onUpdate:modelValue": t[0] ||= (e) => v(U) ? U.value = e : null,
+						label: C(I)("common.assetSelect.filter.licence"),
+						items: C(W),
+						"item-title": "licenceName",
+						"item-value": "licence",
+						"hide-details": ""
+					}, null, 8, [
+						"modelValue",
+						"label",
+						"items"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})) : p("", !0), (b(), f(S(Z.value), {
+				"enabled-filters": C(F),
+				"config-name": C(P)
+			}, null, 8, ["enabled-filters", "config-name"]))]),
+			default: T(() => [C(W).length > 1 ? (b(), f(O, { key: 0 }, {
+				default: T(() => [g(D, { cols: 12 }, {
+					default: T(() => [g(j, {
+						modelValue: C(U),
+						"onUpdate:modelValue": t[1] ||= (e) => v(U) ? U.value = e : null,
+						label: C(I)("common.assetSelect.filter.licence"),
+						items: C(W),
+						"item-title": "licenceName",
+						"item-value": "licence"
+					}, null, 8, [
+						"modelValue",
+						"label",
+						"items"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})) : p("", !0), (b(), f(S(Z.value), {
+				"enabled-filters": C(F),
+				"config-name": C(P)
+			}, null, 8, ["enabled-filters", "config-name"]))]),
+			_: 1
+		})])]));
+	}
+});
+//#endregion
+export { P as default };
+
+//# sourceMappingURL=AssetSelectFilter.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectFilter.vue_vue_type_script_setup_true_lang.js","names":["props","AssetSelectFilterForm","_openBlock","_createElementBlock","_createElementVNode","_createVNode","AFilterWrapperSubjectSelect","_withCtx","_unref","_createBlock","_component_VRow","_component_VCol","_component_VSelect","_isRef","_createCommentVNode","_resolveDynamicComponent","AssetSelectFilterForm_default","AFilterWrapperSubjectSelect_default","_hoisted_1","_hoisted_2","AssetSelectFilter_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useCommonAdminCoreDamOptions","useI18n","useDisplay","useSidebar","useAssetSelectActions","assetSelectStore","useAssetSelectStore","storeToRefs","useAssetListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useFilterHelpers","submitFilterAction","submitFilter","pagination","fetchAssetListDebounced","mdAndDown","closeSidebarLeft","resetFilterAction","resetFilter","resetAssetList","componentComputed","computed","watch","selectedLicenceId","newValue","oldValue","onMounted","openBlock","createElementBlock","createElementVNode","createVNode","withCtx","unref","selectConfig","createBlock","VRow","VCol","VSelect","_cache","isRef","$event","t","createCommentVNode","resolveDynamicComponent","assetListEnabledFilters"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { computed, onMounted, provide, watch } from 'vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapperSubjectSelect from '@/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { t } = useI18n()\nconst { mdAndDown } = useDisplay()\nconst { closeSidebarLeft } = useSidebar()\nconst { fetchAssetListDebounced, resetAssetList, pagination } = useAssetSelectActions(damConfigName)\n\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, selectConfig } = storeToRefs(assetSelectStore)\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 componentComputed = computed(() => {\n  switch (assetSelectStore.assetType) {\n    default:\n      return AssetSelectFilterForm\n  }\n})\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonMounted(() => {\n  fetchAssetListDebounced()\n})\n</script>\n\n<template>\n  <div class=\"subject-select-filter\">\n    <div class=\"subject-select-filter__content\">\n      <AFilterWrapperSubjectSelect\n        @submit=\"submitFilterAction\"\n        @reset=\"resetFilterAction\"\n      >\n        <template #detail>\n          <VRow v-if=\"selectConfig.length > 1\">\n            <VCol :cols=\"12\">\n              <VSelect\n                v-model=\"selectedLicenceId\"\n                :label=\"t('common.assetSelect.filter.licence')\"\n                :items=\"selectConfig\"\n                item-title=\"licenceName\"\n                item-value=\"licence\"\n                hide-details\n              />\n            </VCol>\n          </VRow>\n          <component\n            :is=\"componentComputed\"\n            :enabled-filters=\"assetListEnabledFilters\"\n            :config-name=\"damConfigName\"\n          />\n        </template>\n        <VRow v-if=\"selectConfig.length > 1\">\n          <VCol :cols=\"12\">\n            <VSelect\n              v-model=\"selectedLicenceId\"\n              :label=\"t('common.assetSelect.filter.licence')\"\n              :items=\"selectConfig\"\n              item-title=\"licenceName\"\n              item-value=\"licence\"\n            />\n          </VCol>\n        </VRow>\n        <component\n          :is=\"componentComputed\"\n          :enabled-filters=\"assetListEnabledFilters\"\n          :config-name=\"damConfigName\"\n        />\n      </AFilterWrapperSubjectSelect>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAyBA,IAAMqB,IAAgBC,EAAiBtB,EAAM,UAAU,GAEjD,EAAE,+BAA4BwB,EAA6BH,CAAa,GAExE,EAAE,SAAMI,EAAQ,GAChB,EAAE,iBAAcC,EAAW,GAC3B,EAAE,wBAAqBC,EAAW,GAClC,EAAE,4BAAyB,mBAAgB,kBAAeC,EAAsBP,CAAa,GAE7FQ,IAAmBC,EAAoB,GACvC,EAAE,sBAAmB,oBAAiBC,EAAYF,CAAgB,GAElE,EAAE,eAAY,oBAAiBG,EAAmB;EAExD,AADAC,EAAQC,GAAiBC,CAAY,GACrCF,EAAQG,GAAeC,CAAU;EAEjC,IAAM,EAAE,gBAAa,oBAAiBC,EAAiBD,GAAYF,GAAc;GAC/E,mBAAmB;GACnB,0BAA0B;EAC5B,CAAC,GAEKI,UAA2B;GAE/B,AADAC,EAAaC,GAAYC,CAAuB,GAC5CC,EAAU,SAAOC,EAAiB;EACxC,GAEMC,UAA0B;GAE9B,AADAC,EAAYL,GAAYM,CAAc,GAClCJ,EAAU,SAAOC,EAAiB;EACxC,GAEMI,IAAoBC,SAChBpB,EAAiB,WAEd5B,EAEZ;E,OAEDiD,EAAMC,IAAoB,GAAU,MAAa;GAC/C,AAAIC,MAAaC,KACjBR,EAAkB;EACpB,CAAC,GAEDS,QAAgB;GACd,EAAwB;EAC1B,CAAC,I,UAICpD,EAAA,GAAAC,EA2CM,OA3CNe,GA2CM,CA1CJd,EAyCM,OAzCNe,GAyCM,CAxCJd,EAuC8BC,GAAA;GAtC3B,UAAQiC;GACR,SAAOM;;GAEG,QAAMtC,QAYR,CAXKC,EAAAqD,CAAA,CAAY,CAAC,SAAM,KAA/B3D,EAAA,GAAAO,EAWOC,GAAA,EAAA,KAAA,EAAA,GAAA;IAVL,SAAAH,QASO,CATPF,EASOM,GAAA,EATA,MAAM,GAAE,GAAA;KACb,SAAAJ,QAOE,CAPFF,EAOEO,GAAA;MANS,YAAAJ,EAAA2C,CAAA;MAAA,uBAAA,AAAAe,EAAA,QAAA,MAAArD,EAAAsC,CAAA,IAAA,EAAiB,QAAAiB,IAAA;MACzB,OAAO5D,EAAA6D,CAAA,CAAC,CAAA,mCAAA;MACR,OAAO7D,EAAAqD,CAAA;MACR,cAAW;MACX,cAAW;MACX,gBAAA;;;;;;;;;G,kBAIN3D,EAAA,GAAAO,EAIEM,EAHKiC,EAAA,KAAiB,GAAA;IACrB,mBAAiBxC,EAAAgE,CAAA;IACjB,eAAahE,EAAAa,CAAA;;GAGlB,SAAAd,QAUO,CAVKC,EAAAqD,CAAA,CAAY,CAAC,SAAM,KAA/B3D,EAAA,GAAAO,EAUOC,GAAA,EAAA,KAAA,EAAA,GAAA;IATL,SAAAH,QAQO,CARPF,EAQOM,GAAA,EARA,MAAM,GAAE,GAAA;KACb,SAAAJ,QAME,CANFF,EAMEO,GAAA;MALS,YAAAJ,EAAA2C,CAAA;MAAA,uBAAA,AAAAe,EAAA,QAAA,MAAArD,EAAAsC,CAAA,IAAA,EAAiB,QAAAiB,IAAA;MACzB,OAAO5D,EAAA6D,CAAA,CAAC,CAAA,mCAAA;MACR,OAAO7D,EAAAqD,CAAA;MACR,cAAW;MACX,cAAW;;;;;;;;;G,kBAIjB3D,EAAA,GAAAO,EAIEM,EAHKiC,EAAA,KAAiB,GAAA;IACrB,mBAAiBxC,EAAAgE,CAAA;IACjB,eAAahE,EAAAa,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectFilterForm.js","names":["_sfc_main","AssetSelectFilterForm_vue_vue_type_script_setup_true_lang_default","AssetSelectFilterForm_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectFilterForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { computed, watch } from 'vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport AFilterBooleanSelect from '@/domains/filters/components/AFilterBooleanSelect.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport DamKeywordFilterRemoteAutocomplete from '@/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport DamAuthorFilterRemoteAutocomplete from '@/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue'\nimport DamUserFilterRemoteAutocomplete from '@/domains/dam/user/components/DamUserFilterRemoteAutocomplete.vue'\nimport AssetDistributionServiceNameFilter from '@/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport FilterPodcastRemoteAutocomplete from '@/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.vue'\nimport AFilterTimeInterval from '@/domains/filters/components/AFilterTimeInterval.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    cols?: number | string\n    useConfigLayout?: boolean\n    hideTextSearch?: boolean\n    enabledFilters?: string[] | undefined\n    configName?: string\n  }>(),\n  {\n    cols: 12,\n    useConfigLayout: false,\n    hideTextSearch: false,\n    enabledFilters: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { filterData, filterConfig } = useAssetSelectActions(damConfigName)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst isFilterEnabled = (name: string) => {\n  const filters = props.enabledFilters ?? assetListEnabledFilters\n  if (!filters) return true\n  return filters.includes(name)\n}\n\nconst colProps = (name: keyof typeof filterConfig.fields) => {\n  if (!props.useConfigLayout) {\n    return { cols: props.cols }\n  }\n  const render = filterConfig.fields[name]?.render\n  return {\n    cols: render?.xs || 12,\n    sm: render?.sm || 6,\n    md: render?.md || 4,\n    lg: render?.lg || 3,\n    xl: render?.xl || 2,\n  }\n}\n\nconst assetSelectStore = useAssetSelectStore()\nconst { selectConfig, selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\n\nconst extSystem = computed<IntegerId | undefined>(() => {\n  const found = selectConfig.value.find((config) => config.licence === selectedLicenceId.value)\n  if (found) {\n    return found.extSystem\n  }\n  return undefined\n})\n\nwatch(extSystem, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    filterData.keywordIds = []\n    filterData.authorIds = []\n  }\n})\n</script>\n\n<template>\n  <VRow>\n    <VCol\n      v-if=\"!hideTextSearch && isFilterEnabled('text')\"\n      v-bind=\"colProps('text')\"\n    >\n      <AFilterString name=\"text\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('assetAndMainFileIds')\"\n      v-bind=\"colProps('assetAndMainFileIds')\"\n    >\n      <AFilterString name=\"assetAndMainFileIds\" />\n    </VCol>\n    <template v-if=\"extSystem\">\n      <VCol\n        v-if=\"isFilterEnabled('keywordIds')\"\n        v-bind=\"colProps('keywordIds')\"\n      >\n        <DamKeywordFilterRemoteAutocomplete\n          :key=\"extSystem\"\n          name=\"keywordIds\"\n          :ext-system=\"extSystem\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"isFilterEnabled('authorIds')\"\n        v-bind=\"colProps('authorIds')\"\n      >\n        <DamAuthorFilterRemoteAutocomplete\n          :key=\"extSystem\"\n          name=\"authorIds\"\n          :ext-system=\"extSystem\"\n        />\n      </VCol>\n    </template>\n    <VCol\n      v-if=\"isFilterEnabled('createdByIds')\"\n      v-bind=\"colProps('createdByIds')\"\n    >\n      <DamUserFilterRemoteAutocomplete name=\"createdByIds\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('described')\"\n      v-bind=\"colProps('described')\"\n    >\n      <AFilterBooleanSelect name=\"described\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('visible')\"\n      v-bind=\"colProps('visible')\"\n    >\n      <AFilterBooleanSelect name=\"visible\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('generatedBySystem')\"\n      v-bind=\"colProps('generatedBySystem')\"\n    >\n      <AFilterBooleanSelect name=\"generatedBySystem\" />\n    </VCol>\n    <VCol\n      v-if=\"\n        (assetType === DamAssetType.Audio || assetType === DamAssetType.Video) &&\n        isFilterEnabled('distributedInServices')\n      \"\n      v-bind=\"colProps('distributedInServices')\"\n    >\n      <AssetDistributionServiceNameFilter\n        :key=\"selectedLicenceId\"\n        name=\"distributedInServices\"\n      />\n    </VCol>\n    <VCol\n      v-if=\"assetType === DamAssetType.Audio && isFilterEnabled('podcastIds')\"\n      v-bind=\"colProps('podcastIds')\"\n    >\n      <FilterPodcastRemoteAutocomplete\n        :key=\"selectedLicenceId\"\n        :licence-id=\"selectedLicenceId\"\n        name=\"podcastIds\"\n      />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('createdAtFrom')\"\n      v-bind=\"colProps('createdAtFrom')\"\n    >\n      <AFilterTimeInterval\n        name-from=\"createdAtFrom\"\n        name-until=\"createdAtUntil\"\n      />\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    cols?: number | string;
+    useConfigLayout?: boolean;
+    hideTextSearch?: boolean;
+    enabledFilters?: string[] | undefined;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    cols: string | number;
+    configName: string;
+    useConfigLayout: boolean;
+    hideTextSearch: boolean;
+    enabledFilters: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,124 @@
+import { DamAssetType as e } from "../../types/Asset.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import { useAssetSelectStore as r } from "../store/assetSelectStore.js";
+import { useAssetSelectActions as i } from "../composables/assetSelectListActions.js";
+import a from "../../../filters/components/AFilterBooleanSelect.js";
+import o from "../../../filters/components/AFilterString.js";
+import s from "../../keyword/components/DamKeywordFilterRemoteAutocomplete.js";
+import c from "../../author/components/DamAuthorFilterRemoteAutocomplete.js";
+import l from "../../user/components/DamUserFilterRemoteAutocomplete.js";
+import u from "./AssetDistributionServiceNameFilter.js";
+import d from "./FilterPodcastRemoteAutocomplete.js";
+import f from "../../../filters/components/AFilterTimeInterval.js";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeProps as x, openBlock as S, unref as C, watch as w, withCtx as T } from "vue";
+import { VCol as E, VRow as D } from "vuetify/components/VGrid";
+import { storeToRefs as O } from "pinia";
+//#region src/domains/dam/assetSelect/components/AssetSelectFilterForm.vue?vue&type=script&setup=true&lang.ts
+var k = /*@__PURE__*/ y({
+	__name: "AssetSelectFilterForm",
+	props: {
+		cols: { default: 12 },
+		useConfigLayout: {
+			type: Boolean,
+			default: !1
+		},
+		hideTextSearch: {
+			type: Boolean,
+			default: !1
+		},
+		enabledFilters: { default: void 0 },
+		configName: { default: void 0 }
+	},
+	setup(y) {
+		let k = y, A = n(k.configName), { filterData: j, filterConfig: M } = i(A), { assetListEnabledFilters: N } = t(A), P = (e) => {
+			let t = k.enabledFilters ?? N;
+			return !t || t.includes(e);
+		}, F = (e) => {
+			if (!k.useConfigLayout) return { cols: k.cols };
+			let t = M.fields[e]?.render;
+			return {
+				cols: t?.xs || 12,
+				sm: t?.sm || 6,
+				md: t?.md || 4,
+				lg: t?.lg || 3,
+				xl: t?.xl || 2
+			};
+		}, I = r(), { selectConfig: L, selectedLicenceId: R, assetType: z } = O(I), B = m(() => {
+			let e = L.value.find((e) => e.licence === R.value);
+			if (e) return e.extSystem;
+		});
+		return w(B, (e, t) => {
+			e !== t && (j.keywordIds = [], j.authorIds = []);
+		}), (t, n) => (S(), h(D, null, {
+			default: T(() => [
+				!y.hideTextSearch && P("text") ? (S(), h(E, x(b({ key: 0 }, F("text"))), {
+					default: T(() => [v(o, { name: "text" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				P("assetAndMainFileIds") ? (S(), h(E, x(b({ key: 1 }, F("assetAndMainFileIds"))), {
+					default: T(() => [v(o, { name: "assetAndMainFileIds" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				B.value ? (S(), _(p, { key: 2 }, [P("keywordIds") ? (S(), h(E, x(b({ key: 0 }, F("keywordIds"))), {
+					default: T(() => [(S(), h(s, {
+						key: B.value,
+						name: "keywordIds",
+						"ext-system": B.value
+					}, null, 8, ["ext-system"]))]),
+					_: 1
+				}, 16)) : g("", !0), P("authorIds") ? (S(), h(E, x(b({ key: 1 }, F("authorIds"))), {
+					default: T(() => [(S(), h(c, {
+						key: B.value,
+						name: "authorIds",
+						"ext-system": B.value
+					}, null, 8, ["ext-system"]))]),
+					_: 1
+				}, 16)) : g("", !0)], 64)) : g("", !0),
+				P("createdByIds") ? (S(), h(E, x(b({ key: 3 }, F("createdByIds"))), {
+					default: T(() => [v(l, { name: "createdByIds" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				P("described") ? (S(), h(E, x(b({ key: 4 }, F("described"))), {
+					default: T(() => [v(a, { name: "described" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				P("visible") ? (S(), h(E, x(b({ key: 5 }, F("visible"))), {
+					default: T(() => [v(a, { name: "visible" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				P("generatedBySystem") ? (S(), h(E, x(b({ key: 6 }, F("generatedBySystem"))), {
+					default: T(() => [v(a, { name: "generatedBySystem" })]),
+					_: 1
+				}, 16)) : g("", !0),
+				(C(z) === C(e).Audio || C(z) === C(e).Video) && P("distributedInServices") ? (S(), h(E, x(b({ key: 7 }, F("distributedInServices"))), {
+					default: T(() => [(S(), h(u, {
+						key: C(R),
+						name: "distributedInServices"
+					}))]),
+					_: 1
+				}, 16)) : g("", !0),
+				C(z) === C(e).Audio && P("podcastIds") ? (S(), h(E, x(b({ key: 8 }, F("podcastIds"))), {
+					default: T(() => [(S(), h(d, {
+						key: C(R),
+						"licence-id": C(R),
+						name: "podcastIds"
+					}, null, 8, ["licence-id"]))]),
+					_: 1
+				}, 16)) : g("", !0),
+				P("createdAtFrom") ? (S(), h(E, x(b({ key: 9 }, F("createdAtFrom"))), {
+					default: T(() => [v(f, {
+						"name-from": "createdAtFrom",
+						"name-until": "createdAtUntil"
+					})]),
+					_: 1
+				}, 16)) : g("", !0)
+			]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=AssetSelectFilterForm.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectFilterForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VRow","_withCtx","_component_VCol","_normalizeProps","_mergeProps","_createVNode","AFilterString","_createCommentVNode","_createElementBlock","_Fragment","DamKeywordFilterRemoteAutocomplete","DamAuthorFilterRemoteAutocomplete","DamUserFilterRemoteAutocomplete","AFilterBooleanSelect","_unref","AssetDistributionServiceNameFilter","FilterPodcastRemoteAutocomplete","AFilterTimeInterval","AFilterBooleanSelect_default","AFilterString_default","DamKeywordFilterRemoteAutocomplete_default","DamAuthorFilterRemoteAutocomplete_default","DamUserFilterRemoteAutocomplete_default","AssetDistributionServiceNameFilter_default","FilterPodcastRemoteAutocomplete_default","AFilterTimeInterval_default","AssetSelectFilterForm_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useAssetSelectActions","useCommonAdminCoreDamOptions","isFilterEnabled","filters","assetListEnabledFilters","name","colProps","render","filterConfig","assetSelectStore","useAssetSelectStore","storeToRefs","extSystem","computed","found","selectConfig","config","selectedLicenceId","watch","newValue","oldValue","openBlock","createBlock","VRow","withCtx","VCol","normalizeProps","mergeProps","createVNode","createCommentVNode","createElementBlock","Fragment","unref","assetType","DamAssetType"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectFilterForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport { computed, watch } from 'vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport AFilterBooleanSelect from '@/domains/filters/components/AFilterBooleanSelect.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport DamKeywordFilterRemoteAutocomplete from '@/domains/dam/keyword/components/DamKeywordFilterRemoteAutocomplete.vue'\nimport type { IntegerId } from '@/shared/types/common'\nimport DamAuthorFilterRemoteAutocomplete from '@/domains/dam/author/components/DamAuthorFilterRemoteAutocomplete.vue'\nimport DamUserFilterRemoteAutocomplete from '@/domains/dam/user/components/DamUserFilterRemoteAutocomplete.vue'\nimport AssetDistributionServiceNameFilter from '@/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport FilterPodcastRemoteAutocomplete from '@/domains/dam/assetSelect/components/FilterPodcastRemoteAutocomplete.vue'\nimport AFilterTimeInterval from '@/domains/filters/components/AFilterTimeInterval.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    cols?: number | string\n    useConfigLayout?: boolean\n    hideTextSearch?: boolean\n    enabledFilters?: string[] | undefined\n    configName?: string\n  }>(),\n  {\n    cols: 12,\n    useConfigLayout: false,\n    hideTextSearch: false,\n    enabledFilters: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { filterData, filterConfig } = useAssetSelectActions(damConfigName)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst isFilterEnabled = (name: string) => {\n  const filters = props.enabledFilters ?? assetListEnabledFilters\n  if (!filters) return true\n  return filters.includes(name)\n}\n\nconst colProps = (name: keyof typeof filterConfig.fields) => {\n  if (!props.useConfigLayout) {\n    return { cols: props.cols }\n  }\n  const render = filterConfig.fields[name]?.render\n  return {\n    cols: render?.xs || 12,\n    sm: render?.sm || 6,\n    md: render?.md || 4,\n    lg: render?.lg || 3,\n    xl: render?.xl || 2,\n  }\n}\n\nconst assetSelectStore = useAssetSelectStore()\nconst { selectConfig, selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\n\nconst extSystem = computed<IntegerId | undefined>(() => {\n  const found = selectConfig.value.find((config) => config.licence === selectedLicenceId.value)\n  if (found) {\n    return found.extSystem\n  }\n  return undefined\n})\n\nwatch(extSystem, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    filterData.keywordIds = []\n    filterData.authorIds = []\n  }\n})\n</script>\n\n<template>\n  <VRow>\n    <VCol\n      v-if=\"!hideTextSearch && isFilterEnabled('text')\"\n      v-bind=\"colProps('text')\"\n    >\n      <AFilterString name=\"text\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('assetAndMainFileIds')\"\n      v-bind=\"colProps('assetAndMainFileIds')\"\n    >\n      <AFilterString name=\"assetAndMainFileIds\" />\n    </VCol>\n    <template v-if=\"extSystem\">\n      <VCol\n        v-if=\"isFilterEnabled('keywordIds')\"\n        v-bind=\"colProps('keywordIds')\"\n      >\n        <DamKeywordFilterRemoteAutocomplete\n          :key=\"extSystem\"\n          name=\"keywordIds\"\n          :ext-system=\"extSystem\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"isFilterEnabled('authorIds')\"\n        v-bind=\"colProps('authorIds')\"\n      >\n        <DamAuthorFilterRemoteAutocomplete\n          :key=\"extSystem\"\n          name=\"authorIds\"\n          :ext-system=\"extSystem\"\n        />\n      </VCol>\n    </template>\n    <VCol\n      v-if=\"isFilterEnabled('createdByIds')\"\n      v-bind=\"colProps('createdByIds')\"\n    >\n      <DamUserFilterRemoteAutocomplete name=\"createdByIds\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('described')\"\n      v-bind=\"colProps('described')\"\n    >\n      <AFilterBooleanSelect name=\"described\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('visible')\"\n      v-bind=\"colProps('visible')\"\n    >\n      <AFilterBooleanSelect name=\"visible\" />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('generatedBySystem')\"\n      v-bind=\"colProps('generatedBySystem')\"\n    >\n      <AFilterBooleanSelect name=\"generatedBySystem\" />\n    </VCol>\n    <VCol\n      v-if=\"\n        (assetType === DamAssetType.Audio || assetType === DamAssetType.Video) &&\n        isFilterEnabled('distributedInServices')\n      \"\n      v-bind=\"colProps('distributedInServices')\"\n    >\n      <AssetDistributionServiceNameFilter\n        :key=\"selectedLicenceId\"\n        name=\"distributedInServices\"\n      />\n    </VCol>\n    <VCol\n      v-if=\"assetType === DamAssetType.Audio && isFilterEnabled('podcastIds')\"\n      v-bind=\"colProps('podcastIds')\"\n    >\n      <FilterPodcastRemoteAutocomplete\n        :key=\"selectedLicenceId\"\n        :licence-id=\"selectedLicenceId\"\n        name=\"podcastIds\"\n      />\n    </VCol>\n    <VCol\n      v-if=\"isFilterEnabled('createdAtFrom')\"\n      v-bind=\"colProps('createdAtFrom')\"\n    >\n      <AFilterTimeInterval\n        name-from=\"createdAtFrom\"\n        name-until=\"createdAtUntil\"\n      />\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSelectListBar.js","names":["_sfc_main","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","AssetSelectListBar_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// The pagination is shared by every asset select, so a dialog can open on a sort chosen in another one.\n// The ordering then adopts it, and that adoption must not reach the parent as a change -- it would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,51 @@
+import { DamAssetTypeType } from '../../types/Asset';
+import { DatatableOrderingOption } from '../../../filters/datatable/utils/datatableColumns';
+type __VLS_Props = {
+    showTypes?: boolean;
+    disableSort?: boolean;
+    hideFilterToggle?: boolean;
+    preselectAssetType?: DamAssetTypeType | undefined;
+    preselectInPodcast?: boolean | null | undefined;
+};
+type __VLS_ModelProps = {
+    'sort'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_90: {}, __VLS_92: {};
+type __VLS_Slots = {} & {
+    'second-bar'?: (props: typeof __VLS_7) => any;
+} & {
+    'second-bar-left'?: (props: typeof __VLS_90) => any;
+} & {
+    'second-bar-right'?: (props: typeof __VLS_92) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sort": (value: number) => any;
+} & {
+    sortByChange: (data: DatatableOrderingOption) => any;
+    typeChange: (data: {
+        type: DamAssetTypeType;
+        inPodcast: boolean | null;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSortByChange?: ((data: DatatableOrderingOption) => any) | undefined;
+    onTypeChange?: ((data: {
+        type: DamAssetTypeType;
+        inPodcast: boolean | null;
+    }) => any) | undefined;
+    "onUpdate:sort"?: ((value: number) => any) | undefined;
+}>, {
+    showTypes: boolean;
+    disableSort: boolean;
+    hideFilterToggle: boolean;
+    preselectAssetType: DamAssetTypeType;
+    preselectInPodcast: boolean | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};