@bagelink/vue 0.0.411 → 0.0.413

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":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqc7C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkc7C,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

@@ -15263,7 +15263,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const searchInput = vue.ref(null);
     const props2 = __props;
-    const selectedItems = vue.ref([]);
+    let selectedItems = vue.ref([]);
     let search = vue.ref("");
     const dropdown = vue.ref(null);
     let open = vue.ref(false);
@@ -15354,12 +15354,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.modelValue,
       (newVal) => {
-        console.log("watch");
         if (!props2.multiselect) {
           const newOption = props2.options.find((o2) => getValue(o2) === newVal) || newVal;
-          if (isSelected(newOption)) {
-            selectedItems.value.splice(0, selectedItems.value.length, newOption);
-          }
+          if (!isSelected(newOption))
+            selectedItems.value = [newOption];
         } else {
           const isSame = compareArrays([newVal].flat(), selectedItems.value);
           if (!isSame) {
@@ -15439,7 +15437,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
-              class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItems.value.length === 0 }])
+              class: vue.normalizeClass(["selectinput-btn", { isEmpty: vue.unref(selectedItems).length === 0 }])
             }, [
               vue.createElementVNode("p", null, vue.toDisplayString(selectedLabel.value), 1),
               vue.createVNode(vue.unref(_sfc_main$I), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
@@ -15449,7 +15447,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               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,
+              value: vue.unref(selectedItems),
               required: ""
             }, null, 40, _hoisted_2$i)) : vue.createCommentVNode("", true)
           ])
@@ -15459,7 +15457,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6c3f2bdc"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-23917943"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George

package/dist/index.mjs

@@ -15261,7 +15261,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const searchInput = ref(null);
     const props2 = __props;
-    const selectedItems = ref([]);
+    let selectedItems = ref([]);
     let search = ref("");
     const dropdown = ref(null);
     let open = ref(false);
@@ -15352,12 +15352,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     watch(
       () => props2.modelValue,
       (newVal) => {
-        console.log("watch");
         if (!props2.multiselect) {
           const newOption = props2.options.find((o2) => getValue(o2) === newVal) || newVal;
-          if (isSelected(newOption)) {
-            selectedItems.value.splice(0, selectedItems.value.length, newOption);
-          }
+          if (!isSelected(newOption))
+            selectedItems.value = [newOption];
         } else {
           const isSame = compareArrays([newVal].flat(), selectedItems.value);
           if (!isSame) {
@@ -15437,7 +15435,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => updateOpen(true)),
               disabled: _ctx.disabled,
               type: "button",
-              class: normalizeClass(["selectinput-btn", { isEmpty: selectedItems.value.length === 0 }])
+              class: normalizeClass(["selectinput-btn", { isEmpty: unref(selectedItems).length === 0 }])
             }, [
               createElementVNode("p", null, toDisplayString(selectedLabel.value), 1),
               createVNode(unref(_sfc_main$I), normalizeProps(guardReactiveProps({ icon: unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
@@ -15447,7 +15445,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               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,
+              value: unref(selectedItems),
               required: ""
             }, null, 40, _hoisted_2$i)) : createCommentVNode("", true)
           ])
@@ -15457,7 +15455,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6c3f2bdc"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-23917943"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George

package/dist/style.css

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

package/package.json

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

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

@@ -82,7 +82,7 @@ const props = defineProps<{
 	multiselect?: boolean;
 }>();
 
-const selectedItems = $ref<Option[]>([]);
+let selectedItems = $ref<Option[]>([]);
 let search = $ref('');
 
 const dropdown = $ref<InstanceType<typeof Dropdown> | null>(null);
@@ -184,13 +184,10 @@ function compareArrays(arr1: Option[], arr2: Option[]) {
 watch(
 	() => props.modelValue,
 	(newVal: Option | Option[]) => {
-		console.log('watch');
 		if (!props.multiselect) {
 			const newOption =
 				props.options.find((o) => getValue(o) === newVal) || newVal;
-			if (isSelected(newOption)) {
-				selectedItems.splice(0, selectedItems.length, newOption);
-			}
+			if (!isSelected(newOption)) selectedItems = [newOption];
 		} else {
 			const isSame = compareArrays([newVal].flat(), selectedItems);
 			if (!isSame) {