@bagelink/vue 0.0.392 → 0.0.394

package/dist/components/form/inputs/RichText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RichText.vue"],"names":[],"mappings":"AAiBA;;gBAmTyD,MAAM;;;;gBAAN,MAAM;;;;AAL/D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"RichText.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RichText.vue"],"names":[],"mappings":"AAiBA;;gBAwTyD,MAAM;;;;gBAAN,MAAM;;;;AAL/D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAuDA;AAIA,OAAO,wBAAwB,CAAC;AAKhC,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqb7C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAyDA;AAIA,OAAO,wBAAwB,CAAC;AAKhC,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmc7C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -15197,6 +15197,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     let search = vue.ref("");
     const dropdown = vue.ref(null);
     let open = vue.ref(false);
+    function openOptions() {
+      var _a2;
+      (_a2 = dropdown.value) == null ? void 0 : _a2.show();
+    }
     function updateOpen(visible) {
       open.value = visible;
       if (!open.value)
@@ -15238,8 +15242,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     const isSelected = (option2) => !!selectedItems.value.find((item) => getValue(option2) === getValue(item));
     const filteredOptions = vue.computed(
       () => props2.options.filter((option2) => {
-        const searchTerm = new RegExp(search.value, "gi");
-        return Boolean(option2) && (getLabel(option2).match(searchTerm) || getValue(option2).match(searchTerm));
+        const searchTerm = search.value.split(/\s+/).filter(Boolean).map((t) => new RegExp(t, "gi"));
+        return Boolean(option2) && (searchTerm.every((s2) => getLabel(option2).match(s2)) || searchTerm.length === 0);
       })
     );
     const select2 = (option2) => {
@@ -15300,12 +15304,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           const exists = props2.options.find(
             (o2) => getValue(o2) === getValue(option2)
           );
-          selectedItems.value.splice(i2, 1, exists);
+          if (!exists)
+            selectedItems.value.splice(i2, 1);
+          else
+            selectedItems.value.splice(i2, 1, exists);
         });
         const newSelection = JSON.stringify(selectedItems.value.map(getValue));
         if (original !== newSelection)
           emitUpdate();
-      }
+      },
+      { deep: true }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
@@ -15358,6 +15366,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
             vue.createElementVNode("button", {
+              onKeydown: openOptions,
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
@@ -15365,9 +15374,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createElementVNode("p", null, vue.toDisplayString(selectedLabel.value), 1),
               vue.createVNode(vue.unref(_sfc_main$H), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
-            ], 10, _hoisted_1$m),
+            ], 42, _hoisted_1$m),
             _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
+              tabindex: "-1",
               style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
               onInput: _cache[1] || (_cache[1] = ($event) => updateOpen(true)),
               value: selectedItems.value,
@@ -15380,7 +15390,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1eb708f2"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3e27cf1d"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -39454,6 +39464,10 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       return editor.value.chain().focus();
     };
     const { showModalForm } = useModal();
+    Image.configure({
+      inline: true,
+      allowBase64: true
+    });
     function addImage() {
       showModalForm({
         title: "Add Image",

package/dist/index.mjs

@@ -15195,6 +15195,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     let search = ref("");
     const dropdown = ref(null);
     let open = ref(false);
+    function openOptions() {
+      var _a2;
+      (_a2 = dropdown.value) == null ? void 0 : _a2.show();
+    }
     function updateOpen(visible) {
       open.value = visible;
       if (!open.value)
@@ -15236,8 +15240,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     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 searchTerm = search.value.split(/\s+/).filter(Boolean).map((t) => new RegExp(t, "gi"));
+        return Boolean(option2) && (searchTerm.every((s2) => getLabel(option2).match(s2)) || searchTerm.length === 0);
       })
     );
     const select2 = (option2) => {
@@ -15298,12 +15302,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           const exists = props2.options.find(
             (o2) => getValue(o2) === getValue(option2)
           );
-          selectedItems.value.splice(i2, 1, exists);
+          if (!exists)
+            selectedItems.value.splice(i2, 1);
+          else
+            selectedItems.value.splice(i2, 1, exists);
         });
         const newSelection = JSON.stringify(selectedItems.value.map(getValue));
         if (original !== newSelection)
           emitUpdate();
