@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/CheckIdentityModal-ekQqQKIU.mjs

@@ -0,0 +1,62 @@
+import { t as useCommentStore } from "./CommentStore-BjQ0AGHa.mjs";
+import { t as config_default } from "./config-C73GMJpz.mjs";
+import { t as ClassicInputText_default } from "./ClassicInputText-adAE0MPy.mjs";
+import { t as RecaptchaModal_default } from "./RecaptchaModal-DlThDzSF.mjs";
+import { computed, createBlock, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#endregion
+//#region src/components/display/comments/modal/CheckIdentityModal.vue
+var CheckIdentityModal_default = /* @__PURE__ */ defineComponent({
+	__name: "CheckIdentityModal",
+	props: { title: {
+		default: void 0,
+		type: String
+	} },
+	emits: ["close", "validate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const errorName = ref(true);
+		const name = ref(void 0);
+		const { t } = useI18n();
+		const commentStore = useCommentStore();
+		const titleModal = computed(() => props.title ?? t("Welcome, thanks for your comment"));
+		function updateName() {
+			commentStore.setCommentUser(name.value ?? "");
+			emit("validate");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RecaptchaModal_default, {
+				"id-modal": "check-identity-modal",
+				"title-modal": titleModal.value,
+				"disable-validate": errorName.value,
+				onClose: _cache[2] || (_cache[2] = ($event) => emit("close")),
+				onValidate: updateName
+			}, {
+				form: withCtx(() => [createVNode(ClassicInputText_default, {
+					"text-init": name.value,
+					"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					"error-variable": errorName.value,
+					"onUpdate:errorVariable": _cache[1] || (_cache[1] = ($event) => errorName.value = $event),
+					"input-id": "adserver-tag",
+					focus: "",
+					label: unref(t)("Let's get acquainted :"),
+					"max-length": unref(config_default).MAX_COMMENT_NAME,
+					placeholder: unref(t)("Your name"),
+					"autocomplete-type": "name"
+				}, null, 8, [
+					"text-init",
+					"error-variable",
+					"label",
+					"max-length",
+					"placeholder"
+				])]),
+				_: 1
+			}, 8, ["title-modal", "disable-validate"]);
+		};
+	}
+});
+//#endregion
+export { CheckIdentityModal_default as default };
+
+//# sourceMappingURL=CheckIdentityModal-ekQqQKIU.mjs.map

package/dist/CheckIdentityModal-ekQqQKIU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-ekQqQKIU.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;uBAvDE,YAmBiB,wBAAA;IAlBf,YAAS;IACR,eAAa,WAAA;IACb,oBAAkB,UAAA;IAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACX,YAAU;;IAEA,MAAI,cAUX,CATF,YASE,0BAAA;KARQ,aAAW,KAAA;qEAAI,QAAA;KACf,kBAAgB,UAAA;+EAAS,QAAA;KACjC,YAAS;KACT,OAAA;KACC,OAAO,MAAA,CAAA,EAAC,wBAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,aAAa,MAAA,CAAA,EAAC,WAAA;KACf,qBAAkB"}

package/dist/ChooseEpisodesNumber-BbsEFK07.mjs

@@ -0,0 +1,50 @@
+import { createElementBlock, createElementVNode, defineComponent, onBeforeMount, openBlock, ref, toDisplayString, unref, vModelText, watch, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/sharing/ChooseEpisodesNumber.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex align-items-center flex-wrap" };
+var _hoisted_2 = { class: "flex-shrink-0" };
+var _hoisted_3 = ["title"];
+var _hoisted_4 = { class: "flex-shrink-0" };
+//#endregion
+//#region src/components/display/sharing/ChooseEpisodesNumber.vue
+var ChooseEpisodesNumber_default = /* @__PURE__ */ defineComponent({
+	__name: "ChooseEpisodesNumber",
+	props: { episodesNumber: {
+		default: 3,
+		type: Number
+	} },
+	emits: ["updateNumber"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const internNumber = ref(3);
+		const { t } = useI18n();
+		watch(internNumber, () => {
+			if (internNumber.value < 1) emit("updateNumber", 1);
+			else if (internNumber.value > 50) emit("updateNumber", 50);
+			else emit("updateNumber", internNumber.value);
+		});
+		onBeforeMount(() => {
+			internNumber.value = props.episodesNumber;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("Show")), 1),
+				withDirectives(createElementVNode("input", {
+					id: "number-input",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internNumber.value = $event),
+					type: "number",
+					min: "1",
+					max: "50",
+					class: "input-share-player border text-center m-2",
+					title: unref(t)("Number of player podcasts")
+				}, null, 8, _hoisted_3), [[vModelText, internNumber.value]]),
+				createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("Last podcasts")), 1)
+			]);
+		};
+	}
+});
+//#endregion
+export { ChooseEpisodesNumber_default as default };
+
+//# sourceMappingURL=ChooseEpisodesNumber-BbsEFK07.mjs.map

package/dist/ChooseEpisodesNumber-BbsEFK07.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseEpisodesNumber-BbsEFK07.mjs","names":[],"sources":["../src/components/display/sharing/ChooseEpisodesNumber.vue","../src/components/display/sharing/ChooseEpisodesNumber.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,eAAe,IAAI,CAAC;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,oBAAoB;GACxB,IAAI,aAAa,QAAQ,GACvB,KAAK,gBAAgB,CAAC;QAClB,IAAG,aAAa,QAAQ,IAC5B,KAAK,gBAAgB,EAAE;QAEvB,KAAK,gBAAgB,aAAa,KAAK;EAE3C,CAAC;EAED,oBAAkB;GAChB,aAAa,QAAQ,MAAM;EAC7B,CAAC;;uBA9CC,mBAYM,OAZN,YAYM;IAXJ,mBAAkD,QAAlD,YAAkD,gBAAnB,MAAA,CAAA,EAAC,MAAA,CAAA,GAAA,CAAA;mBAChC,mBAQE,SAAA;KAPA,IAAG;+EACkB,QAAA;KACrB,MAAK;KACL,KAAI;KACJ,KAAI;KACJ,OAAM;KACL,OAAO,MAAA,CAAA,EAAC,2BAAA;2CALA,aAAA,KAAY,CAAA,CAAA;IAOvB,mBAA2D,QAA3D,YAA2D,gBAA5B,MAAA,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA"}

package/dist/ChooseEpisodesNumber-OlhXXsCa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseEpisodesNumber-OlhXXsCa.mjs","names":[],"sources":["../src/components/display/sharing/ChooseEpisodesNumber.vue","../src/components/display/sharing/ChooseEpisodesNumber.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,eAAe,IAAI,CAAC;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,oBAAoB;GACxB,IAAI,aAAa,QAAQ,GACvB,KAAK,gBAAgB,CAAC;QAClB,IAAG,aAAa,QAAQ,IAC5B,KAAK,gBAAgB,EAAE;QAEvB,KAAK,gBAAgB,aAAa,KAAK;EAE3C,CAAC;EAED,oBAAkB;GAChB,aAAa,QAAQ,MAAM;EAC7B,CAAC;;;;;;;;;;;;;;;;mBC9CM,OAAM,sCAAqC;mBACxC,OAAM,gBAAe;;mBAUrB,OAAM,gBAAe;;qBAX7B,mBAYM,OAZN,YAYM;EAXJ,mBAAkD,QAAlD,YAAkD,gBAAnB,OAAA,EAAC,MAAA,CAAA,GAAA,CAAA;iBAChC,mBAQE,SAAA;GAPA,IAAG;gEACM,OAAA,eAAY;GACrB,MAAK;GACL,KAAI;GACJ,KAAI;GACJ,OAAM;GACL,OAAO,OAAA,EAAC,2BAAA;yCALA,OAAA,YAAY,CAAA,CAAA;EAOvB,mBAA2D,QAA3D,YAA2D,gBAA5B,OAAA,EAAC,eAAA,CAAA,GAAA,CAAA"}

package/dist/ClassicAccordion-H690GTb-.mjs

