@ouestfrance/sipa-bms-ui 8.50.0 → 8.52.0

package/dist/components/form/BmsTextArea.vue.d.ts

@@ -2,8 +2,9 @@ import { FieldComponentProps } from '../../plugins/field/field-component.model';
 export interface Props extends FieldComponentProps {
     modelValue: string;
     placeholder?: string;
+    autoResize?: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<Props, {
     setFocus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
@@ -13,5 +14,13 @@ declare const _default: import('vue').DefineComponent<Props, {
     label: string;
     required: boolean;
     disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    autoResize: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    'icon-start'?: ((props: {}) => any) | undefined;
+}>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/sipa-bms-ui.css

@@ -427,15 +427,15 @@
   left: 50%;
   transform: translateX(-50%);
   width: 1em;
-}.bms-switch-icon-button[data-v-6751139f] {
+}.bms-switch-icon-button[data-v-72b8f219] {
   position: relative;
   display: inline-flex;
   border-radius: var(--bms-border-radius, 0.25em);
 }
-.bms-switch-icon-button[data-v-6751139f]:hover:not(.bms-switch-icon-button--disabled) {
+.bms-switch-icon-button[data-v-72b8f219]:hover:not(.bms-switch-icon-button--disabled) {
   background-color: light-dark(var(--bms-main-25), var(--bms-grey-140));
 }
-.bms-switch-icon-button__button[data-v-6751139f] {
+.bms-switch-icon-button__button[data-v-72b8f219] {
   display: flex;
   align-items: center;
   gap: 0.25em;
@@ -446,26 +446,26 @@
   border-radius: inherit;
   transition: background-color 0.2s;
 }
-.bms-switch-icon-button__button[data-v-6751139f]:hover:not(.bms-switch-icon-button__button--disabled) {
+.bms-switch-icon-button__button[data-v-72b8f219]:hover:not(.bms-switch-icon-button__button--disabled) {
   background-color: light-dark(var(--bms-main-25), var(--bms-grey-140));
 }
-.bms-switch-icon-button__button--disabled[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled[data-v-72b8f219] {
   cursor: default;
 }
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   background-color: var(--bms-field-disabled-background);
 }
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon[data-v-6751139f],
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__chevron[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon[data-v-72b8f219],
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__chevron[data-v-72b8f219] {
   color: var(--bms-field-disabled-text-color);
 }
-.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   background-color: inherit;
 }
-.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon[data-v-6751139f] {
+.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon[data-v-72b8f219] {
   color: var(--bms-main-100);
 }
-.bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -475,24 +475,24 @@
   transition: background-color 0.2s;
   background-color: var(--bms-main-100);
 }
-.bms-switch-icon-button__button:not(.bms-switch-icon-button__button--small) .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button:not(.bms-switch-icon-button__button--small) .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   width: 2.25em;
   height: 2.25em;
 }
-.bms-switch-icon-button__button__icon[data-v-6751139f] {
+.bms-switch-icon-button__button__icon[data-v-72b8f219] {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--bms-white);
 }
-.bms-switch-icon-button__button__chevron[data-v-6751139f] {
+.bms-switch-icon-button__button__chevron[data-v-72b8f219] {
   display: flex;
   align-items: center;
   color: var(--bms-main-100);
   flex-shrink: 0;
   transition: color 0.2s;
 }
-.bms-switch-icon-button__menu[data-v-6751139f] {
+.bms-switch-icon-button__menu[data-v-72b8f219] {
   position: absolute;
   background-color: var(--bms-white);
   border: 1px solid var(--bms-border-color);
@@ -506,7 +506,7 @@
   box-shadow: var(--bms-box-shadow-elevated);
   width: max-content;
 }
-.bms-switch-icon-button__menu__item[data-v-6751139f] {
+.bms-switch-icon-button__menu__item[data-v-72b8f219] {
   min-height: 2.5em;
   padding: 0.5em 1em;
   display: flex;
@@ -517,27 +517,27 @@
   width: 100%;
   box-sizing: border-box;
 }
-.bms-switch-icon-button__menu__item[data-v-6751139f]:hover {
+.bms-switch-icon-button__menu__item[data-v-72b8f219]:hover {
   background-color: light-dark(var(--bms-grey-10), var(--bms-grey-100));
 }
-.bms-switch-icon-button__menu__item__check[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__check[data-v-72b8f219] {
   flex-shrink: 0;
   color: var(--bms-font-color);
   width: 1em;
   height: 1em;
 }
-.bms-switch-icon-button__menu__item__check-placeholder[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__check-placeholder[data-v-72b8f219] {
   width: 1em;
   height: 1em;
   flex-shrink: 0;
 }
-.bms-switch-icon-button__menu__item__icon[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__icon[data-v-72b8f219] {
   flex-shrink: 0;
   color: var(--bms-font-color);
   width: 1em;
   height: 1em;
 }
-.bms-switch-icon-button__menu__item__label[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__label[data-v-72b8f219] {
   white-space: nowrap;
   font-size: 0.875em;
   color: var(--bms-font-color);
@@ -1700,41 +1700,72 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 .combobox-option--select-all[data-v-7df0bce4] {
   font-weight: 600;
   width: 100%;
-}.field__input textarea[data-v-6d84521c] {
-  display: flex;
-  align-items: center;
+}.textarea-wrapper[data-v-3dc80e4b] {
+  position: relative;
   width: 100%;
   padding: var(--field-padding);
   border-radius: var(--bms-border-radius);
   border: 1px solid var(--field-border-color);
   background-color: var(--textarea-background-color);
-  min-height: 96px;
-  outline: none;
-  font: inherit;
-  color: inherit;
 }
-.field__input textarea[data-v-6d84521c]:hover {
+.textarea-wrapper[data-v-3dc80e4b]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input textarea[data-v-6d84521c]:active, .field__input textarea[data-v-6d84521c]:focus {
+.textarea-wrapper[data-v-3dc80e4b]:focus-within {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input textarea.is-error[data-v-6d84521c] {
+.textarea-wrapper.is-error[data-v-3dc80e4b] {
   --field-border-color: var(--bms-red-100);
   --textarea-background-color: var(--bms-red-25);
 }
-.field__input textarea.is-disabled[data-v-6d84521c] {
+.textarea-wrapper.is-disabled[data-v-3dc80e4b] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --textarea-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
-  cursor: text;
 }
-.field__input textarea.is-disabled textarea[data-v-6d84521c]:disabled {
+.textarea-wrapper.is-disabled textarea[data-v-3dc80e4b] {
+  cursor: text;
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.field__input textarea.is-small[data-v-6d84521c] {
-  min-height: 56px;
+.textarea-wrapper.is-small textarea[data-v-3dc80e4b] {
+  min-height: 46px;
+}
+.textarea-wrapper.is-auto-resize textarea[data-v-3dc80e4b] {
+  resize: none;
+  overflow: hidden;
+}
+.textarea-wrapper:has(.field__input-icon--start:not(:empty)) textarea[data-v-3dc80e4b] {
+  text-indent: 1.8em;
+}
+.textarea-wrapper textarea[data-v-3dc80e4b] {
+  display: block;
+  width: 100%;
+  outline: none;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background-color: transparent;
+  resize: vertical;
+  min-height: 80px;
+}
+.textarea-wrapper .field__input-icon[data-v-3dc80e4b] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: var(--field-padding);
+  display: flex;
+  align-items: flex-start;
+}
+.textarea-wrapper .field__input-icon[data-v-3dc80e4b]:empty {
+  display: none;
+}
+.textarea-wrapper .field__input-icon[data-v-3dc80e4b] svg {
+  width: 1em;
+  height: 1em;
+  display: block;
 }.page[data-v-31057778] {
   margin: 0 auto;
   width: var(--wrapper-width, calc(100% - 3.2rem));

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

@@ -354,7 +354,7 @@ var getHeaderClasses = (header, sort) => {
 //#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"
@@ -396,7 +396,7 @@ var BmsLink_default = /* @__PURE__ */ defineComponent({
 					onClick: navigate,
 					class: computedClasses.value,
 					target: __props.target
-				}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$45)]),
+				}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$46)]),
 				_: 3
 			}, 8, ["to"]));
 		};
@@ -449,7 +449,7 @@ var UiButtonLink_default = /* @__PURE__ */ defineComponent({
 //#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
@@ -475,7 +475,7 @@ var UiButton_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(UiButtonLink_default, normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [
 					createElementVNode("span", _hoisted_1$66, [renderSlot(_ctx.$slots, "start")]),
-					createElementVNode("span", _hoisted_2$44, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_2$45, [renderSlot(_ctx.$slots, "default")]),
 					createElementVNode("span", _hoisted_3$26, [renderSlot(_ctx.$slots, "end")])
 				]),
 				_: 3
@@ -55084,7 +55084,7 @@ var lucide_vue_next_exports = /* @__PURE__ */ __exportAll({
 //#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"
@@ -55115,13 +55115,17 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		const props = __props;
 		const emits = __emit;
 		const isOpen = ref(false);
+		const openUpward = ref(true);
 		const anchorElement = useTemplateRef("anchorElement");
 		const menuElement = useTemplateRef("menuElement");
-		const { height } = useElementBounding(anchorElement);
-		const menuStyle = computed(() => ({ bottom: `${height.value}px` }));
+		const { height, top, bottom } = useElementBounding(anchorElement);
+		const menuStyle = computed(() => openUpward.value ? { bottom: `${height.value}px` } : { top: `${height.value}px` });
 		const selectedOption = 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);
@@ -55151,7 +55155,7 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				key: 0,
 				size: 16,
 				class: "bms-switch-icon-button__button__icon"
-			})) : createCommentVNode("", true)]), !isOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+			})) : createCommentVNode("", true)]), openUpward.value !== isOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
 				key: 0,
 				size: 10,
 				class: "bms-switch-icon-button__button__chevron"
@@ -55181,15 +55185,15 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 						class: "bms-switch-icon-button__menu__item__icon"
 					})) : createCommentVNode("", true),
 					createElementVNode("span", _hoisted_4$15, toDisplayString(option.label), 1)
