@bagelink/vue 0.0.384 → 0.0.392

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 (15) hide show
  1. package/dist/components/Badge.vue.d.ts +4 -4
  2. package/dist/components/Badge.vue.d.ts.map +1 -1
  3. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  4. package/dist/components/form/inputs/RadioPillsInput.vue.d.ts +5 -8
  5. package/dist/components/form/inputs/RadioPillsInput.vue.d.ts.map +1 -1
  6. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  7. package/dist/index.cjs +37 -25
  8. package/dist/index.mjs +37 -25
  9. package/dist/style.css +141 -134
  10. package/package.json +1 -1
  11. package/src/components/Badge.vue +31 -26
  12. package/src/components/TableSchema.vue +99 -71
  13. package/src/components/form/inputs/RadioPillsInput.vue +48 -43
  14. package/src/components/form/inputs/SelectInput.vue +10 -7
  15. package/src/styles/modal.css +5 -6
package/dist/components/Badge.vue.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import type { MaterialIcons } from '..';
2
2
  type Props = {
3
- color?: 'green' | 'red' | 'blue' | 'light' | 'gray';
4
- size?: string;
5
- text: string;
6
- icon?: MaterialIcons;
3
+ 'color'?: 'green' | 'red' | 'blue' | 'light' | 'gray';
4
+ 'size'?: string;
5
+ 'text': string;
6
+ 'icon'?: MaterialIcons;
7
7
  'icon.end'?: MaterialIcons;
8
8
  };
9
9
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
package/dist/components/Badge.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAOA;AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,aAAa,CAAA;CAC3B,CAAA;;AAmFD,wBAMG;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"}
1
+ {"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAOA;AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,KAAK,KAAK,GAAG;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;;AAmFF,wBAMG;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/TableSchema.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA0BA;AAGA,OAAO,EACN,KAAK,cAAc,EAInB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;AAoTvB,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"}
1
+ {"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAiDA;AAGA,OAAO,EACN,KAAK,cAAc,EAInB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;AAsTvB,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/components/form/inputs/RadioPillsInput.vue.d.ts CHANGED
@@ -1,19 +1,16 @@
1
- interface RadioOption {
2
- optioId: string;
1
+ type Option = string | number | Record<string, any> | {
3
2
  label: string;
4
- value: any;
5
- }
3
+ value: string | number;
4
+ };
6
5
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
7
- options?: RadioOption[] | undefined;
8
- stringOptions: string[];
6
+ options?: Option[] | undefined;
9
7
  modelValue: any;
10
8
  id?: string | undefined;
11
9
  label?: string | undefined;
12
10
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
11
  "update:modelValue": (...args: any[]) => void;
14
12
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
15
- options?: RadioOption[] | undefined;
16
- stringOptions: string[];
13
+ options?: Option[] | undefined;
17
14
  modelValue: any;
18
15
  id?: string | undefined;
19
16
  label?: string | undefined;
package/dist/components/form/inputs/RadioPillsInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioPillsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioPillsInput.vue"],"names":[],"mappings":"AAoBA;AAMA,UAAU,WAAW;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACX;;;mBA+Je,MAAM,EAAE;gBACX,GAAG;;;;;;;mBADA,MAAM,EAAE;gBACX,GAAG;;;;;;AARhB,wBAaG;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"}
1
+ {"version":3,"file":"RadioPillsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioPillsInput.vue"],"names":[],"mappings":"AAmBA;AAMA,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;;;gBAqKhC,GAAG;;;;;;;gBAAH,GAAG;;;;;;AAPhB,wBAYG;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 CHANGED
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkb7C,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"}
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"}
package/dist/index.cjs CHANGED
@@ -5684,8 +5684,10 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
5684
5684
  field
5685
5685
  }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
5686
5686
  vue.createVNode(vue.unref(_sfc_main$l), {
5687
+ class: "embedded-field",
5687
5688
  field,
5688
- modelValue: row
5689
+ modelValue: row,
5690
+ label: ""
5689
5691
  }, null, 8, ["field", "modelValue"])
5690
5692
  ]))
5691
5693
  ]);
@@ -5698,7 +5700,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
5698
5700
  };