@@ -0,0 +1,87 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, vShow, watch, withDirectives } from "vue";
+import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
+//#region src/components/misc/ClassicAccordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var _hoisted_2 = ["src"];
+var _hoisted_3 = {
+	key: 2,
+	class: "subtitle"
+};
+var _hoisted_4 = { class: "body p-2" };
+//#endregion
+//#region src/components/misc/ClassicAccordion.vue
+var ClassicAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ClassicAccordion",
+	props: {
+		title: {
+			default: "",
+			type: String
+		},
+		/** Message displayed next to the title when closed */
+		subtitle: {
+			default: void 0,
+			type: String
+		},
+		idComposer: {
+			default: "",
+			type: String
+		},
+		isWarning: {
+			default: false,
+			type: Boolean
+		},
+		imageUrl: {
+			default: void 0,
+			type: String
+		},
+		displayAccordion: {
+			default: true,
+			type: Boolean
+		},
+		initOpen: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["open"],
+	setup(__props, { emit: __emit }) {
+		const AlertIcon = defineAsyncComponent(() => import("vue-material-design-icons/Alert.vue"));
+		const props = __props;
+		const emit = __emit;
+		const isOpen = ref(false);
+		watch(isOpen, () => emit("open", isOpen.value));
+		onMounted(() => {
+			isOpen.value = props.initOpen;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["my-4", [__props.displayAccordion ? "octopus-accordion" : "", isOpen.value ? "octopus-accordion-open border" : ""]]) }, [__props.displayAccordion ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+				id: "accordion-" + __props.idComposer,
+				class: "w-100 py-2 text-start d-flex flex-nowrap align-items-center",
+				onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+			}, [
+				__props.isWarning ? (openBlock(), createBlock(unref(AlertIcon), {
+					key: 0,
+					class: "text-danger"
+				})) : createCommentVNode("", true),
+				__props.imageUrl ? (openBlock(), createElementBlock("img", {
+					key: 1,
+					width: "30",
+					height: "30",
+					class: "img-accordion",
+					src: __props.imageUrl,
+					"aria-hidden": "true",
+					alt: ""
+				}, null, 8, _hoisted_2)) : createCommentVNode("", true),
+				createElementVNode("span", null, toDisplayString(__props.title), 1),
+				renderSlot(_ctx.$slots, "afterTitle", {}, void 0, true),
+				__props.subtitle && !isOpen.value ? (openBlock(), createElementBlock("span", _hoisted_3, " \xA0-\xA0" + toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true),
+				createVNode(ChevronDownIcon, { class: normalizeClass(["ms-auto", { "arrow-transform": isOpen.value }]) }, null, 8, ["class"])
+			], 8, _hoisted_1), withDirectives(createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, isOpen.value]])], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-d433a5a5"]]);
+//#endregion
+export { ClassicAccordion_default as default };
+
+//# sourceMappingURL=ClassicAccordion-H690GTb-.mjs.map

