@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/AccessibilityModal-Bk-lyxlI.mjs

@@ -0,0 +1,119 @@
+import { computed, createBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeStyle, onBeforeMount, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { VSwatches } from "vue3-swatches";
+import "vue3-swatches/dist/style.css";
+import FormatFontSizeIncreaseIcon from "vue-material-design-icons/FormatFontSizeIncrease.vue";
+import FormatFontSizeDecreaseIcon from "vue-material-design-icons/FormatFontSizeDecrease.vue";
+//#region src/components/display/accessibility/AccessibilityModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex gap-3 flex-wrap mb-3" };
+var _hoisted_2 = { class: "d-flex flex-nowrap align-items-center flex-grow-1" };
+var _hoisted_3 = { class: "form-label me-3" };
+var _hoisted_4 = { class: "d-flex flex-nowrap align-items-center flex-grow-1" };
+var _hoisted_5 = { class: "form-label me-3" };
+var _hoisted_6 = { class: "d-flex align-items-center flex-nowrap mb-3" };
+var _hoisted_7 = {
+	class: "form-label me-3",
+	for: "accessibility-font-size"
+};
+var _hoisted_8 = ["disabled"];
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = { class: "form-label mt-3" };
+//#endregion
+//#region src/components/display/accessibility/AccessibilityModal.vue
+var AccessibilityModal_default = /* @__PURE__ */ defineComponent({
+	__name: "AccessibilityModal",
+	emits: ["close", "save"],
+	setup(__props, { emit: __emit }) {
+		const ClassicModalInBody = defineAsyncComponent(() => import("./ClassicModalInBody-Dq9PBoaB.mjs"));
+		const emit = __emit;
+		const fontSize = ref(16);
+		const background = ref("white");
+		const color = ref("black");
+		const { t } = useI18n();
+		const isMaxSize = computed(() => fontSize.value >= 30);
+		const isMinSize = computed(() => fontSize.value <= 16);
+		const stylePreview = computed(() => "font-size:" + fontSize.value + "px; background:" + background.value + "; color:" + color.value);
+		onBeforeMount(() => initAccessibility());
+		function initAccessibility() {
+			const actualFontSize = getComputedStyle(document.documentElement).getPropertyValue("--octopus-accessibility-font-size");
+			fontSize.value = isNaN(parseInt(actualFontSize.slice(0, -2), 10)) ? 16 : parseInt(actualFontSize.slice(0, -2), 10);
+			background.value = getComputedStyle(document.documentElement).getPropertyValue("--octopus-accessibility-background");
+			color.value = getComputedStyle(document.documentElement).getPropertyValue("--octopus-accessibility-color");
+		}
+		function closePopup() {
+			emit("close");
+		}
+		function decreaseFontSize() {
+			if (!isMinSize.value) fontSize.value -= 2;
+		}
+		function increaseFontSize() {
+			if (!isMaxSize.value) fontSize.value += 2;
+		}
+		function saveData() {
+			emit("save", {
+				fontSize: fontSize.value,
+				background: background.value,
+				color: color.value
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ClassicModalInBody), {
+				"id-modal": "accessibility-modal",
+				"title-modal": unref(t)("Transcript Accessibility"),
+				onClose: closePopup
+			}, {
+				body: withCtx(() => [
+					createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Choose background color")), 1), createVNode(unref(VSwatches), {
+						"model-value": background.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => background.value = $event),
+						class: "c-hand",
+						"show-fallback": "",
+						"fallback-input-type": "color",
+						colors: "text-advanced",
+						"popover-x": "left",
+						"data-color": color.value
+					}, null, 8, ["model-value", "data-color"])]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Choose text color")), 1), createVNode(unref(VSwatches), {
+						"model-value": color.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => color.value = $event),
+						class: "c-hand",
+						"show-fallback": "",
+						"fallback-input-type": "color",
+						colors: "text-advanced",
+						"popover-x": "left",
+						"data-color": color.value
+					}, null, 8, ["model-value", "data-color"])])]),
+					createElementVNode("div", _hoisted_6, [
+						createElementVNode("label", _hoisted_7, toDisplayString(unref(t)("Font size")), 1),
+						createElementVNode("button", {
+							class: "btn me-3",
+							disabled: isMinSize.value,
+							onClick: decreaseFontSize
+						}, [createVNode(FormatFontSizeDecreaseIcon, { size: 44 })], 8, _hoisted_8),
+						createElementVNode("button", {
+							class: "btn",
+							disabled: isMaxSize.value,
+							onClick: increaseFontSize
+						}, [createVNode(FormatFontSizeIncreaseIcon, { size: 44 })], 8, _hoisted_9)
+					]),
+					createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("Preview")), 1),
+					createElementVNode("div", {
+						class: "border p-2 mb-3",
+						style: normalizeStyle(stylePreview.value)
+					}, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", 4)
+				]),
+				footer: withCtx(() => [createElementVNode("button", {
+					class: "btn m-1",
+					onClick: closePopup
+				}, toDisplayString(unref(t)("No")), 1), createElementVNode("button", {
+					class: "btn btn-primary m-1",
+					onClick: saveData
+				}, toDisplayString(unref(t)("Save")), 1)]),
+				_: 1
+			}, 8, ["title-modal"]);
+		};
+	}
+});
+//#endregion
+export { AccessibilityModal_default as default };
+
+//# sourceMappingURL=AccessibilityModal-Bk-lyxlI.mjs.map