-				], 8, _hoisted_2$43);
+				], 8, _hoisted_2$44);
 			}), 128))], 4), [[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
@@ -55220,7 +55224,7 @@ var BmsAlert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["alert", `alert-${props.type} ${props.small ? "alert--small" : ""}`]) }, [createElementVNode("div", _hoisted_1$63, [
-				createElementVNode("span", _hoisted_2$42, [(openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))]),
+				createElementVNode("span", _hoisted_2$43, [(openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))]),
 				createElementVNode("span", _hoisted_3$24, [renderSlot(_ctx.$slots, "message", {}, () => [createElementVNode("strong", null, toDisplayString(__props.message), 1)], true)]),
 				renderSlot(_ctx.$slots, "action", {}, void 0, true),
 				__props.dismissable ? (openBlock(), createBlock(BmsIconButton_default, {
@@ -55270,7 +55274,7 @@ var _hoisted_1$61 = {
 	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__ */ defineComponent({
@@ -55295,14 +55299,14 @@ var BmsCaption_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["caption", `caption-${computedCaption.value.mode}`]) }, [computedCaption.value.mode != unref(StatusType).Default ? (openBlock(), createElementBlock("span", _hoisted_1$61, [createVNode(unref(alertIcon), { size: 13 })])) : createCommentVNode("", true), createElementVNode("span", {
 				class: "label",
 				innerHTML: 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"
 };
@@ -55316,7 +55320,7 @@ var BmsCircularProgress_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 	props: ["progress"],
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$60, [__props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$40, [createElementVNode("g", _hoisted_3$23, [_cache[0] || (_cache[0] = createElementVNode("circle", {
+			return openBlock(), createElementBlock("div", _hoisted_1$60, [__props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$41, [createElementVNode("g", _hoisted_3$23, [_cache[0] || (_cache[0] = createElementVNode("circle", {
 				opacity: ".08",
 				r: "45",
 				cx: "50",
@@ -55398,7 +55402,7 @@ var _hoisted_1$59 = {
 	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"
@@ -55445,7 +55449,7 @@ var BmsLoader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					"stop-color": "currentColor",
 					offset: "100%"
 				}, null, -1)
-			])], 8, _hoisted_2$39)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$13, [createElementVNode("path", {
+			])], 8, _hoisted_2$40)]), createElementVNode("g", _hoisted_3$22, [createElementVNode("g", _hoisted_4$13, [createElementVNode("path", {
 				d: "M36 18c0-9.94-8.06-18-18-18",
 				id: "Oval-2",
 				stroke: `url(#${unref(gradientId)})`,
@@ -55848,7 +55852,7 @@ var FieldDatalist_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 //#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",
@@ -55932,7 +55936,7 @@ var RawInputText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(["input-wrapper", classes.value]) }, [
 				createElementVNode("template", _hoisted_1$57, [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
-				createElementVNode("span", _hoisted_2$38, [renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_2$39, [renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)]),
 				createElementVNode("input", {
 					ref_key: "input",
 					ref: input,
@@ -56140,7 +56144,7 @@ var RawAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 //#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__ */ defineComponent({
@@ -56215,7 +56219,7 @@ var BmsAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					key: 0,
 					class: "icon datalist-icon",
 					innerHTML: option.icon
-				}, null, 8, _hoisted_2$37)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+				}, null, 8, _hoisted_2$38)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
 					key: 1,
 					class: "icon datalist-icon"
 				}))], 64)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(option.label), 1)]),
@@ -56250,7 +56254,7 @@ var BmsAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 //#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__ */ defineComponent({
@@ -56348,7 +56352,7 @@ var BmsServerAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 					key: 0,
 					class: "icon datalist-icon",
 					innerHTML: option.icon
-				}, null, 8, _hoisted_2$36)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+				}, null, 8, _hoisted_2$37)) : (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
 					key: 1,
 					class: "icon datalist-icon"
 				}))], 64)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(option.label), 1)]),