package/dist/ClassicAccordion-H690GTb-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicAccordion-H690GTb-.mjs","names":[],"sources":["../src/components/misc/ClassicAccordion.vue","../src/components/misc/ClassicAccordion.vue"],"sourcesContent":["<template>\n  <div\n    class=\"my-4\"\n    :class=\"[\n      displayAccordion ? 'octopus-accordion' : '',\n      isOpen ? 'octopus-accordion-open border' : '',\n    ]\"\n  >\n    <template v-if=\"displayAccordion\">\n      <button\n        :id=\"'accordion-' + idComposer\"\n        class=\"w-100 py-2 text-start d-flex flex-nowrap align-items-center\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <AlertIcon v-if=\"isWarning\" class=\"text-danger\" />\n        <img\n          v-if=\"imageUrl\"\n          width=\"30\"\n          height=\"30\"\n          class=\"img-accordion\"\n          :src=\"imageUrl\"\n          aria-hidden=\"true\"\n          alt=\"\"\n        >\n        <span>{{ title }}</span>\n        <slot name=\"afterTitle\" />\n\n        <span\n          v-if=\"subtitle && !isOpen\"\n          class=\"subtitle\"\n        >\n          &nbsp;-&nbsp;{{ subtitle }}\n        </span>\n        <ChevronDownIcon class=\"ms-auto\" :class=\"{ 'arrow-transform': isOpen }\" />\n      </button>\n      <div v-show=\"isOpen\" class=\"body p-2\">\n        <slot />\n      </div>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { defineAsyncComponent, onMounted, ref, watch } from \"vue\";\nconst AlertIcon = defineAsyncComponent(\n  () => import(\"vue-material-design-icons/Alert.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  title: { default: \"\", type: String },\n  /** Message displayed next to the title when closed */\n  subtitle: { default: undefined, type: String },\n  idComposer: { default: \"\", type: String },\n  isWarning: { default: false, type: Boolean },\n  imageUrl: { default: undefined, type: String },\n  displayAccordion: { default: true, type: Boolean },\n  initOpen: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"open\"]);\n\n//Data\nconst isOpen = ref(false);\n\n//Watch\nwatch(isOpen, () => emit(\"open\", isOpen.value));\n\nonMounted(()=>{\n  isOpen.value = props.initOpen;\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-accordion {\n  > button {\n    min-height: 50px;\n    color: var(--octopus-primary);\n    font-size: 0.9rem;\n    border: 1px solid transparent;\n    border-bottom-color: var(--octopus-secondary-darker);\n    font-weight: bold;\n\n    &:hover {\n      border-bottom-color: var(--octopus-color-text);\n    }\n  }\n\n  &:not(.octopus-accordion-open) > button {\n    background: transparent;\n  }\n\n  .body {\n    background: var(--octopus-background);\n  }\n\n  &.octopus-accordion-open {\n    border-radius: var(--octopus-border-radius);\n\n    > button {\n      border-radius: var(--octopus-border-radius) 0 0;\n      background: var(--octopus-border-default);\n      border-color: transparent;\n      color: var(--octopus-color-text);\n    }\n  }\n\n  .img-accordion {\n    width: 30px;\n    height: 30px;\n    margin-right: 1rem;\n    font-size: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .subtitle {\n    color: var(--octopus-gray);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 0.75rem;\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"my-4\"\n    :class=\"[\n      displayAccordion ? 'octopus-accordion' : '',\n      isOpen ? 'octopus-accordion-open border' : '',\n    ]\"\n  >\n    <template v-if=\"displayAccordion\">\n      <button\n        :id=\"'accordion-' + idComposer\"\n        class=\"w-100 py-2 text-start d-flex flex-nowrap align-items-center\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <AlertIcon v-if=\"isWarning\" class=\"text-danger\" />\n        <img\n          v-if=\"imageUrl\"\n          width=\"30\"\n          height=\"30\"\n          class=\"img-accordion\"\n          :src=\"imageUrl\"\n          aria-hidden=\"true\"\n          alt=\"\"\n        >\n        <span>{{ title }}</span>\n        <slot name=\"afterTitle\" />\n\n        <span\n          v-if=\"subtitle && !isOpen\"\n          class=\"subtitle\"\n        >\n          &nbsp;-&nbsp;{{ subtitle }}\n        </span>\n        <ChevronDownIcon class=\"ms-auto\" :class=\"{ 'arrow-transform': isOpen }\" />\n      </button>\n      <div v-show=\"isOpen\" class=\"body p-2\">\n        <slot />\n      </div>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { defineAsyncComponent, onMounted, ref, watch } from \"vue\";\nconst AlertIcon = defineAsyncComponent(\n  () => import(\"vue-material-design-icons/Alert.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  title: { default: \"\", type: String },\n  /** Message displayed next to the title when closed */\n  subtitle: { default: undefined, type: String },\n  idComposer: { default: \"\", type: String },\n  isWarning: { default: false, type: Boolean },\n  imageUrl: { default: undefined, type: String },\n  displayAccordion: { default: true, type: Boolean },\n  initOpen: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"open\"]);\n\n//Data\nconst isOpen = ref(false);\n\n//Watch\nwatch(isOpen, () => emit(\"open\", isOpen.value));\n\nonMounted(()=>{\n  isOpen.value = props.initOpen;\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-accordion {\n  > button {\n    min-height: 50px;\n    color: var(--octopus-primary);\n    font-size: 0.9rem;\n    border: 1px solid transparent;\n    border-bottom-color: var(--octopus-secondary-darker);\n    font-weight: bold;\n\n    &:hover {\n      border-bottom-color: var(--octopus-color-text);\n    }\n  }\n\n  &:not(.octopus-accordion-open) > button {\n    background: transparent;\n  }\n\n  .body {\n    background: var(--octopus-background);\n  }\n\n  &.octopus-accordion-open {\n    border-radius: var(--octopus-border-radius);\n\n    > button {\n      border-radius: var(--octopus-border-radius) 0 0;\n      background: var(--octopus-border-default);\n      border-color: transparent;\n      color: var(--octopus-color-text);\n    }\n  }\n\n  .img-accordion {\n    width: 30px;\n    height: 30px;\n    margin-right: 1rem;\n    font-size: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .subtitle {\n    color: var(--octopus-gray);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 0.75rem;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CA,MAAM,YAAY,2BACV,OAAO,sCACf;EAGA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EAGxB,MAAM,cAAc,KAAK,QAAQ,OAAO,KAAK,CAAC;EAE9C,gBAAc;GACZ,OAAO,QAAQ,MAAM;EACvB,CAAC;;uBAxEC,mBAuCM,OAAA,EAtCJ,OAAK,eAAA,CAAC,QAAM,CACI,QAAA,mBAAgB,sBAAA,IAAmC,OAAA,QAAM,kCAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAKzD,QAAA,oBAAA,UAAA,GAAhB,mBA8BW,UAAA,EAAA,KAAA,EAAA,GAAA,CA7BT,mBAyBS,UAAA;IAxBN,IAAE,eAAiB,QAAA;IACpB,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM,CAAI,OAAA;;IAED,QAAA,aAAA,UAAA,GAAjB,YAAkD,MAAA,SAAA,GAAA;;KAAtB,OAAM;;IAE1B,QAAA,YAAA,UAAA,GADR,mBAQC,OAAA;;KANC,OAAM;KACN,QAAO;KACP,OAAM;KACL,KAAK,QAAA;KACN,eAAY;KACZ,KAAI;;IAEN,mBAAwB,QAAA,MAAA,gBAAf,QAAA,KAAK,GAAA,CAAA;IACd,WAA0B,KAAA,QAAA,cAAA,CAAA,GAAA,KAAA,GAAA,IAAA;IAGlB,QAAA,YAAQ,CAAK,OAAA,SAAA,UAAA,GADrB,mBAKO,QALP,YAGC,eACc,gBAAG,QAAA,QAAQ,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE1B,YAA0E,iBAAA,EAAzD,OAAK,eAAA,CAAC,WAAS,EAAA,mBAA8B,OAAA,MAAM,CAAA,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;qCAEtE,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA,OADG,OAAA,KAAM,CAAA,CAAA,CAAA,GAAA,EAAA,KAIrB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/ClassicAccordion-S0e-IhFa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicAccordion-S0e-IhFa.mjs","names":[],"sources":["../src/components/misc/ClassicAccordion.vue","../src/components/misc/ClassicAccordion.vue"],"sourcesContent":["<template>\n  <div\n    class=\"my-4\"\n    :class=\"[\n      displayAccordion ? 'octopus-accordion' : '',\n      isOpen ? 'octopus-accordion-open border' : '',\n    ]\"\n  >\n    <template v-if=\"displayAccordion\">\n      <button\n        :id=\"'accordion-' + idComposer\"\n        class=\"w-100 py-2 text-start d-flex flex-nowrap align-items-center\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <AlertIcon v-if=\"isWarning\" class=\"text-danger\" />\n        <img\n          v-if=\"imageUrl\"\n          width=\"30\"\n          height=\"30\"\n          class=\"img-accordion\"\n          :src=\"imageUrl\"\n          aria-hidden=\"true\"\n          alt=\"\"\n        >\n        <span>{{ title }}</span>\n        <slot name=\"afterTitle\" />\n\n        <span\n          v-if=\"subtitle && !isOpen\"\n          class=\"subtitle\"\n        >\n          &nbsp;-&nbsp;{{ subtitle }}\n        </span>\n        <ChevronDownIcon class=\"ms-auto\" :class=\"{ 'arrow-transform': isOpen }\" />\n      </button>\n      <div v-show=\"isOpen\" class=\"body p-2\">\n        <slot />\n      </div>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { defineAsyncComponent, onMounted, ref, watch } from \"vue\";\nconst AlertIcon = defineAsyncComponent(\n  () => import(\"vue-material-design-icons/Alert.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  title: { default: \"\", type: String },\n  /** Message displayed next to the title when closed */\n  subtitle: { default: undefined, type: String },\n  idComposer: { default: \"\", type: String },\n  isWarning: { default: false, type: Boolean },\n  imageUrl: { default: undefined, type: String },\n  displayAccordion: { default: true, type: Boolean },\n  initOpen: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"open\"]);\n\n//Data\nconst isOpen = ref(false);\n\n//Watch\nwatch(isOpen, () => emit(\"open\", isOpen.value));\n\nonMounted(()=>{\n  isOpen.value = props.initOpen;\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-accordion {\n  > button {\n    min-height: 50px;\n    color: var(--octopus-primary);\n    font-size: 0.9rem;\n    border: 1px solid transparent;\n    border-bottom-color: var(--octopus-secondary-darker);\n    font-weight: bold;\n\n    &:hover {\n      border-bottom-color: var(--octopus-color-text);\n    }\n  }\n\n  &:not(.octopus-accordion-open) > button {\n    background: transparent;\n  }\n\n  .body {\n    background: var(--octopus-background);\n  }\n\n  &.octopus-accordion-open {\n    border-radius: var(--octopus-border-radius);\n\n    > button {\n      border-radius: var(--octopus-border-radius) 0 0;\n      background: var(--octopus-border-default);\n      border-color: transparent;\n      color: var(--octopus-color-text);\n    }\n  }\n\n  .img-accordion {\n    width: 30px;\n    height: 30px;\n    margin-right: 1rem;\n    font-size: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .subtitle {\n    color: var(--octopus-gray);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 0.75rem;\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"my-4\"\n    :class=\"[\n      displayAccordion ? 'octopus-accordion' : '',\n      isOpen ? 'octopus-accordion-open border' : '',\n    ]\"\n  >\n    <template v-if=\"displayAccordion\">\n      <button\n        :id=\"'accordion-' + idComposer\"\n        class=\"w-100 py-2 text-start d-flex flex-nowrap align-items-center\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <AlertIcon v-if=\"isWarning\" class=\"text-danger\" />\n        <img\n          v-if=\"imageUrl\"\n          width=\"30\"\n          height=\"30\"\n          class=\"img-accordion\"\n          :src=\"imageUrl\"\n          aria-hidden=\"true\"\n          alt=\"\"\n        >\n        <span>{{ title }}</span>\n        <slot name=\"afterTitle\" />\n\n        <span\n          v-if=\"subtitle && !isOpen\"\n          class=\"subtitle\"\n        >\n          &nbsp;-&nbsp;{{ subtitle }}\n        </span>\n        <ChevronDownIcon class=\"ms-auto\" :class=\"{ 'arrow-transform': isOpen }\" />\n      </button>\n      <div v-show=\"isOpen\" class=\"body p-2\">\n        <slot />\n      </div>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { defineAsyncComponent, onMounted, ref, watch } from \"vue\";\nconst AlertIcon = defineAsyncComponent(\n  () => import(\"vue-material-design-icons/Alert.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  title: { default: \"\", type: String },\n  /** Message displayed next to the title when closed */\n  subtitle: { default: undefined, type: String },\n  idComposer: { default: \"\", type: String },\n  isWarning: { default: false, type: Boolean },\n  imageUrl: { default: undefined, type: String },\n  displayAccordion: { default: true, type: Boolean },\n  initOpen: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"open\"]);\n\n//Data\nconst isOpen = ref(false);\n\n//Watch\nwatch(isOpen, () => emit(\"open\", isOpen.value));\n\nonMounted(()=>{\n  isOpen.value = props.initOpen;\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-accordion {\n  > button {\n    min-height: 50px;\n    color: var(--octopus-primary);\n    font-size: 0.9rem;\n    border: 1px solid transparent;\n    border-bottom-color: var(--octopus-secondary-darker);\n    font-weight: bold;\n\n    &:hover {\n      border-bottom-color: var(--octopus-color-text);\n    }\n  }\n\n  &:not(.octopus-accordion-open) > button {\n    background: transparent;\n  }\n\n  .body {\n    background: var(--octopus-background);\n  }\n\n  &.octopus-accordion-open {\n    border-radius: var(--octopus-border-radius);\n\n    > button {\n      border-radius: var(--octopus-border-radius) 0 0;\n      background: var(--octopus-border-default);\n      border-color: transparent;\n      color: var(--octopus-color-text);\n    }\n  }\n\n  .img-accordion {\n    width: 30px;\n    height: 30px;\n    margin-right: 1rem;\n    font-size: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .subtitle {\n    color: var(--octopus-gray);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 0.75rem;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CA,MAAM,YAAY,2BACV,OAAO,sCACf;EAGA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EAGxB,MAAM,cAAc,KAAK,QAAQ,OAAO,KAAK,CAAC;EAE9C,gBAAc;GACZ,OAAO,QAAQ,MAAM;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;CC5CS,OAAM;;mBAMW,OAAM,WAAU;;qBAlCzC,mBAuCM,OAAA,EAtCJ,OAAK,eAAA,CAAC,QAAM,CACI,OAAA,mBAAgB,sBAAA,IAAmC,OAAA,SAAM,kCAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAKzD,OAAA,oBAAA,UAAA,GAAhB,mBA8BW,UAAA,EAAA,KAAA,EAAA,GAAA,CA7BT,mBAyBS,UAAA;EAxBN,IAAE,eAAiB,OAAA;EACpB,OAAM;EACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;;EAED,OAAA,aAAA,UAAA,GAAjB,YAAkD,OAAA,cAAA;;GAAtB,OAAM;;EAE1B,OAAA,YAAA,UAAA,GADR,mBAQC,OAAA;;GANC,OAAM;GACN,QAAO;GACP,OAAM;GACL,KAAK,OAAA;GACN,eAAY;GACZ,KAAI;;EAEN,mBAAwB,QAAA,MAAA,gBAAf,OAAA,KAAK,GAAA,CAAA;EACd,WAA0B,KAAA,QAAA,cAAA,CAAA,GAAA,KAAA,GAAA,IAAA;EAGlB,OAAA,YAAQ,CAAK,OAAA,UAAA,UAAA,GADrB,mBAKO,QALP,YAGC,eACc,gBAAG,OAAA,QAAQ,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EAE1B,YAA0E,OAAA,oBAAA,EAAzD,OAAK,eAAA,CAAC,WAAS,EAAA,mBAA8B,OAAA,OAAM,CAAA,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;mCAEtE,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA,OADG,OAAA,MAAM,CAAA,CAAA,CAAA,GAAA,EAAA,KAIrB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/ClassicAlert-D51F43qS.mjs

@@ -0,0 +1,57 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
+import AlertIcon from "vue-material-design-icons/Alert.vue";
+import CheckCircle from "vue-material-design-icons/CheckCircle.vue";
+import CloseCircle from "vue-material-design-icons/CloseCircle.vue";
+import Information from "vue-material-design-icons/Information.vue";
+//#region src/components/misc/ClassicAlert.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["role", "aria-live"];
+var _hoisted_2 = { "aria-hidden": "true" };
+var _hoisted_3 = { class: "ms-2 content" };
+var _hoisted_4 = { key: 0 };
+var ClassicAlert_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicAlert",
+	props: {
+		noIcon: { type: Boolean },
+		title: { default: () => void 0 },
+		type: {},
+		text: { type: Boolean }
+	},
+	setup(__props) {
+		/** The class applied to the alert */
+		const cardClass = computed(() => {
+			const classes = ["alert-" + __props.type];
+			if (__props.text === true) classes.push("text-alert");
+			else classes.push("my-2");
+			return classes;
+		});
+		const iconComponent = computed(() => {
+			if (__props.type === "info") return Information;
+			else if (__props.type === "success") return CheckCircle;
+			else if (__props.type === "warning") return AlertIcon;
+			else if (__props.type === "error") return CloseCircle;
+			else return null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["p-2 pe-4 rounded d-flex alert", cardClass.value]),
+				role: __props.type === "error" || __props.type === "warning" ? "alert" : "status",
+				"aria-live": __props.type === "error" || __props.type === "warning" ? "assertive" : "polite",
+				"aria-atomic": "true"
+			}, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [!__props.noIcon ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
+				key: 0,
+				class: "icon",
+				size: __props.text ? 22 : 30
+			}, null, 8, ["size"])) : createCommentVNode("", true)], true)]), createElementVNode("span", _hoisted_3, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_4, [createTextVNode(toDisplayString(__props.title) + " ", 1), _cache[0] || (_cache[0] = createElementVNode("br", null, null, -1))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/misc/ClassicAlert.vue
+var ClassicAlert_exports = /* @__PURE__ */ __exportAll({ default: () => ClassicAlert_default });
+var ClassicAlert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ClassicAlert_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9f2d0813"]]);
+//#endregion
+export { ClassicAlert_exports as n, ClassicAlert_default as t };
+
+//# sourceMappingURL=ClassicAlert-D51F43qS.mjs.map

package/dist/ClassicAlert-D51F43qS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicAlert-D51F43qS.mjs","names":[],"sources":["../src/components/misc/ClassicAlert.vue","../src/components/misc/ClassicAlert.vue"],"sourcesContent":["<!--\n    Simple component to display a message to the user.\n    Usage:\n        <ClassicAlert type='info'>This is an information</ClassicAlert>\n        <ClassicAlert type='success'>Your changes have been saved</ClassicAlert>\n        <ClassicAlert type='warning'>Some data will be lost</ClassicAlert>\n        <ClassicAlert type='error'>An error occured while saving</ClassicAlert>\n-->\n<template>\n    <div\n        class=\"p-2 pe-4 rounded d-flex alert\"\n        :class=\"cardClass\"\n        :role=\"type === 'error' || type === 'warning' ? 'alert' : 'status'\"\n        :aria-live=\"type === 'error' || type === 'warning' ? 'assertive' : 'polite'\"\n        aria-atomic=\"true\"\n    >\n        <span aria-hidden=\"true\">\n            <slot name=\"icon\">\n                <!-- The icon -->\n                <component\n                    :is=\"iconComponent\"\n                    v-if=\"!noIcon\"\n                    class=\"icon\"\n                    :size=\"text ? 22 : 30\"\n                />\n            </slot>\n        </span>\n\n        <!-- Main content -->\n        <span class=\"ms-2 content\">\n            <strong v-if=\"title\">\n                {{ title }}\n                <br>\n            </strong>\n\n            <slot />\n        </span>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport Alert from 'vue-material-design-icons/Alert.vue';\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue';\nimport CloseCircle from 'vue-material-design-icons/CloseCircle.vue';\nimport Information from 'vue-material-design-icons/Information.vue';\n\nconst { type, title = undefined, text } = defineProps<{\n    /** Disables the icon when true */\n    noIcon?: boolean;\n    /** An optional title for the alert */\n    title?: string;\n    /** The type of message */\n    type: 'info'|'success'|'warning'|'error';\n    /** Use a simpler display */\n    text?: boolean;\n}>();\n\n/** The class applied to the alert */\nconst cardClass = computed((): Array<string> => {\n    const classes = ['alert-' + type];\n    if (text === true) {\n        classes.push('text-alert');\n    } else {\n        classes.push('my-2');\n    }\n    return classes;\n});\n\nconst iconComponent = computed(() => {\n    if (type === 'info') {\n        return Information;\n    } else if (type === 'success') {\n        return CheckCircle;\n    } else if (type === 'warning') {\n        return Alert;\n    } else if (type === 'error') {\n        return CloseCircle;\n    } else {\n        return null;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.alert {\n    &:not(.text-alert) {\n        border: 1px solid;\n        border-left: 8px solid;\n    }\n\n    .icon {\n        align-items: start !important;\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-self: center;\n\n        &:deep(p) {\n            margin: 0 !important;\n            &:not(:first-child) {\n                margin-top: 8px !important;\n            }\n        }\n    }\n\n    $types: (\n        'success': hsl(from var(--octopus-primary) h s 45),\n        'info': var(--octopus-primary),\n        'warning': var(--octopus-warning),\n        'error': var(--octopus-danger),\n    );\n\n    @each $type, $color in $types {\n        &-#{$type} {\n            &:not(.text-alert) {\n                background-color: hsl(from #{$color} h s 95) !important;\n                border-color: #{$color} !important;\n            }\n            &.text-alert {\n                color: #{$color} !important;\n            }\n            .icon {\n                color: #{$color};\n            }\n        }\n    }\n}\n</style>\n","<!--\n    Simple component to display a message to the user.\n    Usage:\n        <ClassicAlert type='info'>This is an information</ClassicAlert>\n        <ClassicAlert type='success'>Your changes have been saved</ClassicAlert>\n        <ClassicAlert type='warning'>Some data will be lost</ClassicAlert>\n        <ClassicAlert type='error'>An error occured while saving</ClassicAlert>\n-->\n<template>\n    <div\n        class=\"p-2 pe-4 rounded d-flex alert\"\n        :class=\"cardClass\"\n        :role=\"type === 'error' || type === 'warning' ? 'alert' : 'status'\"\n        :aria-live=\"type === 'error' || type === 'warning' ? 'assertive' : 'polite'\"\n        aria-atomic=\"true\"\n    >\n        <span aria-hidden=\"true\">\n            <slot name=\"icon\">\n                <!-- The icon -->\n                <component\n                    :is=\"iconComponent\"\n                    v-if=\"!noIcon\"\n                    class=\"icon\"\n                    :size=\"text ? 22 : 30\"\n                />\n            </slot>\n        </span>\n\n        <!-- Main content -->\n        <span class=\"ms-2 content\">\n            <strong v-if=\"title\">\n                {{ title }}\n                <br>\n            </strong>\n\n            <slot />\n        </span>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport Alert from 'vue-material-design-icons/Alert.vue';\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue';\nimport CloseCircle from 'vue-material-design-icons/CloseCircle.vue';\nimport Information from 'vue-material-design-icons/Information.vue';\n\nconst { type, title = undefined, text } = defineProps<{\n    /** Disables the icon when true */\n    noIcon?: boolean;\n    /** An optional title for the alert */\n    title?: string;\n    /** The type of message */\n    type: 'info'|'success'|'warning'|'error';\n    /** Use a simpler display */\n    text?: boolean;\n}>();\n\n/** The class applied to the alert */\nconst cardClass = computed((): Array<string> => {\n    const classes = ['alert-' + type];\n    if (text === true) {\n        classes.push('text-alert');\n    } else {\n        classes.push('my-2');\n    }\n    return classes;\n});\n\nconst iconComponent = computed(() => {\n    if (type === 'info') {\n        return Information;\n    } else if (type === 'success') {\n        return CheckCircle;\n    } else if (type === 'warning') {\n        return Alert;\n    } else if (type === 'error') {\n        return CloseCircle;\n    } else {\n        return null;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.alert {\n    &:not(.text-alert) {\n        border: 1px solid;\n        border-left: 8px solid;\n    }\n\n    .icon {\n        align-items: start !important;\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-self: center;\n\n        &:deep(p) {\n            margin: 0 !important;\n            &:not(:first-child) {\n                margin-top: 8px !important;\n            }\n        }\n    }\n\n    $types: (\n        'success': hsl(from var(--octopus-primary) h s 45),\n        'info': var(--octopus-primary),\n        'warning': var(--octopus-warning),\n        'error': var(--octopus-danger),\n    );\n\n    @each $type, $color in $types {\n        &-#{$type} {\n            &:not(.text-alert) {\n                background-color: hsl(from #{$color} h s 95) !important;\n                border-color: #{$color} !important;\n            }\n            &.text-alert {\n                color: #{$color} !important;\n            }\n            .icon {\n                color: #{$color};\n            }\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4DA,MAAM,YAAY,eAA8B;GAC5C,MAAM,UAAU,CAAC,WAAW,QAAA,IAAI;GAChC,IAAI,QAAA,SAAS,MACT,QAAQ,KAAK,YAAY;QAEzB,QAAQ,KAAK,MAAM;GAEvB,OAAO;EACX,CAAC;EAED,MAAM,gBAAgB,eAAe;GACjC,IAAI,QAAA,SAAS,QACT,OAAO;QACJ,IAAI,QAAA,SAAS,WAChB,OAAO;QACJ,IAAI,QAAA,SAAS,WAChB,OAAO;QACJ,IAAI,QAAA,SAAS,SAChB,OAAO;QAEP,OAAO;EAEf,CAAC;;uBAzEG,mBA4BM,OAAA;IA3BF,OAAK,eAAA,CAAC,iCACE,UAAA,KAAS,CAAA;IAChB,MAAM,QAAA,SAAI,WAAgB,QAAA,SAAI,YAAA,UAAA;IAC9B,aAAW,QAAA,SAAI,WAAgB,QAAA,SAAI,YAAA,cAAA;IACpC,eAAY;OAEZ,mBAUO,QAVP,YAUO,CATH,WAQO,KAAA,QAAA,QAAA,CAAA,SAAA,CAAA,CAJQ,QAAA,UAAA,UAAA,GAFX,YAKE,wBAJO,cAAA,KAAa,GAAA;;IAElB,OAAM;IACL,MAAM,QAAA,OAAI,KAAA;oEAMvB,mBAOO,QAPP,YAOO,CANW,QAAA,SAAA,UAAA,GAAd,mBAGS,UAAA,YAAA,CAAA,gBAAA,gBAFF,QAAA,KAAK,IAAG,KACX,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,mBAAI,MAAA,MAAA,MAAA,EAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAGR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/ClassicAlert-DUQplMvs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicAlert-DUQplMvs.mjs","names":[],"sources":["../src/components/misc/ClassicAlert.vue","../src/components/misc/ClassicAlert.vue"],"sourcesContent":["<!--\n    Simple component to display a message to the user.\n    Usage:\n        <ClassicAlert type='info'>This is an information</ClassicAlert>\n        <ClassicAlert type='success'>Your changes have been saved</ClassicAlert>\n        <ClassicAlert type='warning'>Some data will be lost</ClassicAlert>\n        <ClassicAlert type='error'>An error occured while saving</ClassicAlert>\n-->\n<template>\n    <div\n        class=\"p-2 pe-4 rounded d-flex alert\"\n        :class=\"cardClass\"\n        :role=\"type === 'error' || type === 'warning' ? 'alert' : 'status'\"\n        :aria-live=\"type === 'error' || type === 'warning' ? 'assertive' : 'polite'\"\n        aria-atomic=\"true\"\n    >\n        <span aria-hidden=\"true\">\n            <slot name=\"icon\">\n                <!-- The icon -->\n                <component\n                    :is=\"iconComponent\"\n                    v-if=\"!noIcon\"\n                    class=\"icon\"\n                    :size=\"text ? 22 : 30\"\n                />\n            </slot>\n        </span>\n\n        <!-- Main content -->\n        <span class=\"ms-2 content\">\n            <strong v-if=\"title\">\n                {{ title }}\n                <br>\n            </strong>\n\n            <slot />\n        </span>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport Alert from 'vue-material-design-icons/Alert.vue';\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue';\nimport CloseCircle from 'vue-material-design-icons/CloseCircle.vue';\nimport Information from 'vue-material-design-icons/Information.vue';\n\nconst { type, title = undefined, text } = defineProps<{\n    /** Disables the icon when true */\n    noIcon?: boolean;\n    /** An optional title for the alert */\n    title?: string;\n    /** The type of message */\n    type: 'info'|'success'|'warning'|'error';\n    /** Use a simpler display */\n    text?: boolean;\n}>();\n\n/** The class applied to the alert */\nconst cardClass = computed((): Array<string> => {\n    const classes = ['alert-' + type];\n    if (text === true) {\n        classes.push('text-alert');\n    } else {\n        classes.push('my-2');\n    }\n    return classes;\n});\n\nconst iconComponent = computed(() => {\n    if (type === 'info') {\n        return Information;\n    } else if (type === 'success') {\n        return CheckCircle;\n    } else if (type === 'warning') {\n        return Alert;\n    } else if (type === 'error') {\n        return CloseCircle;\n    } else {\n        return null;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.alert {\n    &:not(.text-alert) {\n        border: 1px solid;\n        border-left: 8px solid;\n    }\n\n    .icon {\n        align-items: start !important;\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-self: center;\n\n        &:deep(p) {\n            margin: 0 !important;\n            &:not(:first-child) {\n                margin-top: 8px !important;\n            }\n        }\n    }\n\n    $types: (\n        'success': hsl(from var(--octopus-primary) h s 45),\n        'info': var(--octopus-primary),\n        'warning': var(--octopus-warning),\n        'error': var(--octopus-danger),\n    );\n\n    @each $type, $color in $types {\n        &-#{$type} {\n            &:not(.text-alert) {\n                background-color: hsl(from #{$color} h s 95) !important;\n                border-color: #{$color} !important;\n            }\n            &.text-alert {\n                color: #{$color} !important;\n            }\n            .icon {\n                color: #{$color};\n            }\n        }\n    }\n}\n</style>\n","<!--\n    Simple component to display a message to the user.\n    Usage:\n        <ClassicAlert type='info'>This is an information</ClassicAlert>\n        <ClassicAlert type='success'>Your changes have been saved</ClassicAlert>\n        <ClassicAlert type='warning'>Some data will be lost</ClassicAlert>\n        <ClassicAlert type='error'>An error occured while saving</ClassicAlert>\n-->\n<template>\n    <div\n        class=\"p-2 pe-4 rounded d-flex alert\"\n        :class=\"cardClass\"\n        :role=\"type === 'error' || type === 'warning' ? 'alert' : 'status'\"\n        :aria-live=\"type === 'error' || type === 'warning' ? 'assertive' : 'polite'\"\n        aria-atomic=\"true\"\n    >\n        <span aria-hidden=\"true\">\n            <slot name=\"icon\">\n                <!-- The icon -->\n                <component\n                    :is=\"iconComponent\"\n                    v-if=\"!noIcon\"\n                    class=\"icon\"\n                    :size=\"text ? 22 : 30\"\n                />\n            </slot>\n        </span>\n\n        <!-- Main content -->\n        <span class=\"ms-2 content\">\n            <strong v-if=\"title\">\n                {{ title }}\n                <br>\n            </strong>\n\n            <slot />\n        </span>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport Alert from 'vue-material-design-icons/Alert.vue';\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue';\nimport CloseCircle from 'vue-material-design-icons/CloseCircle.vue';\nimport Information from 'vue-material-design-icons/Information.vue';\n\nconst { type, title = undefined, text } = defineProps<{\n    /** Disables the icon when true */\n    noIcon?: boolean;\n    /** An optional title for the alert */\n    title?: string;\n    /** The type of message */\n    type: 'info'|'success'|'warning'|'error';\n    /** Use a simpler display */\n    text?: boolean;\n}>();\n\n/** The class applied to the alert */\nconst cardClass = computed((): Array<string> => {\n    const classes = ['alert-' + type];\n    if (text === true) {\n        classes.push('text-alert');\n    } else {\n        classes.push('my-2');\n    }\n    return classes;\n});\n\nconst iconComponent = computed(() => {\n    if (type === 'info') {\n        return Information;\n    } else if (type === 'success') {\n        return CheckCircle;\n    } else if (type === 'warning') {\n        return Alert;\n    } else if (type === 'error') {\n        return CloseCircle;\n    } else {\n        return null;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.alert {\n    &:not(.text-alert) {\n        border: 1px solid;\n        border-left: 8px solid;\n    }\n\n    .icon {\n        align-items: start !important;\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-self: center;\n\n        &:deep(p) {\n            margin: 0 !important;\n            &:not(:first-child) {\n                margin-top: 8px !important;\n            }\n        }\n    }\n\n    $types: (\n        'success': hsl(from var(--octopus-primary) h s 45),\n        'info': var(--octopus-primary),\n        'warning': var(--octopus-warning),\n        'error': var(--octopus-danger),\n    );\n\n    @each $type, $color in $types {\n        &-#{$type} {\n            &:not(.text-alert) {\n                background-color: hsl(from #{$color} h s 95) !important;\n                border-color: #{$color} !important;\n            }\n            &.text-alert {\n                color: #{$color} !important;\n            }\n            .icon {\n                color: #{$color};\n            }\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4DkB,eAA8B;IAC5C,MAAM,UAAU,CAAC,WAAW,QAAA,IAAI;IAChC,IAAI,QAAA,SAAS,MACT,QAAQ,KAAK,YAAY;SAEzB,QAAQ,KAAK,MAAM;IAEvB,OAAO;GACX,CAAA;kBAEsB,eAAe;IACjC,IAAI,QAAA,SAAS,QACT,OAAO;SACJ,IAAI,QAAA,SAAS,WAChB,OAAO;SACJ,IAAI,QAAA,SAAS,WAChB,OAAO;SACJ,IAAI,QAAA,SAAS,SAChB,OAAO;SAEP,OAAO;GAEf,CAAA;;;;;;;;;;;;;mBClEc,eAAY,OAAM;mBAalB,OAAM,eAAc;;;qBApB9B,mBA4BM,OAAA;EA3BF,OAAK,eAAA,CAAC,iCACE,OAAA,SAAS,CAAA;EAChB,MAAM,OAAA,SAAI,WAAgB,OAAA,SAAI,YAAA,UAAA;EAC9B,aAAW,OAAA,SAAI,WAAgB,OAAA,SAAI,YAAA,cAAA;EACpC,eAAY;;EAEZ,mBAUO,QAVP,YAUO,CATH,WAQO,KAAA,QAAA,QAAA,CAAA,SAAA,CAPH,mBAAA,YAAA,GAAA,CAGW,OAAA,UAAA,UAAA,GAFX,YAKE,wBAJO,OAAA,aAAa,GAAA;;GAElB,OAAM;GACL,MAAM,OAAA,OAAI,KAAA;;EAKvB,mBAAA,gBAAA;EACA,mBAOO,QAPP,YAOO,CANW,OAAA,SAAA,UAAA,GAAd,mBAGS,UAAA,YAAA,CAAA,gBAAA,gBAFF,OAAA,KAAK,IAAG,KACX,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,mBAAI,MAAA,MAAA,MAAA,EAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAGR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/ClassicBigChip-BbWdjK3W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicBigChip-BbWdjK3W.mjs","names":[],"sources":["../src/components/misc/ClassicBigChip.vue","../src/components/misc/ClassicBigChip.vue"],"sourcesContent":["<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCCS,OAAM,WAAU;mBACZ,OAAM,QAAO;;qBADtB,mBAYM,OAZN,YAYM,CAXF,mBAQM,OARN,YAQM,CAPF,mBAAkB,KAAA,MAAA,gBAAZ,OAAA,KAAK,GAAA,CAAA,GAED,OAAA,cAAA,UAAA,GADV,YAKE,OAAA,iBAAA;;EAHE,QAAO;EACN,iBAAe,OAAA;EACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,QAAA;uEAIpB,mBAAoB,KAAA,MAAA,gBAAd,OAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/ClassicBigChip-CMefjO08.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicBigChip-CMefjO08.mjs","names":[],"sources":["../src/components/misc/ClassicBigChip.vue","../src/components/misc/ClassicBigChip.vue"],"sourcesContent":["<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA+BA,MAAM,OAAO;;uBA9BT,mBAYM,OAZN,YAYM,CAXF,mBAQM,OARN,YAQM,CAPF,mBAAkB,KAAA,MAAA,gBAAZ,QAAA,KAAK,GAAA,CAAA,GAED,QAAA,cAAA,UAAA,GADV,YAKE,MAAA,oBAAA,GAAA;;IAHE,QAAO;IACN,iBAAe,QAAA;IACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;qEAIpB,mBAAoB,KAAA,MAAA,gBAAd,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/ClassicBigChip-CaUJ5EI5.mjs

@@ -0,0 +1,33 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { n as ActionButton_default } from "./buttons-uGrbDDaA.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+//#region src/components/misc/ClassicBigChip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "big-chip" };
+var _hoisted_2 = { class: "title" };
+//#endregion
+//#region src/components/misc/ClassicBigChip.vue
+var ClassicBigChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ClassicBigChip",
+	props: {
+		title: {},
+		content: {},
+		removeable: { type: Boolean },
+		confirmModal: {}
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("b", null, toDisplayString(__props.title), 1), __props.removeable ? (openBlock(), createBlock(unref(ActionButton_default), {
+				key: 0,
+				action: "delete",
+				"confirm-modal": __props.confirmModal,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+			}, null, 8, ["confirm-modal"])) : createCommentVNode("", true)]), createElementVNode("p", null, toDisplayString(__props.content), 1)]);
+		};
+	}
+}), [["__scopeId", "data-v-be4c24e1"]]);
+//#endregion
+export { ClassicBigChip_default as default };
+
+//# sourceMappingURL=ClassicBigChip-CaUJ5EI5.mjs.map