package/dist/AccessibilityModal-Bk-lyxlI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityModal-Bk-lyxlI.mjs","names":[],"sources":["../src/components/display/accessibility/AccessibilityModal.vue","../src/components/display/accessibility/AccessibilityModal.vue"],"sourcesContent":["<template>\n  <ClassicModalInBody\n    id-modal=\"accessibility-modal\"\n    :title-modal=\"t('Transcript Accessibility')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex gap-3 flex-wrap mb-3\">\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose background color') }}</div>\n          <VSwatches\n            v-model:model-value=\"background\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose text color') }}</div> \n          <VSwatches\n            v-model:model-value=\"color\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n      </div>\n\n      <div class=\"d-flex align-items-center flex-nowrap mb-3\">\n        <label class=\"form-label me-3\" for=\"accessibility-font-size\">{{ t('Font size') }}</label> \n        <button class=\"btn me-3\" :disabled=\"isMinSize\" @click=\"decreaseFontSize\"><FormatFontSizeDecreaseIcon :size=\"44\"/></button>\n        <button class=\"btn\" :disabled=\"isMaxSize\" @click=\"increaseFontSize\"><FormatFontSizeIncreaseIcon :size=\"44\"/></button>\n      </div>\n    \n      <div class=\"form-label mt-3\">{{ t('Preview') }}</div>\n      <div class=\"border p-2 mb-3\" :style=\"stylePreview\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        @click=\"saveData\"\n      >\n        {{ t(\"Save\") }}\n      </button>\n    </template>\n  </ClassicModalInBody>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport FormatFontSizeIncreaseIcon from \"vue-material-design-icons/FormatFontSizeIncrease.vue\";\nimport FormatFontSizeDecreaseIcon from \"vue-material-design-icons/FormatFontSizeDecrease.vue\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModalInBody = defineAsyncComponent(\n  () => import(\"../../misc/modal/ClassicModalInBody.vue\"),\n);\n\n//Emits\nconst emit = defineEmits([\"close\", \"save\"]);\n\n//Data \nconst fontSize = ref(16);\nconst background = ref(\"white\");\nconst color = ref(\"black\");\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst isMaxSize = computed(() => fontSize.value>=30);\nconst isMinSize = computed(() => fontSize.value<=16);\nconst stylePreview = computed(() => 'font-size:'+fontSize.value+'px; background:'+background.value+'; color:'+color.value);\n\nonBeforeMount(()=>initAccessibility())\n\n//Methods\nfunction initAccessibility(){\n  const actualFontSize = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-font-size');\n  fontSize.value = isNaN(parseInt(actualFontSize.slice(0, -2), 10)) ? 16 :parseInt(actualFontSize.slice(0, -2), 10);\n  background.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-background');\n  color.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-color');\n}\nfunction closePopup() {\n  emit(\"close\");\n}\nfunction decreaseFontSize(){\n  if(!isMinSize.value){\n    fontSize.value -=2;\n  }\n}\nfunction increaseFontSize(){\n  if(!isMaxSize.value){\n    fontSize.value +=2;\n  }\n}\nfunction saveData(){\n  emit('save', {\n    fontSize: fontSize.value,\n    background: background.value,\n    color: color.value,\n  });\n}\n</script>\n<style lang=\"scss\">\n.octopus-app #accessibility-modal .octopus-modal-body{\n  min-height: 400px;\n  .gap-3{\n    gap:1rem;\n  }\n}\n</style>\n","<template>\n  <ClassicModalInBody\n    id-modal=\"accessibility-modal\"\n    :title-modal=\"t('Transcript Accessibility')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex gap-3 flex-wrap mb-3\">\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose background color') }}</div>\n          <VSwatches\n            v-model:model-value=\"background\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose text color') }}</div> \n          <VSwatches\n            v-model:model-value=\"color\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n      </div>\n\n      <div class=\"d-flex align-items-center flex-nowrap mb-3\">\n        <label class=\"form-label me-3\" for=\"accessibility-font-size\">{{ t('Font size') }}</label> \n        <button class=\"btn me-3\" :disabled=\"isMinSize\" @click=\"decreaseFontSize\"><FormatFontSizeDecreaseIcon :size=\"44\"/></button>\n        <button class=\"btn\" :disabled=\"isMaxSize\" @click=\"increaseFontSize\"><FormatFontSizeIncreaseIcon :size=\"44\"/></button>\n      </div>\n    \n      <div class=\"form-label mt-3\">{{ t('Preview') }}</div>\n      <div class=\"border p-2 mb-3\" :style=\"stylePreview\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        @click=\"saveData\"\n      >\n        {{ t(\"Save\") }}\n      </button>\n    </template>\n  </ClassicModalInBody>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport FormatFontSizeIncreaseIcon from \"vue-material-design-icons/FormatFontSizeIncrease.vue\";\nimport FormatFontSizeDecreaseIcon from \"vue-material-design-icons/FormatFontSizeDecrease.vue\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModalInBody = defineAsyncComponent(\n  () => import(\"../../misc/modal/ClassicModalInBody.vue\"),\n);\n\n//Emits\nconst emit = defineEmits([\"close\", \"save\"]);\n\n//Data \nconst fontSize = ref(16);\nconst background = ref(\"white\");\nconst color = ref(\"black\");\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst isMaxSize = computed(() => fontSize.value>=30);\nconst isMinSize = computed(() => fontSize.value<=16);\nconst stylePreview = computed(() => 'font-size:'+fontSize.value+'px; background:'+background.value+'; color:'+color.value);\n\nonBeforeMount(()=>initAccessibility())\n\n//Methods\nfunction initAccessibility(){\n  const actualFontSize = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-font-size');\n  fontSize.value = isNaN(parseInt(actualFontSize.slice(0, -2), 10)) ? 16 :parseInt(actualFontSize.slice(0, -2), 10);\n  background.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-background');\n  color.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-color');\n}\nfunction closePopup() {\n  emit(\"close\");\n}\nfunction decreaseFontSize(){\n  if(!isMinSize.value){\n    fontSize.value -=2;\n  }\n}\nfunction increaseFontSize(){\n  if(!isMaxSize.value){\n    fontSize.value +=2;\n  }\n}\nfunction saveData(){\n  emit('save', {\n    fontSize: fontSize.value,\n    background: background.value,\n    color: color.value,\n  });\n}\n</script>\n<style lang=\"scss\">\n.octopus-app #accessibility-modal .octopus-modal-body{\n  min-height: 400px;\n  .gap-3{\n    gap:1rem;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AccessibilityModal-DqRtmHwG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityModal-DqRtmHwG.mjs","names":[],"sources":["../src/components/display/accessibility/AccessibilityModal.vue","../src/components/display/accessibility/AccessibilityModal.vue"],"sourcesContent":["<template>\n  <ClassicModalInBody\n    id-modal=\"accessibility-modal\"\n    :title-modal=\"t('Transcript Accessibility')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex gap-3 flex-wrap mb-3\">\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose background color') }}</div>\n          <VSwatches\n            v-model:model-value=\"background\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose text color') }}</div> \n          <VSwatches\n            v-model:model-value=\"color\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n      </div>\n\n      <div class=\"d-flex align-items-center flex-nowrap mb-3\">\n        <label class=\"form-label me-3\" for=\"accessibility-font-size\">{{ t('Font size') }}</label> \n        <button class=\"btn me-3\" :disabled=\"isMinSize\" @click=\"decreaseFontSize\"><FormatFontSizeDecreaseIcon :size=\"44\"/></button>\n        <button class=\"btn\" :disabled=\"isMaxSize\" @click=\"increaseFontSize\"><FormatFontSizeIncreaseIcon :size=\"44\"/></button>\n      </div>\n    \n      <div class=\"form-label mt-3\">{{ t('Preview') }}</div>\n      <div class=\"border p-2 mb-3\" :style=\"stylePreview\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        @click=\"saveData\"\n      >\n        {{ t(\"Save\") }}\n      </button>\n    </template>\n  </ClassicModalInBody>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport FormatFontSizeIncreaseIcon from \"vue-material-design-icons/FormatFontSizeIncrease.vue\";\nimport FormatFontSizeDecreaseIcon from \"vue-material-design-icons/FormatFontSizeDecrease.vue\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModalInBody = defineAsyncComponent(\n  () => import(\"../../misc/modal/ClassicModalInBody.vue\"),\n);\n\n//Emits\nconst emit = defineEmits([\"close\", \"save\"]);\n\n//Data \nconst fontSize = ref(16);\nconst background = ref(\"white\");\nconst color = ref(\"black\");\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst isMaxSize = computed(() => fontSize.value>=30);\nconst isMinSize = computed(() => fontSize.value<=16);\nconst stylePreview = computed(() => 'font-size:'+fontSize.value+'px; background:'+background.value+'; color:'+color.value);\n\nonBeforeMount(()=>initAccessibility())\n\n//Methods\nfunction initAccessibility(){\n  const actualFontSize = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-font-size');\n  fontSize.value = isNaN(parseInt(actualFontSize.slice(0, -2), 10)) ? 16 :parseInt(actualFontSize.slice(0, -2), 10);\n  background.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-background');\n  color.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-color');\n}\nfunction closePopup() {\n  emit(\"close\");\n}\nfunction decreaseFontSize(){\n  if(!isMinSize.value){\n    fontSize.value -=2;\n  }\n}\nfunction increaseFontSize(){\n  if(!isMaxSize.value){\n    fontSize.value +=2;\n  }\n}\nfunction saveData(){\n  emit('save', {\n    fontSize: fontSize.value,\n    background: background.value,\n    color: color.value,\n  });\n}\n</script>\n<style lang=\"scss\">\n.octopus-app #accessibility-modal .octopus-modal-body{\n  min-height: 400px;\n  .gap-3{\n    gap:1rem;\n  }\n}\n</style>\n","<template>\n  <ClassicModalInBody\n    id-modal=\"accessibility-modal\"\n    :title-modal=\"t('Transcript Accessibility')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex gap-3 flex-wrap mb-3\">\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose background color') }}</div>\n          <VSwatches\n            v-model:model-value=\"background\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n        <div class=\"d-flex flex-nowrap align-items-center flex-grow-1\">\n          <div class=\"form-label me-3\">{{ t('Choose text color') }}</div> \n          <VSwatches\n            v-model:model-value=\"color\"\n            class=\"c-hand\"\n            show-fallback\n            fallback-input-type=\"color\"\n            colors=\"text-advanced\"\n            popover-x=\"left\"\n            :data-color=\"color\"\n          />\n        </div>\n      </div>\n\n      <div class=\"d-flex align-items-center flex-nowrap mb-3\">\n        <label class=\"form-label me-3\" for=\"accessibility-font-size\">{{ t('Font size') }}</label> \n        <button class=\"btn me-3\" :disabled=\"isMinSize\" @click=\"decreaseFontSize\"><FormatFontSizeDecreaseIcon :size=\"44\"/></button>\n        <button class=\"btn\" :disabled=\"isMaxSize\" @click=\"increaseFontSize\"><FormatFontSizeIncreaseIcon :size=\"44\"/></button>\n      </div>\n    \n      <div class=\"form-label mt-3\">{{ t('Preview') }}</div>\n      <div class=\"border p-2 mb-3\" :style=\"stylePreview\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        @click=\"saveData\"\n      >\n        {{ t(\"Save\") }}\n      </button>\n    </template>\n  </ClassicModalInBody>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport FormatFontSizeIncreaseIcon from \"vue-material-design-icons/FormatFontSizeIncrease.vue\";\nimport FormatFontSizeDecreaseIcon from \"vue-material-design-icons/FormatFontSizeDecrease.vue\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModalInBody = defineAsyncComponent(\n  () => import(\"../../misc/modal/ClassicModalInBody.vue\"),\n);\n\n//Emits\nconst emit = defineEmits([\"close\", \"save\"]);\n\n//Data \nconst fontSize = ref(16);\nconst background = ref(\"white\");\nconst color = ref(\"black\");\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst isMaxSize = computed(() => fontSize.value>=30);\nconst isMinSize = computed(() => fontSize.value<=16);\nconst stylePreview = computed(() => 'font-size:'+fontSize.value+'px; background:'+background.value+'; color:'+color.value);\n\nonBeforeMount(()=>initAccessibility())\n\n//Methods\nfunction initAccessibility(){\n  const actualFontSize = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-font-size');\n  fontSize.value = isNaN(parseInt(actualFontSize.slice(0, -2), 10)) ? 16 :parseInt(actualFontSize.slice(0, -2), 10);\n  background.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-background');\n  color.value = getComputedStyle(document.documentElement).getPropertyValue('--octopus-accessibility-color');\n}\nfunction closePopup() {\n  emit(\"close\");\n}\nfunction decreaseFontSize(){\n  if(!isMinSize.value){\n    fontSize.value -=2;\n  }\n}\nfunction increaseFontSize(){\n  if(!isMaxSize.value){\n    fontSize.value +=2;\n  }\n}\nfunction saveData(){\n  emit('save', {\n    fontSize: fontSize.value,\n    background: background.value,\n    color: color.value,\n  });\n}\n</script>\n<style lang=\"scss\">\n.octopus-app #accessibility-modal .octopus-modal-body{\n  min-height: 400px;\n  .gap-3{\n    gap:1rem;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdsProgressBar-B6Mi09W8.mjs

@@ -0,0 +1,28 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as useVastStore } from "./VastStore-BPwOrXvb.mjs";
+import { createElementBlock, defineComponent, openBlock, unref } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/misc/player/ads/AdsProgressBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["value", "aria-label"];
+//#endregion
+//#region src/components/misc/player/ads/AdsProgressBar.vue
+var AdsProgressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "AdsProgressBar",
+	setup(__props) {
+		const { t } = useI18n();
+		const vastStore = useVastStore();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("progress", {
+				class: "ambiance-progress c-hand-auto mt-1",
+				min: "0",
+				max: "100",
+				value: unref(vastStore).adPercentProgress,
+				"aria-label": unref(t)("Advertising")
+			}, null, 8, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-53a43e62"]]);
+//#endregion
+export { AdsProgressBar_default as default };
+
+//# sourceMappingURL=AdsProgressBar-B6Mi09W8.mjs.map

package/dist/AdsProgressBar-B6Mi09W8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdsProgressBar-B6Mi09W8.mjs","names":[],"sources":["../src/components/misc/player/ads/AdsProgressBar.vue","../src/components/misc/player/ads/AdsProgressBar.vue"],"sourcesContent":["<template>\n  <progress\n    class=\"ambiance-progress c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"vastStore.adPercentProgress\"\n    :aria-label=\"t('Advertising')\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst vastStore = useVastStore();\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n","<template>\n  <progress\n    class=\"ambiance-progress c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"vastStore.adPercentProgress\"\n    :aria-label=\"t('Advertising')\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst vastStore = useVastStore();\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;;uBAf7B,mBAME,YAAA;IALA,OAAM;IACN,KAAI;IACJ,KAAI;IACH,OAAO,MAAA,SAAA,EAAU;IACjB,cAAY,MAAA,CAAA,EAAC,aAAA"}

package/dist/AdsProgressBar-CAP7Zj--.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdsProgressBar-CAP7Zj--.mjs","names":[],"sources":["../src/components/misc/player/ads/AdsProgressBar.vue","../src/components/misc/player/ads/AdsProgressBar.vue"],"sourcesContent":["<template>\n  <progress\n    class=\"ambiance-progress c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"vastStore.adPercentProgress\"\n    :aria-label=\"t('Advertising')\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst vastStore = useVastStore();\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n","<template>\n  <progress\n    class=\"ambiance-progress c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"vastStore.adPercentProgress\"\n    :aria-label=\"t('Advertising')\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst vastStore = useVastStore();\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;EAeA,MAAM,EAAE,MAAM,QAAQ;;;cACJ,aAAA;;;;;;;;;;;;;qBCfhB,mBAME,YAAA;EALA,OAAM;EACN,KAAI;EACJ,KAAI;EACH,OAAO,OAAA,UAAU;EACjB,cAAY,OAAA,EAAC,aAAA"}

