@ouestfrance/sipa-bms-ui 8.50.0 → 8.52.0

package/dist/sipa-bms-ui.umd.js

@@ -360,7 +360,7 @@
 	//#endregion
 	//#region src/components/navigation/BmsLink.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$68 = ["href", "target"];
-	var _hoisted_2$45 = [
+	var _hoisted_2$46 = [
 		"href",
 		"onClick",
 		"target"
@@ -402,7 +402,7 @@
 						onClick: navigate,
 						class: computedClasses.value,
 						target: __props.target
-					}, _ctx.$attrs), [(0, vue.renderSlot)(_ctx.$slots, "default")], 16, _hoisted_2$45)]),
+					}, _ctx.$attrs), [(0, vue.renderSlot)(_ctx.$slots, "default")], 16, _hoisted_2$46)]),
 					_: 3
 				}, 8, ["to"]));
 			};
@@ -455,7 +455,7 @@
 	//#endregion
 	//#region src/components/button/UiButton.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$66 = { class: "start" };
-	var _hoisted_2$44 = { class: "content" };
+	var _hoisted_2$45 = { class: "content" };
 	var _hoisted_3$26 = { class: "end" };
 	//#endregion
 	//#region src/components/button/UiButton.vue
@@ -481,7 +481,7 @@
 				return (0, vue.openBlock)(), (0, vue.createBlock)(UiButtonLink_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
 					default: (0, vue.withCtx)(() => [
 						(0, vue.createElementVNode)("span", _hoisted_1$66, [(0, vue.renderSlot)(_ctx.$slots, "start")]),
-						(0, vue.createElementVNode)("span", _hoisted_2$44, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+						(0, vue.createElementVNode)("span", _hoisted_2$45, [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 						(0, vue.createElementVNode)("span", _hoisted_3$26, [(0, vue.renderSlot)(_ctx.$slots, "end")])
 					]),
 					_: 3
@@ -55090,7 +55090,7 @@
 	//#endregion
 	//#region src/components/button/BmsSwitchIconButton.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$64 = { class: "bms-switch-icon-button__button__icon-container" };
-	var _hoisted_2$43 = ["onClick"];
+	var _hoisted_2$44 = ["onClick"];
 	var _hoisted_3$25 = {
 		key: 1,
 		class: "bms-switch-icon-button__menu__item__check-placeholder"
@@ -55121,13 +55121,17 @@
 			const props = __props;
 			const emits = __emit;
 			const isOpen = (0, vue.ref)(false);
+			const openUpward = (0, vue.ref)(true);
 			const anchorElement = (0, vue.useTemplateRef)("anchorElement");
 			const menuElement = (0, vue.useTemplateRef)("menuElement");
-			const { height } = useElementBounding(anchorElement);
-			const menuStyle = (0, vue.computed)(() => ({ bottom: `${height.value}px` }));
+			const { height, top, bottom } = useElementBounding(anchorElement);
+			const menuStyle = (0, vue.computed)(() => openUpward.value ? { bottom: `${height.value}px` } : { top: `${height.value}px` });
 			const selectedOption = (0, vue.computed)(() => props.options.find((option) => option.value === props.modelValue));
 			const toggleMenu = () => {
-				if (!props.disabled) isOpen.value = !isOpen.value;
+				if (!props.disabled) {
+					if (!isOpen.value) openUpward.value = top.value > window.innerHeight - bottom.value;
+					isOpen.value = !isOpen.value;
+				}
 			};
 			const selectOption = (value) => {
 				emits("update:modelValue", value);
@@ -55157,7 +55161,7 @@
 					key: 0,
 					size: 16,
 					class: "bms-switch-icon-button__button__icon"
-				})) : (0, vue.createCommentVNode)("", true)]), !isOpen.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), {
+				})) : (0, vue.createCommentVNode)("", true)]), openUpward.value !== isOpen.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), {
 					key: 0,
 					size: 10,
 					class: "bms-switch-icon-button__button__chevron"
@@ -55187,15 +55191,15 @@
 							class: "bms-switch-icon-button__menu__item__icon"
 						})) : (0, vue.createCommentVNode)("", true),
 						(0, vue.createElementVNode)("span", _hoisted_4$15, (0, vue.toDisplayString)(option.label), 1)
-					], 8, _hoisted_2$43);
+					], 8, _hoisted_2$44);
 				}), 128))], 4), [[vue.vShow, isOpen.value]])], 2);
 			};
 		}
