@bagelink/vue 0.0.1076 → 0.0.1078

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +5 -3
  3. package/dist/index.mjs +5 -3
  4. package/dist/style.css +8 -8
  5. package/package.json +1 -1
  6. package/src/components/form/inputs/SelectInput.vue +4 -2
package/dist/components/form/inputs/SelectInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAsaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAI/B,UAAU,SAAS;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;CAChD;AA+MD,iBAAS,cAAc;WAoRT,OAAO,IAA6B;;sBAXvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA/DkD,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACxI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8E1B;AAmCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;iBA1hBN,MAAM;uBAYA,MAAM;6EAuhBzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAwaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAI/B,UAAU,SAAS;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;CAChD;AAiND,iBAAS,cAAc;WAoRT,OAAO,IAA6B;;sBAXvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhEoF,GAAG,8CAA8C,GACnK,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EjE;AAmCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;iBA5hBN,MAAM;uBAYA,MAAM;6EAyhBzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/index.cjs CHANGED
@@ -22034,6 +22034,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
22034
22034
  }
22035
22035
  }
22036
22036
  function compareArrays(arr1, arr2) {
22037
+ if (arr1.length !== arr2.length) return false;
22037
22038
  const arr1Values = [...arr1].map((a2) => getValue(a2)).filter(Boolean);
22038
22039
  const arr2Values = [...arr2].map((a2) => getValue(a2)).filter(Boolean);
22039
22040
  const isSame = arr1Values.every((item) => arr2Values.includes(item));
@@ -22046,9 +22047,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
22046
22047
  const newOption = props2.options.find((o2) => getValue(o2) === newVal) ?? newVal;
22047
22048
  if (newOption && !isSelected(newOption)) selectedItems.value = [newOption];
22048
22049
  } else {
22049
- const isSame = compareArrays([newVal].flat(), selectedItems.value);
22050
+ const newData = [newVal].flat();
22051
+ const isSame = compareArrays(newData, selectedItems.value);
22050
22052
  if (!isSame) {
22051
- selectedItems.value.splice(0, selectedItemCount.value, ...[newVal].flat());
22053
+ selectedItems.value.splice(0, selectedItemCount.value, ...newData);
22052
22054
  }
22053
22055
  }
22054
22056
  },
@@ -22212,7 +22214,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
22212
22214
  };
22213
22215
  }
22214
22216
  });