package/dist/AdvancedSearch-CVglkFkt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-CVglkFkt.mjs","names":[],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n         r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n         r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-D6vwfxo5.mjs

@@ -0,0 +1,317 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { g as groupsApi, i as useAuthStore, r as useFilterStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as ROUTE_PARAMS } from "./types-8roXR0of.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-T8Mhcne0.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-U-wcZUul.mjs";
+import { t as EmissionGroupChooser_default } from "./EmissionGroupChooser-D3xCu4tW.mjs";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, openBlock, ref, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
+//#region src/components/display/filter/AdvancedSearch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	id: "advanced-search",
+	class: "d-flex flex-column justify-content-center align-items-center"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "advanced-search-container"
+};
+var _hoisted_3 = { class: "d-flex flex-column flex-grow-3" };
+var _hoisted_4 = { class: "text-primary mb-2" };
+var _hoisted_5 = {
+	key: 1,
+	class: "mt-3 d-flex"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "mt-3 d-flex"
+};
+var _hoisted_7 = {
+	key: 3,
+	class: "d-flex flex-column mt-3"
+};
+var AdvancedSearch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AdvancedSearch",
+	props: {
+		organisationId: {},
+		isEmission: { type: Boolean },
+		includeHidden: { type: Boolean },
+		sort: { default: "DATE" },
+		onlyVideo: { type: Boolean },
+		monetisable: { default: "UNDEFINED" },
+		iabId: {},
+		searchPattern: { default: "" },
+		fromDate: {},
+		toDate: {},
+		validity: { default: "" },
+		beneficiaries: {},
+		rubriqueFilter: {},
+		emissionGroups: {},
+		hideEmissionGroups: { type: Boolean }
+	},
+	emits: [
+		"update:toDate",
+		"update:fromDate",
+		"update:monetisable",
+		"update:iabId",
+		"update:sort",
+		"update:includeHidden",
+		"update:validity",
+		"update:rubriqueFilter",
+		"update:onlyVideo",
+		"update:beneficiaries",
+		"update:emission-groups"
+	],
+	setup(__props, { emit: __emit }) {
+		const MonetizableFilter = defineAsyncComponent(() => import("./MonetizableFilter-DOlNz4IP.mjs"));
+		const CategorySearchFilter = defineAsyncComponent(() => import("./CategorySearchFilter-1oMd2Mm5.mjs"));
+		const RubriqueFilter = defineAsyncComponent(() => import("./RubriqueFilter-BwBU4kpV.mjs"));
+		const ClassicSelect = defineAsyncComponent(() => import("./ClassicSelect-BeCuKMad.mjs").then((n) => n.n));
+		const ClassicTagInput = defineAsyncComponent(() => import("./ClassicTagInput-DrIZVI0X.mjs"));
+		const ClassicCheckbox = defineAsyncComponent(() => import("./ClassicCheckbox-CqA5WUGc.mjs").then((n) => n.n));
+		const DateFilter = defineAsyncComponent(() => import("./DateFilter-DkU1MSa-.mjs"));
+		const SearchOrder = defineAsyncComponent(() => import("./SearchOrder-CLl5slg5.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const showFilters = ref(false);
+		const firstLoaded = ref(false);
+		const showEmissionGroups = ref(false);
+		const { t } = useI18n();
+		const { isPodcastmaker, isEditRights } = useOrgaComputed();
+		const { stringifyRubriquesFilter, updateRouteParamAdvanced } = useRubriquesFilterParam();
+		const generalStore = useGeneralStore();
+		const filterStore = useFilterStore();
+		const authStore = useAuthStore();
+		onMounted(async () => {
+			if (props.hideEmissionGroups) {
+				showEmissionGroups.value = false;
+				return;
+			}
+			showEmissionGroups.value = await groupsApi.count({ organisationIds: [props.organisationId] }) > 0;
+		});
+		const organisationRight = computed(() => isEditRights(props.organisationId));
+		const organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);
+		const textNotVisible = computed(() => props.isEmission ? t("Consider podcasts no visible") : t("See podcasts no visible"));
+		const isSelectValidity = computed(() => {
+			return void 0 !== organisation.value && organisationRight.value && (authStore.isRoleContribution || authStore.isRolePublication) && !isPodcastmaker.value && !props.isEmission && props.includeHidden;
+		});
+		/** The beneficiaries filter is only displayed if beneficiaries are enabled */
+		const beneficiariesEnabled = computed(() => {
+			return authStore.authOrganisation.attributes["beneficiaries.enabled"] === "true";
+		});
+		watch(organisation, async () => {
+			const hidden = void 0 !== organisation.value && organisationRight.value && !props.isEmission;
+			if (hidden !== props.includeHidden) updateIncludeHidden(hidden);
+		});
+		watch(() => props.searchPattern, (value) => {
+			const search = value.trim();
+			let valSort = "SCORE";
+			if (search.length <= 3) valSort = props.isEmission ? "LAST_PODCAST_DESC" : "DATE";
+			updateRouteParamAdvanced({
+				q: search.length ? search : void 0,
+				s: valSort
+			});
+		});
+		function updateMonetisable(value) {
+			emit("update:monetisable", value);
+			updateRouteParamAdvanced({ m: "UNDEFINED" !== value ? value : void 0 });
+		}
+		function updateIab(value) {
+			emit("update:iabId", 0 !== value ? value : void 0);
+			let filterIab = {};
+			if (filterStore.filterIab && filterStore.filterIab.id !== value) filterIab = { iabId: void 0 };
+			updateRouteParamAdvanced({
+				i: value ? value.toString() : void 0,
+				...filterIab
+			});
+		}
+		function updateSort(value) {
+			emit("update:sort", value);
+			updateRouteParamAdvanced({ s: value });
+		}
+		function updateIncludeHidden(value) {
+			emit("update:includeHidden", value);
+			updateRouteParamAdvanced({ h: value.toString() });
+		}
+		function updateValidity(value) {
+			emit("update:validity", value);
+			updateRouteParamAdvanced({ vl: value.toString() });
+		}
+		function updateOnlyVideo(value) {
+			emit("update:onlyVideo", value);
+			updateRouteParamAdvanced({ v: value ? "true" : void 0 });
+		}
+		function updateDates(value) {
+			emit("update:fromDate", value.from);
+			emit("update:toDate", value.to);
+			updateRouteParamAdvanced({
+				from: value.from,
+				to: value.to
+			});
+		}
+		function updateRubriquageFilter(value) {
+			emit("update:rubriqueFilter", value);
+			let filterRubriques = {};
+			const valueString = stringifyRubriquesFilter(value);
+			if (filterStore.filterRubrique.length && stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString) filterRubriques = { rubriquesId: void 0 };
+			updateRouteParamAdvanced({
+				r: valueString.length ? valueString : void 0,
+				...filterRubriques
+			});
+		}
+		/** Manage the checkbox enabling filtering on groups */
+		const emissionGroupCheckbox = computed({
+			get() {
+				return props.emissionGroups !== void 0 && props.emissionGroups !== null;
+			},
+			set(value) {
+				if (value) updateEmissionGroupFilter([]);
+				else updateEmissionGroupFilter(void 0);
+			}
+		});
+		/** Update selected groups */
+		function updateEmissionGroupFilter(groups) {
+			if (groups !== void 0 && groups.length === 0) emit("update:emission-groups", []);
+			else {
+				updateRouteParamAdvanced({ [ROUTE_PARAMS.EmissionGroups]: groups?.map((g) => g.groupId) });
+				emit("update:emission-groups", groups);
+			}
+		}
+		/** Update the beneficiaries filter */
+		function updateBeneficiaries(value) {
+			emit("update:beneficiaries", value);
+			if (value === void 0) updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: void 0 });
+			else updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });
+		}
+		/** Update the value of the beneficiaries checkbox */
+		function updateBeneficiariesCheckbox(value) {
+			if (value === true) emit("update:beneficiaries", []);
+			else updateBeneficiaries(void 0);
+		}
+		function clickShowFilters() {
+			if (!firstLoaded.value) firstLoaded.value = true;
+			showFilters.value = !showFilters.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				class: "d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent",
+				onClick: clickShowFilters
+			}, [createElementVNode("div", null, toDisplayString(unref(t)("Advanced filters")), 1), createVNode(ChevronDownIcon, { class: normalizeClass({ "arrow-transform": showFilters.value }) }, null, 8, ["class"])]), createVNode(Transition, { name: "advanced-search" }, {
+				default: withCtx(() => [firstLoaded.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("fieldset", _hoisted_3, [
+					createElementVNode("legend", _hoisted_4, toDisplayString(unref(t)("Filter")), 1),
+					!unref(isPodcastmaker) && !unref(generalStore).platformEducation ? (openBlock(), createBlock(unref(MonetizableFilter), {
+						key: 0,
+						"is-emission": __props.isEmission,
+						monetisable: __props.monetisable,
+						"onUpdate:monetisable": updateMonetisable
+					}, null, 8, ["is-emission", "monetisable"])) : createCommentVNode("", true),
+					createVNode(unref(CategorySearchFilter), {
+						"iab-id": __props.iabId,
+						"onUpdate:iabId": updateIab
+					}, null, 8, ["iab-id"]),
+					createVNode(unref(RubriqueFilter), {
+						"rubrique-filter": __props.rubriqueFilter,
+						"onUpdate:rubriqueFilter": updateRubriquageFilter
+					}, null, 8, ["rubrique-filter"]),
+					showEmissionGroups.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(ClassicCheckbox), {
+						"text-init": emissionGroupCheckbox.value,
+						"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => emissionGroupCheckbox.value = $event),
+						class: "flex-shrink-0",
+						"id-checkbox": "search-emission-groups-checkbox",
+						label: unref(t)("Filters - Emission groups")
+					}, null, 8, ["text-init", "label"]), emissionGroupCheckbox.value ? (openBlock(), createBlock(EmissionGroupChooser_default, {
+						key: 0,
+						class: "ms-4 flex-grow-1",
+						"organisation-id": __props.organisationId,
+						groups: __props.emissionGroups,
+						"onUpdate:groups": updateEmissionGroupFilter
+					}, null, 8, ["organisation-id", "groups"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					createVNode(unref(DateFilter), {
+						"is-emission": __props.isEmission,
+						"from-date": __props.fromDate,
+						"to-date": __props.toDate,
+						onUpdateDates: _cache[1] || (_cache[1] = ($event) => updateDates($event))
+					}, null, 8, [
+						"is-emission",
+						"from-date",
+						"to-date"
+					]),
+					beneficiariesEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(unref(ClassicCheckbox), {
+						"text-init": __props.beneficiaries !== null && __props.beneficiaries !== void 0,
+						class: "flex-shrink-0",
+						"id-checkbox": "search-beneficiaries-checkbox",
+						label: unref(t)("Filters - Beneficiaries"),
+						"onUpdate:textInit": updateBeneficiariesCheckbox
+					}, null, 8, ["text-init", "label"]), __props.beneficiaries !== null && __props.beneficiaries !== void 0 ? (openBlock(), createBlock(unref(ClassicTagInput), {
+						key: 0,
+						class: "ms-4 flex-grow-1",
+						tags: __props.beneficiaries,
+						"onUpdate:tags": updateBeneficiaries
+					}, null, 8, ["tags"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					organisation.value && organisationRight.value && !unref(isPodcastmaker) ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(unref(ClassicCheckbox), {
+						"text-init": __props.includeHidden,
+						class: "flex-shrink-0",
+						"id-checkbox": "search-future-checkbox",
+						label: textNotVisible.value,
+						"is-disabled": isSelectValidity.value && "true" !== __props.validity,
+						"onUpdate:textInit": updateIncludeHidden
+					}, null, 8, [
+						"text-init",
+						"label",
+						"is-disabled"
+					])])) : createCommentVNode("", true),
+					isSelectValidity.value ? (openBlock(), createBlock(unref(ClassicSelect), {
+						key: 4,
+						"text-init": __props.validity,
+						"id-select": "valid-episodes-select",
+						label: unref(t)("Episodes to validate") + " :",
+						"display-label": true,
+						"class-label": "flex-shrink-0 me-1",
+						class: "d-flex align-items-center mt-3 mb-0",
+						options: [
+							{
+								title: unref(t)("Display only episodes to validate"),
+								value: "false"
+							},
+							{
+								title: unref(t)("Display episodes to validate"),
+								value: ""
+							},
+							{
+								title: unref(t)("Do not display episodes to validate"),
+								value: "true"
+							}
+						],
+						"onUpdate:textInit": updateValidity
+					}, null, 8, [
+						"text-init",
+						"label",
+						"options"
+					])) : createCommentVNode("", true),
+					!__props.isEmission ? (openBlock(), createBlock(unref(ClassicCheckbox), {
+						key: 5,
+						"text-init": __props.onlyVideo,
+						class: "flex-shrink-0 mt-3",
+						"id-checkbox": "only-video-checkbox",
+						label: unref(t)("Show only episodes with video"),
+						"onUpdate:textInit": updateOnlyVideo
+					}, null, 8, ["text-init", "label"])) : createCommentVNode("", true)
+				]), createVNode(unref(SearchOrder), {
+					"is-emission": __props.isEmission,
+					sort: __props.sort,
+					"onUpdate:sort": updateSort
+				}, null, 8, ["is-emission", "sort"])], 512)), [[vShow, showFilters.value]]) : createCommentVNode("", true)]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/filter/AdvancedSearch.vue
+var AdvancedSearch_exports = /* @__PURE__ */ __exportAll({ default: () => AdvancedSearch_default });
+var AdvancedSearch_default = AdvancedSearch_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AdvancedSearch_exports as n, AdvancedSearch_default as t };
+
+//# sourceMappingURL=AdvancedSearch-D6vwfxo5.mjs.map