-	}), [["__scopeId", "data-v-6751139f"]]);
+	}), [["__scopeId", "data-v-72b8f219"]]);
 	//#endregion
 	//#region src/components/feedback/BmsAlert.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$63 = { class: "info-line" };
-	var _hoisted_2$42 = { class: "icon" };
+	var _hoisted_2$43 = { class: "icon" };
 	var _hoisted_3$24 = { class: "message" };
 	//#endregion
 	//#region src/components/feedback/BmsAlert.vue
@@ -55226,7 +55230,7 @@
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["alert", `alert-${props.type} ${props.small ? "alert--small" : ""}`]) }, [(0, vue.createElementVNode)("div", _hoisted_1$63, [
-					(0, vue.createElementVNode)("span", _hoisted_2$42, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(alertIcon.value), { size: 20 }))]),
+					(0, vue.createElementVNode)("span", _hoisted_2$43, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(alertIcon.value), { size: 20 }))]),
 					(0, vue.createElementVNode)("span", _hoisted_3$24, [(0, vue.renderSlot)(_ctx.$slots, "message", {}, () => [(0, vue.createElementVNode)("strong", null, (0, vue.toDisplayString)(__props.message), 1)], true)]),
 					(0, vue.renderSlot)(_ctx.$slots, "action", {}, void 0, true),
 					__props.dismissable ? ((0, vue.openBlock)(), (0, vue.createBlock)(BmsIconButton_default, {
@@ -55276,7 +55280,7 @@
 		key: 0,
 		class: "icon"
 	};
-	var _hoisted_2$41 = ["innerHTML"];
+	var _hoisted_2$42 = ["innerHTML"];
 	//#endregion
 	//#region src/components/feedback/BmsCaption.vue
 	var BmsCaption_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -55301,14 +55305,14 @@
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["caption", `caption-${computedCaption.value.mode}`]) }, [computedCaption.value.mode != (0, vue.unref)(StatusType).Default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$61, [(0, vue.createVNode)((0, vue.unref)(alertIcon), { size: 13 })])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", {
 					class: "label",
 					innerHTML: (0, vue.unref)(sanitizeHtml)(computedCaption.value.label)
-				}, null, 8, _hoisted_2$41)], 2);
+				}, null, 8, _hoisted_2$42)], 2);
 			};
 		}
 	}), [["__scopeId", "data-v-b08dd4e0"]]);
 	//#endregion
 	//#region src/components/feedback/BmsCircularProgress.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$60 = { class: "circular-progress" };
