@bagelink/vue 0.0.354 → 0.0.358

package/dist/index.mjs

@@ -4,7 +4,7 @@ var __publicField2 = (obj, key, value) => {
   __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, inject, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, computed, withModifiers, createTextVNode, watch, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, reactive, provide, withDirectives, vModelCheckbox, toRef, isRef, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelText, TransitionGroup, vModelDynamic, vModelRadio, onBeforeUnmount, markRaw, getCurrentInstance, watchEffect, customRef, resolveDirective } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, inject, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, computed, withModifiers, createTextVNode, watch, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, reactive, provide, withDirectives, vModelCheckbox, toRef, isRef, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, markRaw, getCurrentInstance, watchEffect, customRef, resolveDirective } from "vue";
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -4913,7 +4913,7 @@ function txtField(id, label, options) {
     id,
     label,
     placeholder: options == null ? void 0 : options.placeholder,
-    attrs: { type: options == null ? void 0 : options.type }
+    attrs: { type: options == null ? void 0 : options.type, pattern: options == null ? void 0 : options.pattern }
   };
 }
 function slctField(id, label, options, config) {
@@ -4926,7 +4926,7 @@ function slctField(id, label, options, config) {
     required: config == null ? void 0 : config.required,
     label,
     defaultValue: config == null ? void 0 : config.defaultValue,
-    attrs: { disabled: config == null ? void 0 : config.disabled }
+    attrs: { disabled: config == null ? void 0 : config.disabled, searchable: config == null ? void 0 : config.searchable }
   };
 }
 function numField(id, label, options) {
@@ -5024,7 +5024,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$E = { class: "full-nav" };
 const _hoisted_2$v = { class: "nav-scroll" };
-const _hoisted_3$l = { class: "nav-links-wrapper" };
+const _hoisted_3$m = { class: "nav-links-wrapper" };
 const _hoisted_4$e = { class: "tooltip" };
 const _hoisted_5$b = { class: "bot-buttons-wrapper" };
 const _hoisted_6$7 = { class: "tooltip" };
@@ -5059,7 +5059,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ], 32),
         createElementVNode("div", _hoisted_1$E, [
           createElementVNode("div", _hoisted_2$v, [
-            createElementVNode("div", _hoisted_3$l, [
+            createElementVNode("div", _hoisted_3$m, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   class: "nav-button",
@@ -5425,7 +5425,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-7e6899c7"]]);
 const _hoisted_1$B = { class: "accordion-item" };
 const _hoisted_2$s = ["aria-expanded", "aria-controls"];
-const _hoisted_3$k = { class: "accordion-label" };
+const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$d = ["id", "aria-hidden"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
@@ -5458,7 +5458,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           class: "accordion-head",
           "aria-controls": `accordion-body-${unref(id)}`
         }, [
-          createElementVNode("span", _hoisted_3$k, toDisplayString(_ctx.label), 1),
+          createElementVNode("span", _hoisted_3$l, toDisplayString(_ctx.label), 1),
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(open) }])
           }, [
@@ -5485,7 +5485,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bf74738b"]]);
 const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$r = { class: "p-1" };
-const _hoisted_3$j = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   setup(__props) {
@@ -5494,7 +5494,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$r, [
           renderSlot(_ctx.$slots, "header")
         ]),
-        createElementVNode("div", _hoisted_3$j, [
+        createElementVNode("div", _hoisted_3$k, [
           renderSlot(_ctx.$slots, "default")
         ])
       ]);
@@ -5565,7 +5565,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$x = { class: "table-list-wrap h-100" };
 const _hoisted_2$o = { class: "infinite-wrapper" };
-const _hoisted_3$i = { class: "row first-row" };
+const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = { class: "flex" };
 const _hoisted_6$6 = ["onClick"];
@@ -5606,7 +5606,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("table", _hoisted_2$o, [
-          createElementVNode("thead", _hoisted_3$i, [
+          createElementVNode("thead", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
               return openBlock(), createElementBlock("th", {
                 class: "col",
@@ -5705,7 +5705,7 @@ const _hoisted_2$n = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_3$h = { class: "key" };
+const _hoisted_3$i = { class: "key" };
 const _hoisted_4$b = { key: 1 };
 const _hoisted_5$9 = { class: "key" };
 const _hoisted_6$5 = { class: "vlue" };
@@ -5733,7 +5733,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             key: field.id
           }, [
             unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
-              createElementVNode("div", _hoisted_3$h, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
+              createElementVNode("div", _hoisted_3$i, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
               createVNode(unref(_sfc_main$l), {
                 field,
                 modelValue: itemData.value,
@@ -5929,7 +5929,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-10743b06"]]);
 const _hoisted_1$r = { class: "bgl_vid" };
 const _hoisted_2$m = ["src"];
-const _hoisted_3$g = ["src", "autoplay", "muted", "loop", "controls"];
+const _hoisted_3$h = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -5986,7 +5986,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_3$g))
+        }, null, 12, _hoisted_3$h))
       ]);
     };
   }
@@ -6379,7 +6379,7 @@ const _hoisted_2$k = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
 ], -1));
-const _hoisted_3$f = [
+const _hoisted_3$g = [
   _hoisted_2$k
 ];
 const _hoisted_4$a = ["required", "id"];
@@ -6406,7 +6406,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["check-square", { checked: checked.value }]),
           onClick: _cache[0] || (_cache[0] = ($event) => checked.value = !checked.value)
-        }, _hoisted_3$f, 2),
+        }, _hoisted_3$g, 2),
         createElementVNode("label", null, [
           withDirectives(createElementVNode("input", {
             required: _ctx.required,
@@ -15087,7 +15087,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = { key: 0 };
-const _hoisted_3$e = ["value", "placeholder"];
+const _hoisted_3$f = ["value", "placeholder"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -15119,14 +15119,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
-        }, null, 42, _hoisted_3$e)
+        }, null, 42, _hoisted_3$f)
       ], 10, _hoisted_1$n);
     };
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1fc4f739"]]);
 const _hoisted_1$m = ["disabled"];