package/dist/ClassicBigChip-CaUJ5EI5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicBigChip-CaUJ5EI5.mjs","names":[],"sources":["../src/components/misc/ClassicBigChip.vue","../src/components/misc/ClassicBigChip.vue"],"sourcesContent":["<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"big-chip\">\n        <div class=\"title\">\n            <b>{{ title }}</b>\n            <ActionButton\n                v-if=\"removeable\"\n                action=\"delete\"\n                :confirm-modal=\"confirmModal\"\n                @click=\"emit('remove')\"\n            />\n        </div>\n            \n        <p>{{ content }}</p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ActionButton } from '../buttons';\nimport { ConfirmModalData } from '../buttons/ActionButton.vue';\n\ndefineProps<{\n    /** The title of the chip */\n    title: string;\n    /** The content of the chip */\n    content: string;\n    /** When true, displays an action button for removing this chip */\n    removeable?: boolean;\n    /** When removeable, allow for a confirmation modal to be shown */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /** Called when the remove button is clicked */\n    (e: 'remove'): void;\n}>();\n</script>\n\n<style scoped lang=\"scss\">\n.big-chip {\n    display: flex;\n    flex-direction: column;\n    border-radius: 3px;\n    background-color: var(--octopus-secondary);\n    border: 1px solid var(--octopus-primary);\n    padding: 8px 16px;\n    margin: 4px;\n    width: 335px;\n    height: 80px;\n\n    .title {\n        display: flex;\n        justify-content: space-between;\n\n        b {\n            white-space: nowrap;\n            overflow-x: hidden;\n            text-overflow: ellipsis;\n            height: 1rem;\n\n            &:hover {\n                background-color: var(--octopus-secondary);\n                overflow-x: unset;\n                z-index: 1;\n            }\n        }\n\n        // Limit style to buttons directly in title (to not affect the modal)\n        & > div > :deep(button) {\n            margin-top: -6px;\n            padding: 0;\n        }\n    }\n\n    p {\n        margin: 0;\n        overflow: hidden;\n        &:hover {\n            background-color: var(--octopus-secondary);\n            overflow: unset;\n            z-index: 1;\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA+BA,MAAM,OAAO;;uBA9BT,mBAYM,OAZN,YAYM,CAXF,mBAQM,OARN,YAQM,CAPF,mBAAkB,KAAA,MAAA,gBAAZ,QAAA,KAAK,GAAA,CAAA,GAED,QAAA,cAAA,UAAA,GADV,YAKE,MAAA,oBAAA,GAAA;;IAHE,QAAO;IACN,iBAAe,QAAA;IACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;qEAIpB,mBAAoB,KAAA,MAAA,gBAAd,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/ClassicCheckbox-BHKCPtLR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicCheckbox-BHKCPtLR.mjs","names":[],"sources":["../src/components/form/ClassicCheckbox.vue","../src/components/form/ClassicCheckbox.vue"],"sourcesContent":["<!--\n  Simple component to display a checkbox\n  Use `v-model:text-init` to bind the value.\n\n  **Slots:**\n    `after-label` : A slot to display additional elements after the label\n-->\n<template>\n  <div class=\"d-flex flex-nowrap align-items-center octopus-form-item\">\n    <div :class=\"isSwitch ? 'octopus-form-switch me-2' : ''\">\n      <input\n        :id=\"computedIdCheckbox\"\n        :checked=\"textInit\"\n        type=\"checkbox\"\n        :disabled=\"isDisabled\"\n        :title=\"displayLabel ? '' : label\"\n        :data-selenium=\"selenium\"\n        :tabindex=\"isSwitch ? '-1' : '0'\"\n        @input=\"emit('update:textInit', !textInit)\"\n        @click=\"emitClickAction\"\n      >\n      <button\n        v-if=\"isSwitch\"\n        class=\"slider btn-transparent\"\n        :title=\"label\"\n        :disabled=\"isDisabled\"\n        @click=\"clickSlider\"\n        @keydown.space.prevent=\"clickSlider\"\n      />\n    </div>\n    <label\n      class=\"c-hand\"\n      :class=\"[classLabel, displayLabel ? '' : 'd-none', isDisabled ? 'disabled' : '']\"\n      :for=\"isSwitch ? undefined : computedIdCheckbox\"\n      @click=\"clickSlider\"\n    >\n      {{ label }}\n\n      <slot name=\"after-label\" />\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\n//Props \nconst props = defineProps({\n  /** The ID for the checkbox input */\n  idCheckbox: { default: \"\", type: String },\n  /** The label to display with the checkbox */\n  label: { default: \"\", type: String },\n  /** Disables input */\n  isDisabled: { default: false, type: Boolean },\n  /** The value of the checkbox */\n  textInit: { default: false, type: Boolean },\n  /** If true, displays a switch instead of a checkbox */\n  isSwitch: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  classLabel: { default: \"\", type: String },\n  selenium: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"clickAction\"]);\n\n// Computed\nconst computedIdCheckbox = computed(() => {\n  return props.idCheckbox || 'checkbox-' + getCurrentInstance()?.uid;\n});\n\n//Methods\nfunction emitClickAction(): void {\n  emit(\"clickAction\");\n}\nfunction clickSlider() {\n  if (!props.isDisabled && props.isSwitch) {\n    emit(\"update:textInit\", !props.textInit);\n    emitClickAction();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n\n  label.disabled {\n    color: var(--octopus-text-disabled);\n    cursor: default;\n  }\n\n  .octopus-form-switch {\n    position: relative;\n    display: inline-block;\n    width: 2rem;\n    height: 1rem;\n\n    input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .slider {\n      position: absolute;\n      cursor: pointer;\n      inset: 0;\n      background-color: var(--octopus-secondary-darker);\n      transition: 0.4s;\n      border-radius: 1rem;\n    }\n\n    .slider::before {\n      position: absolute;\n      content: \"\";\n      height: 0.8rem;\n      width: 0.8rem;\n      left: 2px;\n      bottom: 2px;\n      background-color: white;\n      transition: 0.4s;\n      border-radius: 50%;\n    }\n\n    .slider:disabled::before {\n      background-color: var(--octopus-text-disabled);\n      opacity: 0.6;\n    }\n\n    input:checked + .slider {\n      background-color: var(--octopus-primary);\n    }\n\n    input:focus + .slider {\n      box-shadow: 0 0 1px var(--octopus-primary);\n    }\n\n    input:checked + .slider::before {\n      transform: translateX(1rem);\n    }\n\n    input:disabled + .slider {\n      cursor: default;\n      background-color: var(--octopus-secondary-darker);\n    }\n  }\n}\n</style>\n","<!--\n  Simple component to display a checkbox\n  Use `v-model:text-init` to bind the value.\n\n  **Slots:**\n    `after-label` : A slot to display additional elements after the label\n-->\n<template>\n  <div class=\"d-flex flex-nowrap align-items-center octopus-form-item\">\n    <div :class=\"isSwitch ? 'octopus-form-switch me-2' : ''\">\n      <input\n        :id=\"computedIdCheckbox\"\n        :checked=\"textInit\"\n        type=\"checkbox\"\n        :disabled=\"isDisabled\"\n        :title=\"displayLabel ? '' : label\"\n        :data-selenium=\"selenium\"\n        :tabindex=\"isSwitch ? '-1' : '0'\"\n        @input=\"emit('update:textInit', !textInit)\"\n        @click=\"emitClickAction\"\n      >\n      <button\n        v-if=\"isSwitch\"\n        class=\"slider btn-transparent\"\n        :title=\"label\"\n        :disabled=\"isDisabled\"\n        @click=\"clickSlider\"\n        @keydown.space.prevent=\"clickSlider\"\n      />\n    </div>\n    <label\n      class=\"c-hand\"\n      :class=\"[classLabel, displayLabel ? '' : 'd-none', isDisabled ? 'disabled' : '']\"\n      :for=\"isSwitch ? undefined : computedIdCheckbox\"\n      @click=\"clickSlider\"\n    >\n      {{ label }}\n\n      <slot name=\"after-label\" />\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\n//Props \nconst props = defineProps({\n  /** The ID for the checkbox input */\n  idCheckbox: { default: \"\", type: String },\n  /** The label to display with the checkbox */\n  label: { default: \"\", type: String },\n  /** Disables input */\n  isDisabled: { default: false, type: Boolean },\n  /** The value of the checkbox */\n  textInit: { default: false, type: Boolean },\n  /** If true, displays a switch instead of a checkbox */\n  isSwitch: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  classLabel: { default: \"\", type: String },\n  selenium: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"clickAction\"]);\n\n// Computed\nconst computedIdCheckbox = computed(() => {\n  return props.idCheckbox || 'checkbox-' + getCurrentInstance()?.uid;\n});\n\n//Methods\nfunction emitClickAction(): void {\n  emit(\"clickAction\");\n}\nfunction clickSlider() {\n  if (!props.isDisabled && props.isSwitch) {\n    emit(\"update:textInit\", !props.textInit);\n    emitClickAction();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n\n  label.disabled {\n    color: var(--octopus-text-disabled);\n    cursor: default;\n  }\n\n  .octopus-form-switch {\n    position: relative;\n    display: inline-block;\n    width: 2rem;\n    height: 1rem;\n\n    input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .slider {\n      position: absolute;\n      cursor: pointer;\n      inset: 0;\n      background-color: var(--octopus-secondary-darker);\n      transition: 0.4s;\n      border-radius: 1rem;\n    }\n\n    .slider::before {\n      position: absolute;\n      content: \"\";\n      height: 0.8rem;\n      width: 0.8rem;\n      left: 2px;\n      bottom: 2px;\n      background-color: white;\n      transition: 0.4s;\n      border-radius: 50%;\n    }\n\n    .slider:disabled::before {\n      background-color: var(--octopus-text-disabled);\n      opacity: 0.6;\n    }\n\n    input:checked + .slider {\n      background-color: var(--octopus-primary);\n    }\n\n    input:focus + .slider {\n      box-shadow: 0 0 1px var(--octopus-primary);\n    }\n\n    input:checked + .slider::before {\n      transform: translateX(1rem);\n    }\n\n    input:disabled + .slider {\n      cursor: default;\n      background-color: var(--octopus-secondary-darker);\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EAGb,MAAM,qBAAqB,eAAe;GACxC,OAAO,MAAM,cAAc,cAAc,mBAAmB,GAAG;EACjE,CAAC;EAGD,SAAS,kBAAwB;GAC/B,KAAK,aAAa;EACpB;EACA,SAAS,cAAc;GACrB,IAAI,CAAC,MAAM,cAAc,MAAM,UAAU;IACvC,KAAK,mBAAmB,CAAC,MAAM,QAAQ;IACvC,gBAAgB;GAClB;EACF;;;;;;;;;;;;;;;;;;mBCxEO,OAAM,0DAAyD;;;;;;;;;;;;;;;;qBAApE,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAoBM,OAAA,EApBA,OAAK,eAAE,OAAA,WAAQ,6BAAA,EAAA,EAAA,GAAA,CACnB,mBAUC,SAAA;EATE,IAAI,OAAA;EACJ,SAAS,OAAA;EACV,MAAK;EACJ,UAAU,OAAA;EACV,OAAO,OAAA,eAAY,KAAQ,OAAA;EAC3B,iBAAe,OAAA;EACf,UAAU,OAAA,WAAQ,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,mBAAA,CAAqB,OAAA,QAAQ;EACxC,SAAO,OAAA;2BAGF,OAAA,YAAA,UAAA,GADR,mBAOE,UAAA;;EALA,OAAM;EACL,OAAO,OAAA;EACP,UAAU,OAAA;EACV,SAAO,OAAA;EACP,WAAO,SAAA,cAAgB,OAAA,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;oEAGvC,mBASQ,SAAA;EARN,OAAK,eAAA,CAAC,UAAQ;GACL,OAAA;GAAY,OAAA,eAAY,KAAA;GAAkB,OAAA,aAAU,aAAA;EAAA,CAAA,CAAA;EAC5D,KAAK,OAAA,WAAW,KAAA,IAAY,OAAA;EAC5B,SAAO,OAAA;qCAEL,OAAA,KAAK,IAAG,KAEX,CAAA,GAAA,WAA2B,KAAA,QAAA,aAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA"}