-	var _hoisted_2$40 = {
+	var _hoisted_2$41 = {
 		key: 0,
 		viewBox: "0 0 100 100"
 	};
@@ -55322,7 +55326,7 @@
 		props: ["progress"],
 		setup(__props) {
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$60, [__props.progress ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_2$40, [(0, vue.createElementVNode)("g", _hoisted_3$23, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("circle", {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$60, [__props.progress ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_2$41, [(0, vue.createElementVNode)("g", _hoisted_3$23, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("circle", {
 					opacity: ".08",
 					r: "45",
 					cx: "50",
@@ -55404,7 +55408,7 @@
 		viewBox: "0 0 38 38",
 		xmlns: "http://www.w3.org/2000/svg"
 	};
-	var _hoisted_2$39 = ["id"];
+	var _hoisted_2$40 = ["id"];
 	var _hoisted_3$22 = {
 		fill: "none",
 		"fill-rule": "evenodd"
@@ -55451,7 +55455,7 @@
 						"stop-color": "currentColor",
 						offset: "100%"
 					}, null, -1)
-				])], 8, _hoisted_2$39)]), (0, vue.createElementVNode)("g", _hoisted_3$22, [(0, vue.createElementVNode)("g", _hoisted_4$13, [(0, vue.createElementVNode)("path", {
+				])], 8, _hoisted_2$40)]), (0, vue.createElementVNode)("g", _hoisted_3$22, [(0, vue.createElementVNode)("g", _hoisted_4$13, [(0, vue.createElementVNode)("path", {
 					d: "M36 18c0-9.94-8.06-18-18-18",
 					id: "Oval-2",
 					stroke: `url(#${(0, vue.unref)(gradientId)})`,
@@ -55854,7 +55858,7 @@
 	//#endregion
 	//#region src/components/form/RawInputText.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$57 = { class: "field__input-label" };
-	var _hoisted_2$38 = { class: "field__input-icon field__input-icon--start" };
+	var _hoisted_2$39 = { class: "field__input-icon field__input-icon--start" };
 	var _hoisted_3$21 = [
 		"type",
 		"value",
@@ -55938,7 +55942,7 @@
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", { class: (0, vue.normalizeClass)(["input-wrapper", classes.value]) }, [
 					(0, vue.createElementVNode)("template", _hoisted_1$57, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, void 0, true)]),
-					(0, vue.createElementVNode)("span", _hoisted_2$38, [(0, vue.renderSlot)(_ctx.$slots, "icon-start", {}, void 0, true)]),
+					(0, vue.createElementVNode)("span", _hoisted_2$39, [(0, vue.renderSlot)(_ctx.$slots, "icon-start", {}, void 0, true)]),
 					(0, vue.createElementVNode)("input", {
 						ref_key: "input",
 						ref: input,
@@ -56146,7 +56150,7 @@
 	//#endregion
 	//#region src/components/form/BmsAutocomplete.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$56 = ["innerHTML"];
-	var _hoisted_2$37 = ["innerHTML"];
+	var _hoisted_2$38 = ["innerHTML"];
 	//#endregion
 	//#region src/components/form/BmsAutocomplete.vue
 	var BmsAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -56221,7 +56225,7 @@
 						key: 0,
 						class: "icon datalist-icon",
 						innerHTML: option.icon
-					}, null, 8, _hoisted_2$37)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(option.icon), {
+					}, null, 8, _hoisted_2$38)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(option.icon), {
 						key: 1,
 						class: "icon datalist-icon"
 					}))], 64)) : (0, vue.createCommentVNode)("", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(option.label), 1)]),
@@ -56256,7 +56260,7 @@
 	//#endregion
 	//#region src/components/form/BmsServerAutocomplete.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$55 = ["innerHTML"];
-	var _hoisted_2$36 = ["innerHTML"];
+	var _hoisted_2$37 = ["innerHTML"];
 	//#endregion
 	//#region src/components/form/BmsServerAutocomplete.vue
 	var BmsServerAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -56354,7 +56358,7 @@
 						key: 0,
 						class: "icon datalist-icon",
 						innerHTML: option.icon
-					}, null, 8, _hoisted_2$36)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(option.icon), {
+					}, null, 8, _hoisted_2$37)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(option.icon), {
 						key: 1,
 						class: "icon datalist-icon"
 					}))], 64)) : (0, vue.createCommentVNode)("", true), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)(option.label), 1)]),
@@ -56502,7 +56506,7 @@
 	//#endregion
 	//#region src/components/form/BmsFilePicker.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$54 = { class: "file-upload" };
-	var _hoisted_2$35 = { class: "file-upload__label" };
+	var _hoisted_2$36 = { class: "file-upload__label" };
 	var _hoisted_3$20 = { key: 1 };
 	var _hoisted_4$11 = { class: "file-upload__file-name" };
 	//#endregion
@@ -56578,7 +56582,7 @@
 					"data-testid": "file-upload-drop-area",
 					onDrop: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => onDropFile($event), ["prevent"])),
 					onDragover: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["prevent"]))
-				}, [(0, vue.createElementVNode)("label", _hoisted_2$35, [isDragOver.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.dragOverMessage), 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.dragOffMessage), 1)], 64)), (0, vue.createElementVNode)("input", {
+				}, [(0, vue.createElementVNode)("label", _hoisted_2$36, [isDragOver.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.dragOverMessage), 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.dragOffMessage), 1)], 64)), (0, vue.createElementVNode)("input", {
 					"data-testid": "file-upload-input-file",
 					type: "file",
 					onChange: _cache[0] || (_cache[0] = ($event) => onSelectFile($event))
@@ -56601,7 +56605,7 @@
 		"name",
 		"value"
 	];
-	var _hoisted_2$34 = {
+	var _hoisted_2$35 = {
 		key: 0,
 		class: "input-checkbox-info"
 	};
@@ -56648,7 +56652,7 @@
 					name: __props.name,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
 					value: __props.value
-				}, null, 8, _hoisted_1$53), [[vue.vModelCheckbox, inputValue.value]]), hasLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$34, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)])], 2);
+				}, null, 8, _hoisted_1$53), [[vue.vModelCheckbox, inputValue.value]]), hasLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$35, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)])], 2);
 			};
 		}
 	}), [["__scopeId", "data-v-e1d94c62"]]);