-const _hoisted_2$h = ["onClick"];
+const _hoisted_2$h = ["value"];
+const _hoisted_3$e = ["onClick"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
@@ -15187,13 +15188,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return option2.value;
     };
     const isSelected = (option2) => !!selectedItems.value.find((item) => getValue(option2) === getValue(item));
-    const filteredOptions = computed(() => props2.options.filter((option2) => {
-      const searchTerm = new RegExp(search.value, "gi");
-      return Boolean(option2) && (getLabel(option2).match(searchTerm) || getValue(option2).match(searchTerm));
-    }));
+    const filteredOptions = computed(
+      () => props2.options.filter((option2) => {
+        const searchTerm = new RegExp(search.value, "gi");
+        return Boolean(option2) && (getLabel(option2).match(searchTerm) || getValue(option2).match(searchTerm));
+      })
+    );
     const select2 = (option2) => {
       var _a2;
-      const existingIndex = selectedItems.value.findIndex((item) => getValue(item) === getValue(option2));
+      const existingIndex = selectedItems.value.findIndex(
+        (item) => getValue(item) === getValue(option2)
+      );
       if (existingIndex > -1)
         selectedItems.value.splice(existingIndex, 1);
       else if (props2.multiselect) {
@@ -15215,7 +15220,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
     }
     function compareArrays(arr1, arr2) {
-      const isSame = arr1.every((item) => arr2.map((a2) => getValue(a2)).includes(getValue(item)));
+      const isSame = arr1.every(
+        (item) => arr2.map((a2) => getValue(a2)).includes(getValue(item))
+      );
       return isSame;
     }
     watch(
@@ -15234,19 +15241,24 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    watch(() => props2.options, () => {
-      const original = JSON.stringify(selectedItems.value);
-      [...selectedItems.value].forEach((option2, i2) => {
-        const exists = props2.options.find((o2) => getValue(o2) === getValue(option2));
-        if (!exists)
-          selectedItems.value.splice(i2, 1);
-        else
-          selectedItems.value.splice(i2, 1, exists);
-      });
-      const newSelection = JSON.stringify(selectedItems.value);
-      if (original !== newSelection)
-        emitUpdate();
-    });
+    watch(
+      () => props2.options,
+      () => {
+        const original = JSON.stringify(selectedItems.value);
+        [...selectedItems.value].forEach((option2, i2) => {
+          const exists = props2.options.find(
+            (o2) => getValue(o2) === getValue(option2)
+          );
+          if (!exists)
+            selectedItems.value.splice(i2, 1);
+          else
+            selectedItems.value.splice(i2, 1, exists);
+        });
+        const newSelection = JSON.stringify(selectedItems.value);
+        if (original !== newSelection)
+          emitUpdate();
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(kt$1), {
         onHide: _cache[3] || (_cache[3] = ($event) => updateOpen(false)),
@@ -15287,7 +15299,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     icon: "fiber_manual_record"
                   })) : createCommentVNode("", true),
                   createElementVNode("span", null, toDisplayString(getLabel(option2)), 1)
-                ], 10, _hoisted_2$h);
+                ], 10, _hoisted_3$e);
               }), 128)),
               renderSlot(_ctx.$slots, "last", {}, void 0, true)
             ]),