package/dist/ClassicCheckbox-CqA5WUGc.mjs

@@ -0,0 +1,113 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, normalizeClass, openBlock, renderSlot, toDisplayString, withKeys, withModifiers } from "vue";
+//#region src/components/form/ClassicCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex flex-nowrap align-items-center octopus-form-item" };
+var _hoisted_2 = [
+	"id",
+	"checked",
+	"disabled",
+	"title",
+	"data-selenium",
+	"tabindex"
+];
+var _hoisted_3 = [
+	"title",
+	"disabled",
+	"onKeydown"
+];
+var _hoisted_4 = ["for"];
+var ClassicCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicCheckbox",
+	props: {
+		/** The ID for the checkbox input */
+		idCheckbox: {
+			default: "",
+			type: String
+		},
+		/** The label to display with the checkbox */
+		label: {
+			default: "",
+			type: String
+		},
+		/** Disables input */
+		isDisabled: {
+			default: false,
+			type: Boolean
+		},
+		/** The value of the checkbox */
+		textInit: {
+			default: false,
+			type: Boolean
+		},
+		/** If true, displays a switch instead of a checkbox */
+		isSwitch: {
+			default: false,
+			type: Boolean
+		},
+		displayLabel: {
+			default: true,
+			type: Boolean
+		},
+		classLabel: {
+			default: "",
+			type: String
+		},
+		selenium: {
+			default: "",
+			type: String
+		}
+	},
+	emits: ["update:textInit", "clickAction"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const computedIdCheckbox = computed(() => {
+			return props.idCheckbox || "checkbox-" + getCurrentInstance()?.uid;
+		});
+		function emitClickAction() {
+			emit("clickAction");
+		}
+		function clickSlider() {
+			if (!props.isDisabled && props.isSwitch) {
+				emit("update:textInit", !props.textInit);
+				emitClickAction();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(__props.isSwitch ? "octopus-form-switch me-2" : "") }, [createElementVNode("input", {
+				id: computedIdCheckbox.value,
+				checked: __props.textInit,
+				type: "checkbox",
+				disabled: __props.isDisabled,
+				title: __props.displayLabel ? "" : __props.label,
+				"data-selenium": __props.selenium,
+				tabindex: __props.isSwitch ? "-1" : "0",
+				onInput: _cache[0] || (_cache[0] = ($event) => emit("update:textInit", !__props.textInit)),
+				onClick: emitClickAction
+			}, null, 40, _hoisted_2), __props.isSwitch ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				class: "slider btn-transparent",
+				title: __props.label,
+				disabled: __props.isDisabled,
+				onClick: clickSlider,
+				onKeydown: withKeys(withModifiers(clickSlider, ["prevent"]), ["space"])
+			}, null, 40, _hoisted_3)) : createCommentVNode("", true)], 2), createElementVNode("label", {
+				class: normalizeClass(["c-hand", [
+					__props.classLabel,
+					__props.displayLabel ? "" : "d-none",
+					__props.isDisabled ? "disabled" : ""
+				]]),
+				for: __props.isSwitch ? void 0 : computedIdCheckbox.value,
+				onClick: clickSlider
+			}, [createTextVNode(toDisplayString(__props.label) + " ", 1), renderSlot(_ctx.$slots, "after-label")], 10, _hoisted_4)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/ClassicCheckbox.vue
+var ClassicCheckbox_exports = /* @__PURE__ */ __exportAll({ default: () => ClassicCheckbox_default });
+var ClassicCheckbox_default = ClassicCheckbox_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ClassicCheckbox_exports as n, ClassicCheckbox_default as t };
+
+//# sourceMappingURL=ClassicCheckbox-CqA5WUGc.mjs.map