@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/ClassicInputText-D2wR2cwa.mjs

@@ -0,0 +1,371 @@
+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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, getCurrentInstance, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, useTemplateRef, vModelDynamic, vModelText, vShow, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+import AsteriskIcon from "vue-material-design-icons/Asterisk.vue";
+import HelpCircleIcon from "vue-material-design-icons/HelpCircle.vue";
+//#region src/components/form/ClassicInputText.vue?vue&type=script&setup=true&lang.ts
+var ClassicInputText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicInputText",
+	props: {
+		inputId: {
+			default: "",
+			type: String
+		},
+		label: {
+			default: "",
+			type: String
+		},
+		/** The input's value */
+		textInit: {
+			default: void 0,
+			type: String
+		},
+		maxLength: {
+			default: 0,
+			type: Number
+		},
+		errorText: {
+			default: "",
+			type: String
+		},
+		isTextarea: {
+			default: false,
+			type: Boolean
+		},
+		isWysiwyg: {
+			default: false,
+			type: Boolean
+		},
+		/** A regex checked against the input, if the input doesn't match mark it with error */
+		regex: {
+			default: void 0,
+			type: RegExp
+		},
+		canBeNull: {
+			default: false,
+			type: Boolean
+		},
+		inputMaxLengthField: {
+			default: void 0,
+			type: Number
+		},
+		errorVariable: {
+			default: true,
+			type: Boolean
+		},
+		/**
+		* Disable the text input
+		* @deprecated Use `disabled` instead
+		*/
+		isDisable: {
+			default: false,
+			type: Boolean
+		},
+		/**
+		* Disable the text input
+		*/
+		disabled: {
+			default: false,
+			type: Boolean
+		},
+		indicText: {
+			default: "",
+			type: String
+		},
+		dataSelenium: {
+			default: "",
+			type: String
+		},
+		placeholder: {
+			default: "",
+			type: String
+		},
+		popover: {
+			default: void 0,
+			type: String
+		},
+		/**
+		* Display content but do not allow changes
+		*/
+		readonly: {
+			default: false,
+			type: Boolean
+		},
+		forceError: {
+			default: false,
+			type: Boolean
+		},
+		displayLabel: {
+			default: true,
+			type: Boolean
+		},
+		focus: {
+			default: false,
+			type: Boolean
+		},
+		isEmojiPicker: {
+			default: false,
+			type: Boolean
+		},
+		popoverRelativeClass: {
+			default: void 0,
+			type: String
+		},
+		forceReload: {
+			default: false,
+			type: Boolean
+		},
+		typeInput: {
+			default: "text",
+			type: String
+		},
+		displayRequired: {
+			default: false,
+			type: Boolean
+		},
+		classLabel: {
+			default: "form-label",
+			type: String
+		},
+		showField: {
+			default: true,
+			type: Boolean
+		},
+		autocompleteType: {
+			default: "off",
+			type: String
+		}
+	},
+	emits: [
+		"update:textInit",
+		"update:errorVariable",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
+		const ClassicWysiwyg = defineAsyncComponent(() => import("./ClassicWysiwyg-Bew6KMXn.mjs"));
+		const ClassicEmojiPicker = defineAsyncComponent(() => import("./ClassicEmojiPicker-EQy5H_zL.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const textValue = ref(void 0);
+		const focusElementRef = useTemplateRef("focusElement");
+		const { t } = useI18n();
+		const computedInputId = computed(() => props.inputId || "input-" + getCurrentInstance()?.uid);
+		const isError = computed(() => !valueTrimValid.value || !valueLengthValid.value || !valueRegexValid.value);
+		const countValue = computed(() => {
+			if (textValue.value) return textValue.value.length;
+			return 0;
+		});
+		const valueTrimValid = computed(() => {
+			if (!props.canBeNull) {
+				if (!textValue.value) return false;
+				return 0 !== textValue.value.trim().length;
+			}
+			return true;
+		});
+		const valueLengthValid = computed(() => {
+			if (0 === props.maxLength) return true;
+			return props.maxLength >= countValue.value;
+		});
+		const valueRegexValid = computed(() => {
+			if (props.regex === void 0) return true;
+			if (!textValue.value || "" === textValue.value) return props.canBeNull;
+			return textValue.value.match(props.regex) !== null;
+		});
+		watch(() => props.forceReload, () => {
+			if (props.textInit !== textValue.value) textValue.value = props.textInit;
+		});
+		watch(isError, () => {
+			emit("update:errorVariable", isError.value);
+		});
+		watch(textValue, () => {
+			if (props.textInit !== textValue.value) emit("update:textInit", textValue.value);
+		});
+		watch(() => props.textInit, () => {
+			if (props.textInit !== textValue.value) textValue.value = props.textInit;
+		});
+		onMounted(() => {
+			if (props.focus) (focusElementRef?.value)?.focus();
+			textValue.value = props.textInit;
+			if (props.errorVariable !== isError.value) emit("update:errorVariable", isError.value);
+			if (props.isTextarea) scrollTimer = setTimeout(() => {
+				const textArea = document.getElementById(computedInputId.value);
+				if (textArea) textArea.scrollTop = 0;
+			}, 100);
+		});
+		let scrollTimer;
+		onUnmounted(() => {
+			clearTimeout(scrollTimer);
+		});
+		function addEmojiSelected(emoji) {
+			textValue.value = (textValue.value ?? "") + emoji;
+		}
+		const __returned__ = {
+			ClassicPopover,
+			ClassicWysiwyg,
+			ClassicEmojiPicker,
+			props,
+			emit,
+			textValue,
+			focusElementRef,
+			t,
+			computedInputId,
+			isError,
+			countValue,
+			valueTrimValid,
+			valueLengthValid,
+			valueRegexValid,
+			get scrollTimer() {
+				return scrollTimer;
+			},
+			set scrollTimer(v) {
+				scrollTimer = v;
+			},
+			addEmojiSelected,
+			AsteriskIcon,
+			HelpCircleIcon
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/form/ClassicInputText.vue
+var ClassicInputText_exports = /* @__PURE__ */ __exportAll({ default: () => ClassicInputText_default });
+var _hoisted_1 = { class: "d-flex align-items-center" };
+var _hoisted_2 = ["id", "title"];
+var _hoisted_3 = ["innerHTML"];
+var _hoisted_4 = [
+	"id",
+	"type",
+	"placeholder",
+	"data-selenium",
+	"data-value",
+	"maxlength",
+	"readonly",
+	"disabled",
+	"required",
+	"aria-required",
+	"autocomplete"
+];
+var _hoisted_5 = [
+	"id",
+	"data-selenium",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"required"
+];
+var _hoisted_6 = { class: "d-flex" };
+var _hoisted_7 = {
+	key: 1,
+	class: "h6"
+};
+var _hoisted_8 = {
+	key: 2,
+	class: "text-indic"
+};
+var _hoisted_9 = {
+	key: 3,
+	class: "text-danger"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", { class: normalizeClass(["d-flex flex-column classic-input-text", { "form-margin": $props.displayLabel }]) }, [
+		createElementVNode("div", _hoisted_1, [
+			renderSlot(_ctx.$slots, "complementLabel"),
+			(openBlock(), createBlock(resolveDynamicComponent($props.isWysiwyg ? "div" : "label"), {
+				class: normalizeClass([$props.classLabel, $props.displayLabel ? "" : "d-none"]),
+				for: $props.isWysiwyg ? "" : $setup.computedInputId
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString($props.label) + " ", 1), $props.displayRequired ? (openBlock(), createBlock($setup["AsteriskIcon"], {
+					key: 0,
+					size: 10,
+					class: "ms-1 mb-2",
+					title: $setup.t("Mandatory input")
+				}, null, 8, ["title"])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["class", "for"])),
+			renderSlot(_ctx.$slots, "afterTitle"),
+			$props.popover ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+				id: "popover" + $setup.computedInputId,
+				title: $setup.t("Help"),
+				class: "btn-transparent"
+			}, [createVNode($setup["HelpCircleIcon"], { size: 30 })], 8, _hoisted_2), createVNode($setup["ClassicPopover"], {
+				target: "popover" + $setup.computedInputId,
+				"popover-class": "popover-z-index",
+				"relative-class": $props.popoverRelativeClass
+			}, {
+				default: withCtx(() => [
+					createCommentVNode(" eslint-disable vue/no-v-html "),
+					createElementVNode("div", { innerHTML: $props.popover }, null, 8, _hoisted_3),
+					createCommentVNode(" eslint-enable ")
+				]),
+				_: 1
+			}, 8, ["target", "relative-class"])], 64)) : createCommentVNode("v-if", true),
+			renderSlot(_ctx.$slots, "afterHelp")
+		]),
+		renderSlot(_ctx.$slots, "betweenTitleInput"),
+		!$props.isWysiwyg && !$props.isTextarea ? withDirectives((openBlock(), createElementBlock("input", {
+			key: 0,
+			id: $setup.computedInputId,
+			ref: "focusElement",
+			"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.textValue = $event),
+			type: $props.typeInput,
+			class: normalizeClass(["form-input", { "border border-danger": $props.forceError || $setup.isError && (void 0 !== $setup.textValue || $props.canBeNull) }]),
+			placeholder: $props.placeholder,
+			"data-selenium": $props.dataSelenium,
+			"data-value": $setup.textValue,
+			maxlength: $props.inputMaxLengthField,
+			readonly: $props.readonly ? "readonly" : void 0,
+			disabled: $props.isDisable || $props.disabled,
+			required: !$props.canBeNull,
+			"aria-required": !$props.canBeNull,
+			autocomplete: $props.autocompleteType,
+			onBlur: _cache[1] || (_cache[1] = ($event) => $setup.emit("blur"))
+		}, null, 42, _hoisted_4)), [[vShow, $props.showField], [vModelDynamic, $setup.textValue]]) : $props.isTextarea ? withDirectives((openBlock(), createElementBlock("textarea", {
+			key: 1,
+			id: $setup.computedInputId,
+			ref: "focusElement",
+			"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.textValue = $event),
+			"data-selenium": $props.dataSelenium,
+			placeholder: $props.placeholder,
+			readonly: $props.readonly ? "readonly" : void 0,
+			class: normalizeClass(["form-input", { "border border-danger": $props.forceError || $setup.isError && (void 0 !== $setup.textValue || $props.canBeNull) }]),
+			disabled: $props.isDisable || $props.disabled,
+			required: !$props.canBeNull
+		}, null, 10, _hoisted_5)), [[vShow, $props.showField], [vModelText, $setup.textValue]]) : withDirectives((openBlock(), createBlock($setup["ClassicWysiwyg"], {
+			key: 2,
+			content: $setup.textValue,
+			"onUpdate:content": _cache[3] || (_cache[3] = ($event) => $setup.textValue = $event),
+			"error-description": $props.forceError || $setup.isError && (void 0 !== $setup.textValue || $props.canBeNull),
+			"is-disabled": $props.isDisable || $props.disabled
+		}, null, 8, [
+			"content",
+			"error-description",
+			"is-disabled"
+		])), [[vShow, $props.showField]]),
+		createElementVNode("div", _hoisted_6, [
+			$props.isEmojiPicker ? (openBlock(), createBlock($setup["ClassicEmojiPicker"], {
+				key: 0,
+				"popover-relative-class": $props.popoverRelativeClass,
+				"is-top-position": true,
+				onEmojiSelected: $setup.addEmojiSelected
+			}, null, 8, ["popover-relative-class"])) : createCommentVNode("v-if", true),
+			$props.isWysiwyg ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString($setup.t("Characters number calculated over HTML code")), 1)) : "" !== $props.indicText ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString($props.indicText), 1)) : $props.forceError || $setup.isError && (void 0 !== $setup.textValue || $props.canBeNull) ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString($props.errorText), 1)) : createCommentVNode("v-if", true),
+			0 !== $props.maxLength && $props.showField ? (openBlock(), createElementBlock("p", {
+				key: 4,
+				class: normalizeClass(["counter-align-right", { "text-danger": !$setup.valueLengthValid }])
+			}, toDisplayString($setup.countValue + " / " + $props.maxLength), 3)) : createCommentVNode("v-if", true)
+		])
+	], 2);
+}
+var ClassicInputText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ClassicInputText_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/form/ClassicInputText.vue"]]);
+//#endregion
+export { ClassicInputText_exports as n, ClassicInputText_default as t };
+
+//# sourceMappingURL=ClassicInputText-D2wR2cwa.mjs.map