@@ -85815,7 +85819,7 @@
 	//#endregion
 	//#region src/components/form/BmsInputFile.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$51 = ["accept"];
-	var _hoisted_2$33 = ["src"];
+	var _hoisted_2$34 = ["src"];
 	var _hoisted_3$19 = {
 		key: 1,
 		class: "file-upload__file-name"
@@ -85955,7 +85959,7 @@
 							key: 0,
 							src: getImageSrc(file),
 							class: "file-upload__file-img"
-						}, null, 8, _hoisted_2$33)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$19, (0, vue.toDisplayString)(file.name), 1)), (0, vue.createVNode)(BmsIconButton_default, {
+						}, null, 8, _hoisted_2$34)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$19, (0, vue.toDisplayString)(file.name), 1)), (0, vue.createVNode)(BmsIconButton_default, {
 							mode: (0, vue.unref)(StatusType).Danger,
 							onClick: (0, vue.withModifiers)(($event) => onDeleteFile(file), ["prevent"]),
 							class: "close-button"
@@ -86060,7 +86064,7 @@
 		"disabled",
 		"required"
 	];
-	var _hoisted_2$32 = {
+	var _hoisted_2$33 = {
 		key: 0,
 		class: "input-radio-info"
 	};
@@ -86108,7 +86112,7 @@
 					name: __props.name,
 					disabled: __props.disabled,
 					required: __props.required
-				}, null, 8, _hoisted_1$50), [[vue.vModelRadio, inputValue.value]]), hasLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$32, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)])], 2);
+				}, null, 8, _hoisted_1$50), [[vue.vModelRadio, inputValue.value]]), hasLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$33, [(0, vue.renderSlot)(_ctx.$slots, "label", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)])], 2);
 			};
 		}
 	}), [["__scopeId", "data-v-c0c9efa3"]]);
@@ -86360,7 +86364,7 @@
 	//#endregion
 	//#region src/components/form/BmsInputToggle.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$48 = { class: "input-toggle__label-group" };
-	var _hoisted_2$31 = ["title"];
+	var _hoisted_2$32 = ["title"];
 	var _hoisted_3$18 = { class: "field__label-helper--icon" };
 	//#endregion
 	//#region src/components/form/BmsInputToggle.vue
@@ -86402,7 +86406,7 @@
 					}]) }, [(0, vue.createElementVNode)("span", _hoisted_1$48, [(0, vue.createElementVNode)("span", {
 						class: "input-switch-info",
 						title: __props.ellipsisLabel ? __props.label : void 0
-					}, (0, vue.toDisplayString)(__props.label), 9, _hoisted_2$31), __props.helperText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(BmsTooltip_default), {
+					}, (0, vue.toDisplayString)(__props.label), 9, _hoisted_2$32), __props.helperText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(BmsTooltip_default), {
 						key: 0,
 						tooltipText: __props.helperText
 					}, {
@@ -86539,7 +86543,7 @@
 	//#endregion
 	//#region src/components/form/BmsMultiSelect.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$46 = { class: "tags" };
-	var _hoisted_2$30 = ["disabled"];
+	var _hoisted_2$31 = ["disabled"];
 	var _hoisted_3$17 = { class: "icon-container" };
 	//#endregion
 	//#region src/components/form/BmsMultiSelect.vue
@@ -86651,7 +86655,7 @@
 						disabled: __props.disabled,
 						onInput,
 						onKeyup: (0, vue.withKeys)(openDatalist, ["down"])
-					}, null, 40, _hoisted_2$30), [[vue.vModelText, searching.value]])]), (0, vue.createElementVNode)("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(X), {
+					}, null, 40, _hoisted_2$31), [[vue.vModelText, searching.value]])]), (0, vue.createElementVNode)("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(X), {
 						key: 0,
 						class: "icon icon-clear",
 						onClick: (0, vue.withModifiers)(clearInput, ["stop"])
@@ -101325,7 +101329,7 @@
 		"required",
 		"disabled"
 	];
-	var _hoisted_2$29 = { class: "icon-toggle-container" };
+	var _hoisted_2$30 = { class: "icon-toggle-container" };
 	//#endregion
 	//#region src/components/form/BmsSelect.vue
 	var BmsSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
@@ -101417,7 +101421,7 @@
 						required: __props.required,
 						disabled: __props.disabled,
 						onKeyup: (0, vue.withKeys)(openDatalist, ["down"])