@@ -56496,7 +56500,7 @@ var BmsChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 //#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
@@ -56572,7 +56576,7 @@ var BmsFilePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-testid": "file-upload-drop-area",
 				onDrop: _cache[1] || (_cache[1] = withModifiers(($event) => onDropFile($event), ["prevent"])),
 				onDragover: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
-			}, [createElementVNode("label", _hoisted_2$35, [isDragOver.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.dragOverMessage), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.dragOffMessage), 1)], 64)), createElementVNode("input", {
+			}, [createElementVNode("label", _hoisted_2$36, [isDragOver.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.dragOverMessage), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.dragOffMessage), 1)], 64)), createElementVNode("input", {
 				"data-testid": "file-upload-input-file",
 				type: "file",
 				onChange: _cache[0] || (_cache[0] = ($event) => onSelectFile($event))
@@ -56595,7 +56599,7 @@ var _hoisted_1$53 = [
 	"name",
 	"value"
 ];
-var _hoisted_2$34 = {
+var _hoisted_2$35 = {
 	key: 0,
 	class: "input-checkbox-info"
 };
@@ -56642,7 +56646,7 @@ var UiBmsInputCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 				name: __props.name,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
 				value: __props.value
-			}, null, 8, _hoisted_1$53), [[vModelCheckbox, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$34, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
+			}, null, 8, _hoisted_1$53), [[vModelCheckbox, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$35, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
 		};
 	}
 }), [["__scopeId", "data-v-e1d94c62"]]);