@@ -15306,14 +15318,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               createElementVNode("p", null, toDisplayString(selectedLabel.value), 1),
               createVNode(unref(_sfc_main$H), normalizeProps(guardReactiveProps({ icon: unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
             ], 10, _hoisted_1$m),
-            _ctx.required ? withDirectives((openBlock(), createElementBlock("input", {
+            _ctx.required ? (openBlock(), createElementBlock("input", {
               key: 0,
               style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedItems.value = $event),
+              onInput: _cache[1] || (_cache[1] = ($event) => updateOpen(true)),
+              value: selectedItems.value,
               required: ""
-            }, null, 512)), [
-              [vModelText, selectedItems.value]
-            ]) : createCommentVNode("", true)
+            }, null, 40, _hoisted_2$h)) : createCommentVNode("", true)
           ])
         ]),
         _: 3
@@ -15321,7 +15332,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8235eff6"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-70fd5ae7"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -45756,8 +45767,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     modelValue: {}
   },
   setup(__props) {
+    const props2 = __props;
+    const slots = useSlots();
     const group = Math.random().toString(36).substring(7);
     const { currentTab } = useTabs(group);
+    const tabValue = (tab) => typeof tab === "string" ? tab : tab.id;
+    const tabComponent = defineComponent({
+      render() {
+        var _a2, _b, _c;
+        const currentTabIndex = props2.tabs.findIndex(
+          (tab) => tabValue(tab) === currentTab.value
+        );
+        const slotChildren = (_c = (_b = (_a2 = slots == null ? void 0 : slots.default) == null ? void 0 : _a2.call(slots)) == null ? void 0 : _b[1]) == null ? void 0 : _c.children;
+        return h$2("div", slotChildren == null ? void 0 : slotChildren[currentTabIndex]);
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
         createVNode(unref(TabsNav), {
@@ -45766,7 +45790,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           class: "mb-05"
         }, null, 8, ["tabs", "group"]),
         unref(currentTab) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          renderSlot(_ctx.$slots, unref(currentTab))
+          unref(slots)[unref(currentTab)] ? renderSlot(_ctx.$slots, unref(currentTab), { key: 0 }) : unref(currentTab) ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabComponent)), { key: 1 })) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 64);
     };

package/dist/style.css