22215
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9574c8a2"]]);
22217
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-77b2541f"]]);
22216
22218
  /*!
22217
22219
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
22218
22220
  * (c) 2024 Szymon Nowak | Released under the MIT license
package/dist/index.mjs CHANGED
@@ -22032,6 +22032,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
22032
22032
  }
22033
22033
  }
22034
22034
  function compareArrays(arr1, arr2) {
22035
+ if (arr1.length !== arr2.length) return false;
22035
22036
  const arr1Values = [...arr1].map((a2) => getValue(a2)).filter(Boolean);
22036
22037
  const arr2Values = [...arr2].map((a2) => getValue(a2)).filter(Boolean);
22037
22038
  const isSame = arr1Values.every((item) => arr2Values.includes(item));
@@ -22044,9 +22045,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
22044
22045
  const newOption = props2.options.find((o2) => getValue(o2) === newVal) ?? newVal;
22045
22046
  if (newOption && !isSelected(newOption)) selectedItems.value = [newOption];
22046
22047
  } else {
22047
- const isSame = compareArrays([newVal].flat(), selectedItems.value);
22048
+ const newData = [newVal].flat();
22049
+ const isSame = compareArrays(newData, selectedItems.value);
22048
22050
  if (!isSame) {
22049
- selectedItems.value.splice(0, selectedItemCount.value, ...[newVal].flat());
22051
+ selectedItems.value.splice(0, selectedItemCount.value, ...newData);
22050
22052
  }
22051
22053
  }
22052
22054
  },
@@ -22210,7 +22212,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
22210
22212
  };
22211
22213
  }
22212
22214
  });
22213
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9574c8a2"]]);
22215
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-77b2541f"]]);
22214
22216
  /*!
22215
22217
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
22216
22218
  * (c) 2024 Szymon Nowak | Released under the MIT license
package/dist/style.css CHANGED
@@ -1341,10 +1341,10 @@ line-height: 1.65;
1341
1341
  }
1342
1342
  .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}
1343
1343
 
1344
- .selectinput[data-v-9574c8a2] {
1344
+ .selectinput[data-v-77b2541f] {
1345
1345
  width: 100%;
1346
1346
  }
1347
- .selectinput-option[data-v-9574c8a2] {
1347
+ .selectinput-option[data-v-77b2541f] {
1348
1348
  padding: 6px 12px;
1349
1349
  cursor: pointer;
1350
1350
  border-radius: 5px;
@@ -1356,23 +1356,23 @@ line-height: 1.65;
1356
1356
  font-size: var(--input-font-size);
1357
1357
  margin-block: 0.15rem;
1358
1358
  }
1359
- .selectinput-option .bgl_icon-font[data-v-9574c8a2]{
1359
+ .selectinput-option .bgl_icon-font[data-v-77b2541f]{
1360
1360
  line-height: normal;
1361
1361
  }
1362
- .selectinput-options.multiselect .selectinput-option[data-v-9574c8a2] {
1362
+ .selectinput-options.multiselect .selectinput-option[data-v-77b2541f] {
1363
1363
  grid-template-columns: 10px 1fr;
1364
1364
  }
1365
- .selectinput-options[data-v-9574c8a2] {
1365
+ .selectinput-options[data-v-77b2541f] {
1366
1366
  max-height: 300px;
1367
1367
  overflow-y: auto;
1368
1368
  }
1369
- .selectinput-option[data-v-9574c8a2]:hover, .highlight[data-v-9574c8a2] {
1369
+ .selectinput-option[data-v-77b2541f]:hover, .highlight[data-v-77b2541f] {
1370
1370
  background: var(--bgl-gray-20);
1371
1371
  }
1372
- .isEmpty p[data-v-9574c8a2] {
1372
+ .isEmpty p[data-v-77b2541f] {
1373
1373
  opacity: 0.3;
1374
1374
  }
1375
- .selected[data-v-9574c8a2]{
1375
+ .selected[data-v-77b2541f]{
1376
1376
  /* background: var(--bgl-primary-tint); */
1377
1377
  background: var(--bgl-selected);
1378
1378
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.1076",
4
+ "version": "0.0.1078",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/form/inputs/SelectInput.vue CHANGED
@@ -167,6 +167,7 @@ function emitUpdate() {
167
167
  }
168
168
 
169
169
  function compareArrays(arr1: Option[], arr2: Option[]) {
170
+ if (arr1.length !== arr2.length) return false
170
171
  const arr1Values = [...arr1].map(a => getValue(a)).filter(Boolean)
171
172
  const arr2Values = [...arr2].map(a => getValue(a)).filter(Boolean)
172
173
  const isSame = arr1Values.every((item: Option) => arr2Values.includes(item))
@@ -180,9 +181,10 @@ watch(
180
181
  const newOption = props.options.find(o => getValue(o) === newVal) ?? newVal
181
182
  if (newOption && !isSelected(newOption)) selectedItems = [newOption]
182
183
  } else {
183
- const isSame = compareArrays([newVal].flat(), selectedItems)
184
+ const newData = [newVal].flat()
185
+ const isSame = compareArrays(newData, selectedItems)
184
186
  if (!isSame) {
185
- selectedItems.splice(0, selectedItemCount, ...[newVal].flat())
187
+ selectedItems.splice(0, selectedItemCount, ...newData)
186
188
  }
187
189
  }
188
190
  },