@@ -85809,7 +85813,7 @@ var BmsInputDateTime_default = /* @__PURE__ */ defineComponent({
 //#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"
@@ -85949,7 +85953,7 @@ var BmsInputFile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						key: 0,
 						src: getImageSrc(file),
 						class: "file-upload__file-img"
-					}, null, 8, _hoisted_2$33)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(file.name), 1)), createVNode(BmsIconButton_default, {
+					}, null, 8, _hoisted_2$34)) : (openBlock(), createElementBlock("span", _hoisted_3$19, toDisplayString(file.name), 1)), createVNode(BmsIconButton_default, {
 						mode: unref(StatusType).Danger,
 						onClick: withModifiers(($event) => onDeleteFile(file), ["prevent"]),
 						class: "close-button"
@@ -86054,7 +86058,7 @@ var _hoisted_1$50 = [
 	"disabled",
 	"required"
 ];
-var _hoisted_2$32 = {
+var _hoisted_2$33 = {
 	key: 0,
 	class: "input-radio-info"
 };
@@ -86102,7 +86106,7 @@ var BmsInputRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				name: __props.name,
 				disabled: __props.disabled,
 				required: __props.required
-			}, null, 8, _hoisted_1$50), [[vModelRadio, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$32, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
+			}, null, 8, _hoisted_1$50), [[vModelRadio, inputValue.value]]), hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$33, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)])], 2);
 		};
 	}
 }), [["__scopeId", "data-v-c0c9efa3"]]);
