@ouestfrance/sipa-bms-ui 8.51.0 → 8.52.1

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

@@ -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));
@@ -2001,7 +2032,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .priority[data-v-383b958c] {
   z-index: calc(var(--bms-z-index-modal) + 10);
-}.ui-modal[data-v-7797fd4d] {
+}.ui-modal[data-v-47b1c4e2] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
   position: fixed;
@@ -2014,23 +2045,23 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   justify-content: center;
   z-index: var(--bms-z-index-fixed);
 }
-.ui-modal.Default[data-v-7797fd4d] {
+.ui-modal.Default[data-v-47b1c4e2] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
 }
-.ui-modal.success[data-v-7797fd4d] {
+.ui-modal.success[data-v-47b1c4e2] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-success-color);
 }
-.ui-modal.warning[data-v-7797fd4d] {
+.ui-modal.warning[data-v-47b1c4e2] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-warning-color);
 }
-.ui-modal.danger[data-v-7797fd4d] {
+.ui-modal.danger[data-v-47b1c4e2] {
   --modal-header-border-size: 4px;
   --modal-header-color: var(--bms-danger-color);
 }
-.ui-modal__loader[data-v-7797fd4d] {
+.ui-modal__loader[data-v-47b1c4e2] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2042,13 +2073,14 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   justify-content: center;
   background: var(--bms-white);
+  border-radius: var(--bms-border-radius-large);
   z-index: calc(var(--bms-z-index-fixed) + 5);
 }
-.ui-modal__loader p[data-v-7797fd4d] {
+.ui-modal__loader p[data-v-47b1c4e2] {
   margin: 0;
   font-size: 0.88em;
 }
-.ui-modal__title[data-v-7797fd4d] {
+.ui-modal__title[data-v-47b1c4e2] {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -2056,10 +2088,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   font-size: 1.5em;
   font-weight: bold;
 }
-.ui-modal__title .title-indicator[data-v-7797fd4d] {
+.ui-modal__title .title-indicator[data-v-47b1c4e2] {
   color: var(--modal-header-color);
 }
-.ui-modal__inner[data-v-7797fd4d] {
+.ui-modal__inner[data-v-47b1c4e2] {
   position: relative;
   pointer-events: all;
   background: var(--bms-white);
@@ -2068,52 +2100,54 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   padding: 1em;
   border-radius: var(--bms-border-radius-large);
 }
-.ui-modal__content[data-v-7797fd4d] {
+.ui-modal__content[data-v-47b1c4e2] {
   margin-top: 1rem;
   max-height: 60vh;
   overflow: auto;
 }
-.ui-modal__header[data-v-7797fd4d], .ui-modal__footer[data-v-7797fd4d] {
+.ui-modal__header[data-v-47b1c4e2], .ui-modal__footer[data-v-47b1c4e2] {
   margin: -1em;
   position: sticky;
   background: var(--bms-white);
   z-index: var(--bms-z-index-fixed);
 }
-.ui-modal__header[data-v-7797fd4d] {
+.ui-modal__header[data-v-47b1c4e2] {
   padding: 1em 1em 0.5em 1em;
   border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
   margin-bottom: 0;
   top: -1em;
   display: flex;
+  border-radius: var(--bms-border-radius-large) var(--bms-border-radius-large) 0 0;
 }
-.ui-modal__header-inner[data-v-7797fd4d] {
+.ui-modal__header-inner[data-v-47b1c4e2] {
   flex: 1 1 auto;
 }
-.ui-modal__footer[data-v-7797fd4d] {
+.ui-modal__footer[data-v-47b1c4e2] {
   padding: 1em;
   margin-top: 0;
   bottom: -1em;
+  border-radius: 0 0 var(--bms-border-radius-large) var(--bms-border-radius-large);
 }
-.ui-modal__buttons[data-v-7797fd4d] {
+.ui-modal__buttons[data-v-47b1c4e2] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 1em;
 }
-.content-fade-enter-active[data-v-7797fd4d],
-.content-fade-leave-active[data-v-7797fd4d] {
+.content-fade-enter-active[data-v-47b1c4e2],
+.content-fade-leave-active[data-v-47b1c4e2] {
   transition: opacity 0.3s ease;
 }
-.content-fade-enter-from[data-v-7797fd4d],
-.content-fade-leave-to[data-v-7797fd4d] {
+.content-fade-enter-from[data-v-47b1c4e2],
+.content-fade-leave-to[data-v-47b1c4e2] {
   opacity: 0;
 }
-.content-fade-enter-active .ui-modal[data-v-7797fd4d],
-.content-fade-leave-active .ui-modal[data-v-7797fd4d] {
+.content-fade-enter-active .ui-modal[data-v-47b1c4e2],
+.content-fade-leave-active .ui-modal[data-v-47b1c4e2] {
   transition: transform 0.3s ease;
 }
-.content-fade-enter-from .ui-modal[data-v-7797fd4d],
-.content-fade-leave-to .ui-modal[data-v-7797fd4d] {
+.content-fade-enter-from .ui-modal[data-v-47b1c4e2],
+.content-fade-leave-to .ui-modal[data-v-47b1c4e2] {
   transform: scale(0.8);
 }.header[data-v-f83835f4] h1,
 .header[data-v-f83835f4] h2,

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"
@@ -55185,7 +55185,7 @@ 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);
 		};
 	}
@@ -55193,7 +55193,7 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 //#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
@@ -55224,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, {
@@ -55274,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({
@@ -55299,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"
 };
@@ -55320,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",
@@ -55402,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"
@@ -55449,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)})`,
@@ -55852,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",
@@ -55936,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,
@@ -56144,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({
@@ -56219,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)]),
@@ -56254,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({
@@ -56352,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)]),
@@ -56500,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
@@ -56576,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))
@@ -56599,7 +56599,7 @@ var _hoisted_1$53 = [
 	"name",
 	"value"
 ];
-var _hoisted_2$34 = {
+var _hoisted_2$35 = {
 	key: 0,
 	class: "input-checkbox-info"
 };
@@ -56646,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"]]);
@@ -85813,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"
@@ -85953,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"
@@ -86058,7 +86058,7 @@ var _hoisted_1$50 = [
 	"disabled",
 	"required"
 ];
-var _hoisted_2$32 = {
+var _hoisted_2$33 = {
 	key: 0,
 	class: "input-radio-info"
 };
@@ -86106,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"]]);
@@ -86358,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
@@ -86400,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
 				}, {
@@ -86537,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
@@ -86649,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"])
@@ -101323,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({
@@ -101415,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), {
@@ -101452,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"
 };
@@ -101715,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) => {
@@ -101817,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",
@@ -101830,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: {
@@ -101852,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 = () => {
@@ -101869,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({
@@ -105121,7 +105138,7 @@ var BmsModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			})]);
 		};
 	}
-}), [["__scopeId", "data-v-7797fd4d"]]);
+}), [["__scopeId", "data-v-47b1c4e2"]]);
 //#endregion
 //#region src/components/layout/BmsSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$33 = { class: "header" };