package/dist/ClassicInputText-D2wR2cwa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicInputText-D2wR2cwa.mjs","names":[],"sources":["../src/components/form/ClassicInputText.vue","../src/components/form/ClassicInputText.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column classic-input-text\"\n    :class=\"{ 'form-margin': displayLabel }\"\n  >\n    <div class=\"d-flex align-items-center\">\n      <slot name=\"complementLabel\" />\n      <component\n        :is=\"isWysiwyg? 'div': 'label'\"\n        :class=\"[classLabel, displayLabel ? '' : 'd-none']\"\n        :for=\"isWysiwyg ? '': computedInputId\"\n      >\n        {{ label }}\n        <AsteriskIcon\n          v-if=\"displayRequired\"\n          :size=\"10\"\n          class=\"ms-1 mb-2\"\n          :title=\"t('Mandatory input')\"\n        />\n      </component>\n      <slot name=\"afterTitle\" />\n      <template v-if=\"popover\">\n        <button\n          :id=\"'popover' + computedInputId\"\n          :title=\"t('Help')\"\n          class=\"btn-transparent\"\n        >\n          <HelpCircleIcon :size=\"30\" />\n        </button>\n\n        <ClassicPopover\n          :target=\"'popover' + computedInputId\"\n          popover-class=\"popover-z-index\"\n          :relative-class=\"popoverRelativeClass\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div v-html=\"popover\" />\n          <!-- eslint-enable -->\n        </ClassicPopover>\n      </template>\n      <slot name=\"afterHelp\" />\n    </div>\n    <slot name=\"betweenTitleInput\" />\n    <input\n      v-if=\"!isWysiwyg && !isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :type=\"typeInput\"\n      class=\"form-input\"\n      :placeholder=\"placeholder\"\n      :data-selenium=\"dataSelenium\"\n      :data-value=\"textValue\"\n      :maxlength=\"inputMaxLengthField\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n      :aria-required=\"!canBeNull\"\n      :autocomplete=\"autocompleteType\"\n      @blur=\"emit('blur')\"\n    >\n    <textarea\n      v-else-if=\"isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :data-selenium=\"dataSelenium\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n    />\n    <ClassicWysiwyg\n      v-else\n      v-show=\"showField\"\n      v-model:content=\"textValue\"\n      :error-description=\"\n        forceError || (isError && (undefined !== textValue || canBeNull))\n      \"\n      :is-disabled=\"isDisable || disabled\"\n    />\n    <div class=\"d-flex\">\n      <ClassicEmojiPicker\n        v-if=\"isEmojiPicker\"\n        :popover-relative-class=\"popoverRelativeClass\"\n        :is-top-position=\"true\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div\n        v-if=\"isWysiwyg\"\n        class=\"h6\"\n      >\n        {{ t(\"Characters number calculated over HTML code\") }}\n      </div>\n      <div\n        v-else-if=\"'' !== indicText\"\n        class=\"text-indic\"\n      >\n        {{ indicText }}\n      </div>\n      <div\n        v-else-if=\"\n          forceError || (isError && (undefined !== textValue || canBeNull))\n        \"\n        class=\"text-danger\"\n      >\n        {{ errorText }}\n      </div>\n      <p\n        v-if=\"0 !== maxLength && showField\"\n        class=\"counter-align-right\"\n        :class=\"{ 'text-danger': !valueLengthValid }\"\n      >\n        {{ countValue + \" / \" + maxLength }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AsteriskIcon from \"vue-material-design-icons/Asterisk.vue\";\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch, getCurrentInstance } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\nconst ClassicWysiwyg = defineAsyncComponent(\n  () => import(\"./ClassicWysiwyg.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"./ClassicEmojiPicker.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  inputId: { default: \"\", type: String },\n  label: { default: \"\", type: String },\n  /** The input's value */\n  textInit: { default: undefined, type: String },\n  maxLength: { default: 0, type: Number },\n  errorText: { default: \"\", type: String },\n  isTextarea: { default: false, type: Boolean },\n  isWysiwyg: { default: false, type: Boolean },\n  /** A regex checked against the input, if the input doesn't match mark it with error */\n  regex: { default: undefined, type: RegExp },\n  canBeNull: { default: false, type: Boolean },\n  inputMaxLengthField: { default: undefined, type: Number },\n  errorVariable: { default: true, type: Boolean },\n  /**\n   * Disable the text input\n   * @deprecated Use `disabled` instead\n   */\n  isDisable: { default: false, type: Boolean },\n  /**\n   * Disable the text input\n   */\n  disabled: { default: false, type: Boolean },\n  indicText: { default: \"\", type: String },\n  dataSelenium: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n  popover: { default: undefined, type: String },\n  /**\n   * Display content but do not allow changes\n   */\n  readonly: { default: false, type: Boolean },\n  forceError: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  focus: { default: false, type: Boolean },\n  isEmojiPicker: { default: false, type: Boolean },\n  popoverRelativeClass: { default: undefined, type: String },\n  forceReload: { default: false, type: Boolean },\n  typeInput: { default: \"text\", type: String },\n  displayRequired: { default: false, type: Boolean },\n  classLabel: { default: \"form-label\", type: String },\n  showField: { default: true, type: Boolean },\n  autocompleteType: { default: \"off\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"update:errorVariable\", \"blur\"]);\n\n//Data \nconst textValue : Ref<string | undefined>= ref(undefined);\nconst focusElementRef = useTemplateRef('focusElement');\n\n//Composables \nconst { t } = useI18n();\n\n//Computed\nconst computedInputId = computed(() => props.inputId || 'input-' + getCurrentInstance()?.uid);\nconst isError = computed(() => !valueTrimValid.value || !valueLengthValid.value || !valueRegexValid.value);\nconst countValue = computed(() => {\n  if (textValue.value) {\n    return textValue.value.length;\n  }\n  return 0;\n});\nconst valueTrimValid = computed(() => {\n  if (!props.canBeNull) {\n    if (!textValue.value) {\n      return false;\n    }\n    return 0 !== textValue.value.trim().length;\n  }\n  return true;\n});\nconst valueLengthValid = computed(() => {\n  if (0 === props.maxLength) {\n    return true;\n  }\n  return props.maxLength >= countValue.value;\n});\nconst valueRegexValid = computed(() => {\n  if (props.regex === undefined) {\n    return true;\n  }\n  if (!textValue.value || \"\" === textValue.value) {\n    return props.canBeNull;\n  }\n  return textValue.value.match(props.regex) !== null;\n});\n  \n//Watch\nwatch(()=>props.forceReload, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\nwatch(isError, () => {\n  emit(\"update:errorVariable\", isError.value);\n});\nwatch(textValue, () => {\n  if (props.textInit !== textValue.value) {\n    emit(\"update:textInit\", textValue.value);\n  }\n});\nwatch(()=>props.textInit, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\n\n\nonMounted(()=>{\n  if (props.focus) {\n    (focusElementRef?.value as HTMLElement)?.focus();\n  }\n  textValue.value = props.textInit;\n  if (props.errorVariable !== isError.value) {\n    emit(\"update:errorVariable\", isError.value);\n  }\n\n  if (props.isTextarea) {\n    // Delay a scroll back to the top of the text area\n    scrollTimer = setTimeout(() => {\n      const textArea = document.getElementById(computedInputId.value);\n      if (textArea) {\n        textArea.scrollTop = 0;\n      }\n    }, 100);\n  }\n});\n\nlet scrollTimer: ReturnType<typeof setTimeout> | undefined;\nonUnmounted(() => {\n  clearTimeout(scrollTimer);\n});\n \n//Methods\nfunction addEmojiSelected(emoji: string) {\n  textValue.value = (textValue.value ?? \"\") + emoji;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .classic-input-text {\n  .text-indic {\n    font-style: italic;\n    font-size: 0.7rem;\n    color: var(--octopus-gray-text);\n  }\n\n  textarea {\n    height: auto;\n    min-height: 120px;\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"d-flex flex-column classic-input-text\"\n    :class=\"{ 'form-margin': displayLabel }\"\n  >\n    <div class=\"d-flex align-items-center\">\n      <slot name=\"complementLabel\" />\n      <component\n        :is=\"isWysiwyg? 'div': 'label'\"\n        :class=\"[classLabel, displayLabel ? '' : 'd-none']\"\n        :for=\"isWysiwyg ? '': computedInputId\"\n      >\n        {{ label }}\n        <AsteriskIcon\n          v-if=\"displayRequired\"\n          :size=\"10\"\n          class=\"ms-1 mb-2\"\n          :title=\"t('Mandatory input')\"\n        />\n      </component>\n      <slot name=\"afterTitle\" />\n      <template v-if=\"popover\">\n        <button\n          :id=\"'popover' + computedInputId\"\n          :title=\"t('Help')\"\n          class=\"btn-transparent\"\n        >\n          <HelpCircleIcon :size=\"30\" />\n        </button>\n\n        <ClassicPopover\n          :target=\"'popover' + computedInputId\"\n          popover-class=\"popover-z-index\"\n          :relative-class=\"popoverRelativeClass\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div v-html=\"popover\" />\n          <!-- eslint-enable -->\n        </ClassicPopover>\n      </template>\n      <slot name=\"afterHelp\" />\n    </div>\n    <slot name=\"betweenTitleInput\" />\n    <input\n      v-if=\"!isWysiwyg && !isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :type=\"typeInput\"\n      class=\"form-input\"\n      :placeholder=\"placeholder\"\n      :data-selenium=\"dataSelenium\"\n      :data-value=\"textValue\"\n      :maxlength=\"inputMaxLengthField\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n      :aria-required=\"!canBeNull\"\n      :autocomplete=\"autocompleteType\"\n      @blur=\"emit('blur')\"\n    >\n    <textarea\n      v-else-if=\"isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :data-selenium=\"dataSelenium\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n    />\n    <ClassicWysiwyg\n      v-else\n      v-show=\"showField\"\n      v-model:content=\"textValue\"\n      :error-description=\"\n        forceError || (isError && (undefined !== textValue || canBeNull))\n      \"\n      :is-disabled=\"isDisable || disabled\"\n    />\n    <div class=\"d-flex\">\n      <ClassicEmojiPicker\n        v-if=\"isEmojiPicker\"\n        :popover-relative-class=\"popoverRelativeClass\"\n        :is-top-position=\"true\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div\n        v-if=\"isWysiwyg\"\n        class=\"h6\"\n      >\n        {{ t(\"Characters number calculated over HTML code\") }}\n      </div>\n      <div\n        v-else-if=\"'' !== indicText\"\n        class=\"text-indic\"\n      >\n        {{ indicText }}\n      </div>\n      <div\n        v-else-if=\"\n          forceError || (isError && (undefined !== textValue || canBeNull))\n        \"\n        class=\"text-danger\"\n      >\n        {{ errorText }}\n      </div>\n      <p\n        v-if=\"0 !== maxLength && showField\"\n        class=\"counter-align-right\"\n        :class=\"{ 'text-danger': !valueLengthValid }\"\n      >\n        {{ countValue + \" / \" + maxLength }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AsteriskIcon from \"vue-material-design-icons/Asterisk.vue\";\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch, getCurrentInstance } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\nconst ClassicWysiwyg = defineAsyncComponent(\n  () => import(\"./ClassicWysiwyg.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"./ClassicEmojiPicker.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  inputId: { default: \"\", type: String },\n  label: { default: \"\", type: String },\n  /** The input's value */\n  textInit: { default: undefined, type: String },\n  maxLength: { default: 0, type: Number },\n  errorText: { default: \"\", type: String },\n  isTextarea: { default: false, type: Boolean },\n  isWysiwyg: { default: false, type: Boolean },\n  /** A regex checked against the input, if the input doesn't match mark it with error */\n  regex: { default: undefined, type: RegExp },\n  canBeNull: { default: false, type: Boolean },\n  inputMaxLengthField: { default: undefined, type: Number },\n  errorVariable: { default: true, type: Boolean },\n  /**\n   * Disable the text input\n   * @deprecated Use `disabled` instead\n   */\n  isDisable: { default: false, type: Boolean },\n  /**\n   * Disable the text input\n   */\n  disabled: { default: false, type: Boolean },\n  indicText: { default: \"\", type: String },\n  dataSelenium: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n  popover: { default: undefined, type: String },\n  /**\n   * Display content but do not allow changes\n   */\n  readonly: { default: false, type: Boolean },\n  forceError: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  focus: { default: false, type: Boolean },\n  isEmojiPicker: { default: false, type: Boolean },\n  popoverRelativeClass: { default: undefined, type: String },\n  forceReload: { default: false, type: Boolean },\n  typeInput: { default: \"text\", type: String },\n  displayRequired: { default: false, type: Boolean },\n  classLabel: { default: \"form-label\", type: String },\n  showField: { default: true, type: Boolean },\n  autocompleteType: { default: \"off\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"update:errorVariable\", \"blur\"]);\n\n//Data \nconst textValue : Ref<string | undefined>= ref(undefined);\nconst focusElementRef = useTemplateRef('focusElement');\n\n//Composables \nconst { t } = useI18n();\n\n//Computed\nconst computedInputId = computed(() => props.inputId || 'input-' + getCurrentInstance()?.uid);\nconst isError = computed(() => !valueTrimValid.value || !valueLengthValid.value || !valueRegexValid.value);\nconst countValue = computed(() => {\n  if (textValue.value) {\n    return textValue.value.length;\n  }\n  return 0;\n});\nconst valueTrimValid = computed(() => {\n  if (!props.canBeNull) {\n    if (!textValue.value) {\n      return false;\n    }\n    return 0 !== textValue.value.trim().length;\n  }\n  return true;\n});\nconst valueLengthValid = computed(() => {\n  if (0 === props.maxLength) {\n    return true;\n  }\n  return props.maxLength >= countValue.value;\n});\nconst valueRegexValid = computed(() => {\n  if (props.regex === undefined) {\n    return true;\n  }\n  if (!textValue.value || \"\" === textValue.value) {\n    return props.canBeNull;\n  }\n  return textValue.value.match(props.regex) !== null;\n});\n  \n//Watch\nwatch(()=>props.forceReload, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\nwatch(isError, () => {\n  emit(\"update:errorVariable\", isError.value);\n});\nwatch(textValue, () => {\n  if (props.textInit !== textValue.value) {\n    emit(\"update:textInit\", textValue.value);\n  }\n});\nwatch(()=>props.textInit, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\n\n\nonMounted(()=>{\n  if (props.focus) {\n    (focusElementRef?.value as HTMLElement)?.focus();\n  }\n  textValue.value = props.textInit;\n  if (props.errorVariable !== isError.value) {\n    emit(\"update:errorVariable\", isError.value);\n  }\n\n  if (props.isTextarea) {\n    // Delay a scroll back to the top of the text area\n    scrollTimer = setTimeout(() => {\n      const textArea = document.getElementById(computedInputId.value);\n      if (textArea) {\n        textArea.scrollTop = 0;\n      }\n    }, 100);\n  }\n});\n\nlet scrollTimer: ReturnType<typeof setTimeout> | undefined;\nonUnmounted(() => {\n  clearTimeout(scrollTimer);\n});\n \n//Methods\nfunction addEmojiSelected(emoji: string) {\n  textValue.value = (textValue.value ?? \"\") + emoji;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .classic-input-text {\n  .text-indic {\n    font-style: italic;\n    font-size: 0.7rem;\n    color: var(--octopus-gray-text);\n  }\n\n  textarea {\n    height: auto;\n    min-height: 120px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ClassicWysiwyg-Bew6KMXn.mjs

@@ -0,0 +1,230 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, toDisplayString, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import LinkVariantIcon from "vue-material-design-icons/LinkVariant.vue";
+import FormatBoldIcon from "vue-material-design-icons/FormatBold.vue";
+import FormatItalicIcon from "vue-material-design-icons/FormatItalic.vue";
+import FormatUnderlineIcon from "vue-material-design-icons/FormatUnderline.vue";
+import LinkVariantOffIcon from "vue-material-design-icons/LinkVariantOff.vue";
+import KeyboardReturnIcon from "vue-material-design-icons/KeyboardReturn.vue";
+import FormatListBulletedIcon from "vue-material-design-icons/FormatListBulleted.vue";
+import FormatListNumberedIcon from "vue-material-design-icons/FormatListNumbered.vue";
+import { Editor, EditorContent } from "@tiptap/vue-3";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import { TextStyle } from "@tiptap/extension-text-style";
+import Link from "@tiptap/extension-link";
+import HardBreak from "@tiptap/extension-hard-break";
+//#region src/components/form/ClassicWysiwyg.vue?vue&type=script&setup=true&lang.ts
+var ClassicWysiwyg_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicWysiwyg",
+	props: {
+		content: {
+			default: void 0,
+			type: String
+		},
+		errorDescription: {
+			default: false,
+			type: Boolean
+		},
+		isDisabled: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["update:content"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const props = __props;
+		const emit = __emit;
+		const isHtmlDisplay = ref(false);
+		const html = ref(props.content);
+		const editor = ref(null);
+		const { t } = useI18n();
+		watch(() => props.content, () => {
+			if (props.content === html.value) return;
+			initContent();
+		});
+		watch(() => props.isDisabled, () => {
+			if (editor.value) editor.value.setOptions({ editable: true !== props.isDisabled });
+		});
+		onMounted(() => {
+			editor.value = new Editor({
+				extensions: [
+					StarterKit,
+					Underline,
+					TextStyle,
+					Link.configure({ openOnClick: false }),
+					HardBreak
+				],
+				content: "",
+				editable: true !== props.isDisabled,
+				onUpdate: updateHtml
+			});
+			initContent();
+		});
+		onUnmounted(() => {
+			if (editor.value) editor.value.destroy();
+		});
+		function initContent() {
+			if (void 0 !== props.content && editor.value && !editor.value.isFocused) {
+				editor.value.commands.setContent(props.content);
+				html.value = editor.value.getHTML();
+			}
+		}
+		function updateHtml() {
+			if (!editor.value) return;
+			const plainText = editor.value.getText();
+			const regexHtml = /<(a|b|h3|h4|em|i|li|ol|p|strong|ul|u|br|span).*?/i;
+			if (regexHtml.test(plainText)) editor.value.commands.setContent(plainText);
+			html.value = editor.value.getHTML().trim();
+			const htmlHeart = html.value.substring(3, html.value.length - 4);
+			if (html.value.startsWith("<p>") && html.value.endsWith("</p>") && !regexHtml.test(htmlHeart)) html.value = htmlHeart;
+			html.value = html.value.replaceAll("&nbsp;", " ");
+			emit("update:content", html.value);
+		}
+		function setLink() {
+			if (!editor.value) return;
+			const previousUrl = editor.value.getAttributes("link").href;
+			const url = window.prompt("URL", previousUrl);
+			if (!url) return;
+			if ("" === url) {
+				editor.value.chain().focus().extendMarkRange("link").unsetLink().run();
+				return;
+			}
+			editor.value.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+		}
+		const __returned__ = {
+			props,
+			emit,
+			isHtmlDisplay,
+			html,
+			editor,
+			t,
+			initContent,
+			updateHtml,
+			setLink,
+			FormatBoldIcon,
+			FormatItalicIcon,
+			FormatUnderlineIcon,
+			LinkVariantIcon,
+			LinkVariantOffIcon,
+			KeyboardReturnIcon,
+			FormatListBulletedIcon,
+			FormatListNumberedIcon,
+			get EditorContent() {
+				return EditorContent;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/form/ClassicWysiwyg.vue
+var _hoisted_1 = { class: "wysiwyg-editor" };
+var _hoisted_2 = {
+	key: 0,
+	class: "editor-menubar"
+};
+var _hoisted_3 = ["title"];
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["title"];
+var _hoisted_6 = ["title"];
+var _hoisted_7 = ["title", "disabled"];
+var _hoisted_8 = ["title"];
+var _hoisted_9 = ["title"];
+var _hoisted_10 = ["title"];
+var _hoisted_11 = ["title"];
+var _hoisted_12 = ["title"];
+var _hoisted_13 = ["title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [$setup.editor ? (openBlock(), createElementBlock("div", _hoisted_2, [
+		createElementVNode("button", {
+			title: $setup.t("Bold"),
+			"data-selenium": "Bold",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("bold") }),
+			onClick: _cache[0] || (_cache[0] = ($event) => $setup.editor.chain().focus().toggleBold().run())
+		}, [createVNode($setup["FormatBoldIcon"])], 10, _hoisted_3),
+		createElementVNode("button", {
+			title: $setup.t("Italic"),
+			"data-selenium": "Italic",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("italic") }),
+			onClick: _cache[1] || (_cache[1] = ($event) => $setup.editor.chain().focus().toggleItalic().run())
+		}, [createVNode($setup["FormatItalicIcon"])], 10, _hoisted_4),
+		createElementVNode("button", {
+			title: $setup.t("Underline"),
+			"data-selenium": "Underline",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("underline") }),
+			onClick: _cache[2] || (_cache[2] = ($event) => $setup.editor.chain().focus().toggleUnderline().run())
+		}, [createVNode($setup["FormatUnderlineIcon"])], 10, _hoisted_5),
+		createElementVNode("button", {
+			title: $setup.t("Link"),
+			"data-selenium": "link",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("link") }),
+			onClick: $setup.setLink
+		}, [createVNode($setup["LinkVariantIcon"])], 10, _hoisted_6),
+		createElementVNode("button", {
+			title: $setup.t("Delete link"),
+			"data-selenium": "unlink",
+			disabled: !$setup.editor.isActive("link"),
+			onClick: _cache[3] || (_cache[3] = ($event) => $setup.editor.chain().focus().unsetLink().run())
+		}, [createVNode($setup["LinkVariantOffIcon"])], 8, _hoisted_7),
+		createElementVNode("button", {
+			title: $setup.t("Heading3"),
+			"data-selenium": "Heading3",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("heading", { level: 3 }) }),
+			onClick: _cache[4] || (_cache[4] = ($event) => $setup.editor.chain().focus().toggleHeading({ level: 3 }).run())
+		}, " H3 ", 10, _hoisted_8),
+		createElementVNode("button", {
+			title: $setup.t("Heading4"),
+			"data-selenium": "Heading4",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("heading", { level: 4 }) }),
+			onClick: _cache[5] || (_cache[5] = ($event) => $setup.editor.chain().focus().toggleHeading({ level: 4 }).run())
+		}, " H4 ", 10, _hoisted_9),
+		createElementVNode("button", {
+			title: $setup.t("Line break"),
+			"data-selenium": "lineBreak",
+			onClick: _cache[6] || (_cache[6] = ($event) => $setup.editor.chain().focus().setHardBreak().run())
+		}, [createVNode($setup["KeyboardReturnIcon"])], 8, _hoisted_10),
+		createElementVNode("button", {
+			title: $setup.t("UnorderedList"),
+			"data-selenium": "UnorderedList",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("bulletList") }),
+			onClick: _cache[7] || (_cache[7] = ($event) => $setup.editor.chain().focus().toggleBulletList().run())
+		}, [createVNode($setup["FormatListBulletedIcon"])], 10, _hoisted_11),
+		createElementVNode("button", {
+			title: $setup.t("List"),
+			"data-selenium": "List",
+			class: normalizeClass({ "is-active": $setup.editor.isActive("orderedList") }),
+			onClick: _cache[8] || (_cache[8] = ($event) => $setup.editor.chain().focus().toggleOrderedList().run())
+		}, [createVNode($setup["FormatListNumberedIcon"])], 10, _hoisted_12),
+		createElementVNode("button", {
+			title: $setup.t("Display HTML"),
+			"data-selenium": "Display-HTML",
+			class: normalizeClass(["html-button", { "is-active": $setup.isHtmlDisplay }]),
+			onClick: _cache[9] || (_cache[9] = ($event) => $setup.isHtmlDisplay = !$setup.isHtmlDisplay)
+		}, " HTML ", 10, _hoisted_13)
+	])) : createCommentVNode("v-if", true), !$setup.isHtmlDisplay ? (openBlock(), createBlock($setup["EditorContent"], {
+		key: 1,
+		class: normalizeClass(["form-input html-wysiwyg-content", {
+			"border border-danger": $props.errorDescription,
+			disabled: $props.isDisabled
+		}]),
+		editor: $setup.editor
+	}, null, 8, ["class", "editor"])) : (openBlock(), createElementBlock("pre", {
+		key: 2,
+		class: normalizeClass(["form-input", {
+			"border border-danger": $props.errorDescription,
+			disabled: $props.isDisabled
+		}])
+	}, [createElementVNode("code", null, toDisplayString($setup.html), 1)], 2))]);
+}
+var ClassicWysiwyg_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ClassicWysiwyg_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/form/ClassicWysiwyg.vue"]]);
+//#endregion
+export { ClassicWysiwyg_default as default };
+
+//# sourceMappingURL=ClassicWysiwyg-Bew6KMXn.mjs.map