5699
5701
  }
5700
5702
  });
5701
- const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f3641508"]]);
5703
+ const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-10808aad"]]);
5702
5704
  const _sfc_main$x = {};
5703
5705
  const _hoisted_1$w = { class: "flex space-between" };
5704
5706
  function _sfc_render$1(_ctx, _cache) {
@@ -5963,7 +5965,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
5963
5965
  };
5964
5966
  }
5965
5967
  });
5966
- const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-10743b06"]]);
5968
+ const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-561f7a72"]]);
5967
5969
  const _hoisted_1$r = ["src"];
5968
5970
  const _hoisted_2$n = ["src", "autoplay", "muted", "loop", "controls"];
5969
5971
  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
@@ -15277,12 +15279,15 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15277
15279
  if (!newVal)
15278
15280
  return;
15279
15281
  if (!props2.multiselect) {
15280
- if (!isSelected(newVal))
15281
- selectedItems.value.splice(0, selectedItems.value.length, newVal);
15282
+ const newOption = props2.options.find((o2) => getValue(o2) === newVal) || newVal;
15283
+ if (!isSelected(newOption)) {
15284
+ selectedItems.value.splice(0, selectedItems.value.length, newOption);
15285
+ }
15282
15286
  } else {
15283
15287
  const isSame = compareArrays([newVal].flat(), selectedItems.value);
15284
- if (!isSame)
15288
+ if (!isSame) {
15285
15289
  selectedItems.value.splice(0, selectedItems.value.length, [newVal].flat());
15290
+ }
15286
15291
  }
15287
15292
  },
15288
15293
  { immediate: true }
@@ -15290,17 +15295,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15290
15295
  vue.watch(
15291
15296
  () => props2.options,
15292
15297
  () => {
15293
- const original = JSON.stringify(selectedItems.value);
15298
+ const original = JSON.stringify(props2.options.map(getValue));
15294
15299
  [...selectedItems.value].forEach((option2, i2) => {
15295
15300
  const exists = props2.options.find(
15296
15301
  (o2) => getValue(o2) === getValue(option2)
15297
15302
  );
15298
- if (!exists)
15299
- selectedItems.value.splice(i2, 1);
15300
- else
15301
- selectedItems.value.splice(i2, 1, exists);
15303
+ selectedItems.value.splice(i2, 1, exists);
15302
15304
  });
15303
- const newSelection = JSON.stringify(selectedItems.value);
15305
+ const newSelection = JSON.stringify(selectedItems.value.map(getValue));
15304
15306
  if (original !== newSelection)
15305
15307
  emitUpdate();
15306
15308
  }
@@ -15378,7 +15380,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15378
15380
  };
15379
15381
  }
15380
15382
  });