@@ -1033,10 +1033,10 @@ display: block;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-8235eff6] {
+.selectinput[data-v-70fd5ae7] {
 	width: 100%;
 }
-.selectinput-option[data-v-8235eff6] {
+.selectinput-option[data-v-70fd5ae7] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1047,14 +1047,14 @@ display: block;
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-8235eff6] {
+.selectinput-options[data-v-70fd5ae7] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-8235eff6]:hover {
+.selectinput-option[data-v-70fd5ae7]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-8235eff6]{
+.isEmpty p[data-v-70fd5ae7] {
 	opacity: 0.3;
 }
 
@@ -1622,12 +1622,12 @@ img.preview[data-v-1be8d7b1] {
 }
 
 /* Basic editor styles */
-.tiptap>*+* {
-  margin-top: 0.75em;
+.tiptap > * + * {
+	margin-top: 0.75em;
 }
 .tiptap ul,
 .tiptap ol {
-  padding: 0 1rem;
+	padding: 0 1rem;
 }
 .tiptap h1,
 .tiptap h2,
@@ -1635,37 +1635,41 @@ img.preview[data-v-1be8d7b1] {
 .tiptap h4,
 .tiptap h5,
 .tiptap h6 {
-  line-height: 1.1;
+	line-height: 1.1;
 }
 .tiptap code {
-  background-color: rgba(97, 97, 97, 0.1);
-  color: #616161;
+	background-color: rgba(97, 97, 97, 0.1);
+	color: #616161;
 }
 .tiptap pre {
-  background: #0d0d0d;
-  color: #fff;
-  font-family: 'JetBrainsMono', monospace;
-  padding: 0.75rem 1rem;
-  border-radius: 0.5rem;
+	background: #0d0d0d;
+	color: #fff;
+	font-family: 'JetBrainsMono', monospace;
+	padding: 0.75rem 1rem;
+	border-radius: 0.5rem;
 }
 .tiptap pre code {
-  color: inherit;
-  padding: 0;
-  background: none;
-  font-size: 0.8rem;
+	color: inherit;
+	padding: 0;
+	background: none;
+	font-size: 0.8rem;
 }
 .tiptap img {
-  max-width: 100%;
-  height: auto;
+	max-width: 100%;
+	height: auto;
 }
 .tiptap blockquote {
-  padding-left: 1rem;
-  border-left: 2px solid rgba(13, 13, 13, 0.1);
+	padding-left: 1rem;
+	border-left: 2px solid rgba(13, 13, 13, 0.1);
 }
 .tiptap hr {
-  border: none;
-  border-top: 2px solid rgba(13, 13, 13, 0.1);
-  margin: 2rem 0;
+	border: none;
+	border-top: 2px solid rgba(13, 13, 13, 0.1);
+	margin: 2rem 0;
+}
+.tiptap {
+	min-height: 500px;
+	background: var(--input-bg);
 }
 
 .chart-line {

package/dist/types/index.d.ts

@@ -11,5 +11,5 @@ export type Tab = {
     id: string;
     icon?: MaterialIcons;
 } | string;
-export type ThemeType = 'light' | 'red' | 'gray' | 'gray-light' | 'black' | 'green' | 'primary' | 'blue';
+export type ThemeType = 'light' | 'white' | 'red' | 'gray' | 'gray-light' | 'black' | 'green' | 'primary' | 'blue';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,GACtF,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,GAAG,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACnB,OAAO,GACL,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,GACtF,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;CACrB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA"}

package/dist/utils/BagelFormUtils.d.ts

@@ -3,17 +3,28 @@ export type Option = string | number | Record<string, any> | {
     label: string;
     value: string | number;
 };
-type TextInputOptions = {
+interface InputOptions {
     required?: boolean;
-    type?: 'text' | 'tel' | 'email';
     placeholder?: string;
     class?: string;
     defaultValue?: string;
     disabled?: boolean;
-};
+}
+interface TextInputOptions extends InputOptions {
+    type?: 'text' | 'tel' | 'email';
+    pattern?: string;
+}
+interface SlctInputOptions extends InputOptions {
+    searchable?: boolean;
+}
+interface NumFieldOptions extends InputOptions {
+    max?: number;
+    min?: number;
+    step?: number;
+}
 export declare function txtField(id: string, label?: string, options?: TextInputOptions): Field;
-export declare function slctField(id: string, label?: string, options?: Option[] | (() => Option[]), config?: TextInputOptions): Field;
-export declare function numField(id: string, label?: string, options?: TextInputOptions): Field;
+export declare function slctField(id: string, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions): Field;
+export declare function numField(id: string, label?: string, options?: NumFieldOptions): Field;
 export declare function frmRow(...children: Field[]): {
     $el: string;
     class: string;

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvG,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAUtF;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAY7H;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAUtF;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvG,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAUtF;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAY7H;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,KAAK,CAUrF;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.354",
+  "version": "0.0.358",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",