-					}, null, 40, _hoisted_1$45), (0, vue.createElementVNode)("span", _hoisted_2$29, [isDatalistOpen.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), {
+					}, null, 40, _hoisted_1$45), (0, vue.createElementVNode)("span", _hoisted_2$30, [isDatalistOpen.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronUp), {
 						key: 0,
 						class: "icon-toggle-button"
 					})) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ChevronDown), {
@@ -101454,7 +101458,7 @@
 	//#endregion
 	//#region src/components/form/BmsCombobox.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1$43 = { class: "select-wrapper" };
-	var _hoisted_2$28 = {
+	var _hoisted_2$29 = {
 		key: 0,
 		class: "select-input__tags"
 	};
@@ -101717,7 +101721,7 @@
 						ref_key: "selectElement",
 						ref: selectElement
 					}, [
-						__props.multiple ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$28, [(0, vue.renderSlot)(_ctx.$slots, "selected-items", {
+						__props.multiple ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$29, [(0, vue.renderSlot)(_ctx.$slots, "selected-items", {
 							selectedItems: selectedItems.value,
 							dismiss: (value) => onRemoveOption(value)
 						}, () => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(selectedItems.value, (tag) => {
@@ -101819,7 +101823,8 @@
 	}), [["__scopeId", "data-v-7df0bce4"]]);
 	//#endregion
 	//#region src/components/form/BmsTextArea.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$42 = [
+	var _hoisted_1$42 = { class: "field__input-icon field__input-icon--start" };
+	var _hoisted_2$28 = [
 		"value",
 		"required",
 		"placeholder",
@@ -101832,6 +101837,10 @@
 		props: {
 			modelValue: {},
 			placeholder: {},
+			autoResize: {
+				type: Boolean,
+				default: false
+			},
 			label: { default: "" },
 			loading: { type: Boolean },
 			required: {
@@ -101854,14 +101863,27 @@
 			const props = __props;
 			const textArea = (0, vue.ref)(null);
 			const $emits = __emit;
+			const doResize = () => {
+				if (!textArea.value) return;
+				textArea.value.style.height = "auto";
+				textArea.value.style.height = `${textArea.value.scrollHeight}px`;
+			};
 			const onInput = (e) => {
 				if (!props.disabled) $emits("update:modelValue", (e?.target).value);
+				if (props.autoResize) doResize();
 			};
+			(0, vue.onMounted)(() => {
+				if (props.autoResize) doResize();
+			});
+			(0, vue.watch)(() => props.modelValue, () => {
+				if (props.autoResize) doResize();
+			});
 			const classes = (0, vue.computed)(() => {
 				return {
 					"is-error": props.errors?.length,
 					"is-disabled": props.disabled,
-					"is-small": props.small
+					"is-small": props.small,
+					"is-auto-resize": props.autoResize
 				};
 			});
 			const setFocus = () => {
@@ -101871,24 +101893,23 @@
 			return (_ctx, _cache) => {
 				const _component_field = (0, vue.resolveComponent)("field");
 				return (0, vue.openBlock)(), (0, vue.createBlock)(_component_field, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$props)), {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("textarea", {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["textarea-wrapper", classes.value]) }, [(0, vue.createElementVNode)("span", _hoisted_1$42, [(0, vue.renderSlot)(_ctx.$slots, "icon-start", {}, void 0, true)]), (0, vue.createElementVNode)("textarea", {
 						ref_key: "textArea",
 						ref: textArea,
 						value: __props.modelValue,
 						role: "input",
-						class: (0, vue.normalizeClass)(classes.value),
 						required: __props.required,
 						placeholder: __props.placeholder,
 						disabled: __props.disabled,
 						onInput,
 						onKeydown: _cache[0] || (_cache[0] = (0, vue.withKeys)((0, vue.withModifiers)(() => {}, ["stop"]), ["enter"])),
 						cols: "10"
-					}, "      " + (0, vue.toDisplayString)(__props.modelValue) + "\n    ", 43, _hoisted_1$42)]),
-					_: 1
+					}, "        " + (0, vue.toDisplayString)(__props.modelValue) + "\n      ", 41, _hoisted_2$28)], 2)]),
+					_: 3
 				}, 16);
 			};
 		}
-	}), [["__scopeId", "data-v-6d84521c"]]);
+	}), [["__scopeId", "data-v-3dc80e4b"]]);
 	//#endregion
 	//#region src/components/form/BmsInputTime.vue
 	var BmsInputTime_default = /* @__PURE__ */ (0, vue.defineComponent)({