@bagelink/vue 0.0.145 → 0.0.155

package/dist/style.css

@@ -749,11 +749,11 @@
 	border-radius: var(--btn-border-radius);
 }
 
-.modal-title[data-v-ca1b8501] {
+.modal-title[data-v-1799b7d0] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-ca1b8501] {
+.modal-title[data-v-1799b7d0] {
 		margin-top: 1rem;
 }
 }
@@ -2191,6 +2191,31 @@ input[type='email'][data-v-ed81a514] {
 	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
 
+.bagel-input[data-v-a5b28c58] {
+	height: 100%;
+	margin: 0;
+}
+.bagel-input label[data-v-a5b28c58] {
+	margin-bottom: 0;
+}
+.bagel-input textarea[data-v-a5b28c58] {
+	height: 100%;
+	resize: none;
+	background: var(--input-bg);
+	margin-bottom: 0.5rem;
+}
+.character-limit[data-v-a5b28c58] {
+	font-size: 0.6rem;
+	color: var(--input-color);
+	position: absolute;
+	top: 0.25rem;
+	inset-inline-end: 0;
+}
+
+.no-edit[data-v-188270a2] {
+	cursor: not-allowed;
+}
+
 .chart-line {
 	width: 100%;
 	height: 300px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.145",
+  "version": "0.0.155",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -51,7 +51,7 @@
     "./vite.config.ts"
   ],
   "dependencies": {
-    "vue": "^3.3.9"
+    "vue": "^3.3.10"
   },
   "devDependencies": {
     "@vue-macros/reactivity-transform": "^0.4.0"

package/src/components/Modal.vue

@@ -11,6 +11,12 @@
 		>
 			<header class="tool-bar">
 				<slot name="toolbar" />
+				<Btn
+					:style="{ float: side ? 'left' : 'right' }"
+					flat
+					icon="close"
+					@click="closeModal"
+				/>
 			</header>
 			<h3 class="modal-title">
 				{{ title }}
@@ -35,7 +41,7 @@ import { onMounted, onUnmounted } from 'vue';
 import { type BtnOptions, Btn, useEscape } from '@bagelink/vue';
 import '../styles/modal.css';
 
-defineProps<{
+const props = defineProps<{
 	side?: boolean;
 	title?: string;
 	dismissable?: boolean;
@@ -53,7 +59,7 @@ const closeModal = () => {
 	}, 200);
 };
 
-const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
+const escapeKeyClose = (e: KeyboardEvent) => props?.dismissable && useEscape(e, () => closeModal());
 
 onMounted(() => {
 	setTimeout(() => {

package/src/components/ModalForm.vue

@@ -90,7 +90,7 @@ const runDelete = () => {
 	closeModal();
 };
 
-const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
+const escapeKeyClose = (e: KeyboardEvent) => props?.dismissable && useEscape(e, () => closeModal());
 
 onMounted(() => {
 	setTimeout(() => {

package/src/components/form/inputs/DynamicLinkField.vue

@@ -96,8 +96,6 @@ interface ListItem {
 	description?: string;
 }
 
-const initialized = ref(false);
-
 async function initList(e: Event) {
 	await getLinkOptions(getElValue(e));
 	showList.value = true;

package/src/components/form/inputs/index.ts

@@ -15,3 +15,8 @@ export { default as RichTextEditor } from './RichTextEditor.vue';
 export { default as TableField } from './TableField.vue';
 export { default as DurationInput } from './DurationInput.vue';
 export { default as TextInput } from './TextInput.vue';
+export { default as TextArea } from './TextArea.vue';
+export { default as Checkbox } from './Checkbox.vue';
+export { default as ColorPicker } from './ColorPicker.vue';
+export { default as DynamicLinkField } from './DynamicLinkField.vue';
+export { default as PlainText } from './PlainText.vue';