-      }
+      },
+      { deep: true }
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(kt$1), {
@@ -15356,6 +15364,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
             createElementVNode("button", {
+              onKeydown: openOptions,
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
@@ -15363,9 +15372,10 @@ 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),
+            ], 42, _hoisted_1$m),
             _ctx.required ? (openBlock(), createElementBlock("input", {
               key: 0,
+              tabindex: "-1",
               style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
               onInput: _cache[1] || (_cache[1] = ($event) => updateOpen(true)),
               value: selectedItems.value,
@@ -15378,7 +15388,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1eb708f2"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3e27cf1d"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -39452,6 +39462,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return editor.value.chain().focus();
     };
     const { showModalForm } = useModal();
+    Image.configure({
+      inline: true,
+      allowBase64: true
+    });
     function addImage() {
       showModalForm({
         title: "Add Image",

package/dist/style.css

@@ -1056,10 +1056,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-1eb708f2] {
+.selectinput[data-v-3e27cf1d] {
 	width: 100%;
 }
-.selectinput-option[data-v-1eb708f2] {
+.selectinput-option[data-v-3e27cf1d] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1070,14 +1070,14 @@ display: block;
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-1eb708f2] {
+.selectinput-options[data-v-3e27cf1d] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-1eb708f2]:hover {
+.selectinput-option[data-v-3e27cf1d]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-1eb708f2] {
+.isEmpty p[data-v-3e27cf1d] {
 	opacity: 0.3;
 }
 

package/package.json

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

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

@@ -42,6 +42,11 @@ const focus = () => {
 };
 const { showModalForm } = useModal();
 
+Image.configure({
+	inline: true,
+	allowBase64: true,
+});
+
 function addImage() {
 	showModalForm({
 		title: 'Add Image',

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

@@ -7,6 +7,7 @@
 		<label>
 			{{ label }}
 			<button
+				@keydown="openOptions"
 				@click="updateOpen(true)"
 				:disabled="disabled"
 				type="button"
@@ -16,6 +17,7 @@
 				<Icon v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }" />
 			</button>
 			<input
+				tabindex="-1"
 				style="width: 0; height: 0; position: absolute; opacity: 0; z-index: -1"
 				v-if="required"
 				@input="updateOpen(true)"
@@ -87,6 +89,11 @@ const dropdown = $ref<InstanceType<typeof Dropdown> | null>(null);
 
 let open = $ref(false);
 
+function openOptions() {
+	dropdown?.show();
+	// updateOpen(true);
+}
+
 function updateOpen(visible: boolean) {
 	open = visible;
 	if (!open) search = '';
@@ -129,10 +136,14 @@ const isSelected = (option: Option) =>
 
 const filteredOptions = $computed(() =>
 	props.options.filter((option) => {
-		const searchTerm = new RegExp(search, 'gi');
+		const searchTerm = search
+			.split(/\s+/)
+			.filter(Boolean)
+			.map((t) => new RegExp(t, 'gi'));
 		return (
 			Boolean(option) &&
-			(getLabel(option).match(searchTerm) || getValue(option).match(searchTerm))
+			(searchTerm.every((s) => getLabel(option).match(s)) ||
+				searchTerm.length === 0)
 		);
 	})
 );
@@ -196,11 +207,13 @@ watch(
 			const exists = props.options.find(
 				(o) => getValue(o) === getValue(option)
 			);
-			selectedItems.splice(i, 1, exists);
+			if (!exists) selectedItems.splice(i, 1);
+			else selectedItems.splice(i, 1, exists);
 		});
 		const newSelection = JSON.stringify(selectedItems.map(getValue));
 		if (original !== newSelection) emitUpdate();
-	}
+	},
+	{ deep: true }
 );
 </script>