15381
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ab376074"]]);
15383
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1eb708f2"]]);
15382
15384
  /*!
15383
15385
  * vue-draggable-next v2.2.0
15384
15386
  * (c) 2023 Anish George
@@ -18360,7 +18362,6 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
18360
18362
  __name: "RadioPillsInput",
18361
18363
  props: {
18362
18364
  options: {},
18363
- stringOptions: {},
18364
18365
  modelValue: {},
18365
18366
  id: {},
18366
18367
  label: {}
@@ -18368,12 +18369,21 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
18368
18369
  emits: ["update:modelValue"],
18369
18370
  setup(__props, { emit: __emit }) {
18370
18371
  const emits = __emit;
18372
+ const getLabel = (option2) => {
18373
+ if (typeof option2 === "string")
18374
+ return option2;
18375
+ if (typeof option2 === "number")
18376
+ return `${option2}`;
18377
+ return option2.label;
18378
+ };
18379
+ const getValue = (option2) => {
18380
+ if (typeof option2 === "string")
18381
+ return option2;
18382
+ if (typeof option2 === "number")
18383
+ return option2;
18384
+ return option2.value;
18385
+ };
18371
18386
  const props2 = __props;
18372
- const cumputedOptions = vue.computed(() => props2.options || props2.stringOptions.map((v2) => ({
18373
- optioId: v2,
18374
- label: v2,
18375
- value: v2
18376
- })));
18377
18387
  let selectedValue = vue.ref("");
18378
18388
  function handleSelect(e) {
18379
18389
  var _a2;
@@ -18398,20 +18408,22 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
18398
18408
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
18399
18409
  vue.createElementVNode("label", _hoisted_2$d, vue.toDisplayString(_ctx.label), 1),
18400
18410
  vue.createElementVNode("div", _hoisted_3$a, [
18401
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cumputedOptions.value, ({ optioId, label, value }, index2) => {
18411
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
18402
18412
  return vue.openBlock(), vue.createElementBlock("div", {
18403
18413
  class: "radio-pill",
18404
18414
  key: index2
18405
18415
  }, [
18406
18416
  vue.createElementVNode("input", {
18407
18417
  type: "radio",
18408
- id: optioId,
18418
+ id: getValue(option2),
18409
18419
  name: _ctx.id,
18410
- value,
18411
- checked: vue.unref(selectedValue) === value,
18420
+ value: getValue(option2),
18421
+ checked: vue.unref(selectedValue) === getValue(option2),
18412
18422
  onChange: handleSelect
18413
18423
  }, null, 40, _hoisted_4$6),
18414
- vue.createElementVNode("label", { for: optioId }, vue.toDisplayString(label), 9, _hoisted_5$5)
18424
+ vue.createElementVNode("label", {
18425
+ for: getValue(option2)
18426
+ }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$5)
18415
18427
  ]);
18416
18428
  }), 128))
18417
18429
  ])
@@ -18419,7 +18431,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
18419
18431
  };
18420
18432
  }
18421
18433
  });
18422
- const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e47ae8b5"]]);
18434
+ const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ee7dd382"]]);
18423
18435
  const _hoisted_1$f = { class: "bagel-input" };
18424
18436
  const _hoisted_2$c = {
18425
18437
  key: 0,
package/dist/index.mjs CHANGED
@@ -5682,8 +5682,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
5682
5682
  field
5683
5683
  }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
5684
5684
  createVNode(unref(_sfc_main$l), {
5685
+ class: "embedded-field",
5685
5686
  field,
5686
- modelValue: row
5687
+ modelValue: row,
5688
+ label: ""
5687
5689
  }, null, 8, ["field", "modelValue"])
5688
5690
  ]))
5689
5691
  ]);
@@ -5696,7 +5698,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
5696
5698
  };
5697
5699
  }
5698
5700
  });
5699
- const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f3641508"]]);
5701
+ const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-10808aad"]]);
5700
5702
  const _sfc_main$x = {};
5701
5703
  const _hoisted_1$w = { class: "flex space-between" };
5702
5704
  function _sfc_render$1(_ctx, _cache) {
@@ -5961,7 +5963,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
5961
5963
  };
5962
5964
  }
5963
5965
  });
5964
- const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-10743b06"]]);
5966
+ const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-561f7a72"]]);
5965
5967
  const _hoisted_1$r = ["src"];
5966
5968
  const _hoisted_2$n = ["src", "autoplay", "muted", "loop", "controls"];
5967
5969
  const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -15275,12 +15277,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15275
15277
  if (!newVal)
15276
15278
  return;
15277
15279
  if (!props2.multiselect) {
15278
- if (!isSelected(newVal))
15279
- selectedItems.value.splice(0, selectedItems.value.length, newVal);
15280
+ const newOption = props2.options.find((o2) => getValue(o2) === newVal) || newVal;
15281
+ if (!isSelected(newOption)) {
15282
+ selectedItems.value.splice(0, selectedItems.value.length, newOption);
15283
+ }
15280
15284
  } else {
15281
15285
  const isSame = compareArrays([newVal].flat(), selectedItems.value);
15282
- if (!isSame)
15286
+ if (!isSame) {
15283
15287
  selectedItems.value.splice(0, selectedItems.value.length, [newVal].flat());
15288
+ }
15284
15289
  }
15285
15290
  },
15286
15291
  { immediate: true }
@@ -15288,17 +15293,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15288
15293
  watch(
15289
15294
  () => props2.options,
15290
15295
  () => {
15291
- const original = JSON.stringify(selectedItems.value);
15296
+ const original = JSON.stringify(props2.options.map(getValue));
15292
15297
  [...selectedItems.value].forEach((option2, i2) => {
15293
15298
  const exists = props2.options.find(
15294
15299
  (o2) => getValue(o2) === getValue(option2)
15295
15300
  );
15296
- if (!exists)
15297
- selectedItems.value.splice(i2, 1);
15298
- else
15299
- selectedItems.value.splice(i2, 1, exists);
15301
+ selectedItems.value.splice(i2, 1, exists);
15300
15302
  });
15301
- const newSelection = JSON.stringify(selectedItems.value);
15303
+ const newSelection = JSON.stringify(selectedItems.value.map(getValue));
15302
15304
  if (original !== newSelection)
15303
15305
  emitUpdate();
15304
15306
  }
@@ -15376,7 +15378,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15376
15378
  };
15377
15379
  }
15378
15380
  });
15379
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ab376074"]]);
15381
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1eb708f2"]]);
15380
15382
  /*!
15381
15383
  * vue-draggable-next v2.2.0
15382
15384
  * (c) 2023 Anish George
@@ -18358,7 +18360,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
18358
18360
  __name: "RadioPillsInput",
18359
18361
  props: {
18360
18362
  options: {},
18361
- stringOptions: {},
18362
18363
  modelValue: {},
18363
18364
  id: {},
18364
18365
  label: {}
@@ -18366,12 +18367,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
18366
18367
  emits: ["update:modelValue"],
18367
18368
  setup(__props, { emit: __emit }) {
18368
18369
  const emits = __emit;
18370
+ const getLabel = (option2) => {
18371
+ if (typeof option2 === "string")
18372
+ return option2;
18373
+ if (typeof option2 === "number")
18374
+ return `${option2}`;
18375
+ return option2.label;
18376
+ };
18377
+ const getValue = (option2) => {
18378
+ if (typeof option2 === "string")
18379
+ return option2;
18380
+ if (typeof option2 === "number")
18381
+ return option2;
18382
+ return option2.value;
18383
+ };
18369
18384
  const props2 = __props;
18370
- const cumputedOptions = computed(() => props2.options || props2.stringOptions.map((v2) => ({
18371
- optioId: v2,
18372
- label: v2,
18373
- value: v2
18374
- })));
18375
18385
  let selectedValue = ref("");
18376
18386
  function handleSelect(e) {
18377
18387
  var _a2;
@@ -18396,20 +18406,22 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
18396
18406
  return openBlock(), createElementBlock("div", _hoisted_1$g, [
18397
18407
  createElementVNode("label", _hoisted_2$d, toDisplayString(_ctx.label), 1),
18398
18408
  createElementVNode("div", _hoisted_3$a, [
18399
- (openBlock(true), createElementBlock(Fragment$1, null, renderList(cumputedOptions.value, ({ optioId, label, value }, index2) => {
18409
+ (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
18400
18410
  return openBlock(), createElementBlock("div", {
18401
18411
  class: "radio-pill",
18402
18412
  key: index2
18403
18413
  }, [
18404
18414
  createElementVNode("input", {
18405
18415
  type: "radio",
18406
- id: optioId,
18416
+ id: getValue(option2),
18407
18417
  name: _ctx.id,
18408
- value,
18409
- checked: unref(selectedValue) === value,
18418
+ value: getValue(option2),
18419
+ checked: unref(selectedValue) === getValue(option2),
18410
18420
  onChange: handleSelect
18411
18421
  }, null, 40, _hoisted_4$6),
18412
- createElementVNode("label", { for: optioId }, toDisplayString(label), 9, _hoisted_5$5)
18422
+ createElementVNode("label", {
18423
+ for: getValue(option2)
18424
+ }, toDisplayString(getLabel(option2)), 9, _hoisted_5$5)
18413
18425
  ]);
18414
18426
  }), 128))
18415
18427
  ])
@@ -18417,7 +18429,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
18417
18429
  };
18418
18430
  }
18419
18431
  });
18420
- const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e47ae8b5"]]);
18432
+ const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ee7dd382"]]);
18421
18433
  const _hoisted_1$f = { class: "bagel-input" };
18422
18434
  const _hoisted_2$c = {
18423
18435
  key: 0,