@@ -86354,7 +86358,7 @@ var UiBmsSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 //#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
@@ -86396,7 +86400,7 @@ var BmsInputToggle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				}]) }, [createElementVNode("span", _hoisted_1$48, [createElementVNode("span", {
 					class: "input-switch-info",
 					title: __props.ellipsisLabel ? __props.label : void 0
-				}, toDisplayString(__props.label), 9, _hoisted_2$31), __props.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
+				}, toDisplayString(__props.label), 9, _hoisted_2$32), __props.helperText ? (openBlock(), createBlock(unref(BmsTooltip_default), {
 					key: 0,
 					tooltipText: __props.helperText
 				}, {
@@ -86533,7 +86537,7 @@ var RawSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 //#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
@@ -86645,7 +86649,7 @@ var BmsMultiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					disabled: __props.disabled,
 					onInput,
 					onKeyup: withKeys(openDatalist, ["down"])
-				}, null, 40, _hoisted_2$30), [[vModelText, searching.value]])]), createElementVNode("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? (openBlock(), createBlock(unref(X), {
+				}, null, 40, _hoisted_2$31), [[vModelText, searching.value]])]), createElementVNode("span", _hoisted_3$17, [modelValue.value && modelValue.value?.length ? (openBlock(), createBlock(unref(X), {
 					key: 0,
 					class: "icon icon-clear",
 					onClick: withModifiers(clearInput, ["stop"])
@@ -101319,7 +101323,7 @@ var _hoisted_1$45 = [
 	"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__ */ defineComponent({
@@ -101411,7 +101415,7 @@ var BmsSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					required: __props.required,
 					disabled: __props.disabled,
 					onKeyup: withKeys(openDatalist, ["down"])
-				}, null, 40, _hoisted_1$45), createElementVNode("span", _hoisted_2$29, [isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+				}, null, 40, _hoisted_1$45), createElementVNode("span", _hoisted_2$30, [isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
 					key: 0,
 					class: "icon-toggle-button"
 				})) : (openBlock(), createBlock(unref(ChevronDown), {
@@ -101448,7 +101452,7 @@ var UiSelectIcon_default = /* @__PURE__ */ defineComponent({
 //#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"
 };
@@ -101711,7 +101715,7 @@ var BmsCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					ref_key: "selectElement",
 					ref: selectElement
 				}, [
-					__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$28, [renderSlot(_ctx.$slots, "selected-items", {
+					__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$29, [renderSlot(_ctx.$slots, "selected-items", {
 						selectedItems: selectedItems.value,
 						dismiss: (value) => onRemoveOption(value)
 					}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedItems.value, (tag) => {
@@ -101813,7 +101817,8 @@ var BmsCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__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",
@@ -101826,6 +101831,10 @@ var BmsTextArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	props: {
 		modelValue: {},
 		placeholder: {},
+		autoResize: {
+			type: Boolean,
+			default: false
+		},
 		label: { default: "" },
 		loading: { type: Boolean },
 		required: {
@@ -101848,14 +101857,27 @@ var BmsTextArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const props = __props;
 		const textArea = 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();
 		};
+		onMounted(() => {
+			if (props.autoResize) doResize();
+		});
+		watch(() => props.modelValue, () => {
+			if (props.autoResize) doResize();
+		});
 		const classes = 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 = () => {
@@ -101865,24 +101887,23 @@ var BmsTextArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		return (_ctx, _cache) => {
 			const _component_field = resolveComponent("field");
 			return openBlock(), createBlock(_component_field, normalizeProps(guardReactiveProps(_ctx.$props)), {
-				default: withCtx(() => [createElementVNode("textarea", {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["textarea-wrapper", classes.value]) }, [createElementVNode("span", _hoisted_1$42, [renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)]), createElementVNode("textarea", {
 					ref_key: "textArea",
 					ref: textArea,
 					value: __props.modelValue,
 					role: "input",
-					class: normalizeClass(classes.value),
 					required: __props.required,
 					placeholder: __props.placeholder,
 					disabled: __props.disabled,
 					onInput,
 					onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"])),
 					cols: "10"
-				}, "      " + toDisplayString(__props.modelValue) + "\n    ", 43, _hoisted_1$42)]),
-				_: 1
+				}, "        " + 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__ */ defineComponent({