@xy-planning-network/trees 0.4.0-rc-8 → 0.4.0

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 (36) hide show
  1. package/README.md +234 -41
  2. package/dist/trees.es.js +224 -217
  3. package/dist/trees.umd.js +4 -4
  4. package/package.json +4 -2
  5. package/src/lib-components/forms/BaseInput.vue +83 -0
  6. package/src/lib-components/forms/Checkbox.vue +46 -0
  7. package/src/lib-components/forms/DateRangePicker.vue +65 -0
  8. package/src/lib-components/forms/InputHelp.vue +24 -0
  9. package/src/lib-components/forms/InputLabel.vue +23 -0
  10. package/src/lib-components/forms/MultiCheckboxes.vue +55 -0
  11. package/src/lib-components/forms/Radio.vue +58 -0
  12. package/src/lib-components/forms/Select.vue +65 -0
  13. package/src/lib-components/forms/TextArea.vue +50 -0
  14. package/src/lib-components/forms/Toggle.vue +25 -0
  15. package/src/lib-components/forms/YesOrNoRadio.vue +70 -0
  16. package/src/lib-components/layout/DateFilter.vue +54 -0
  17. package/src/lib-components/layout/SidebarLayout.vue +239 -0
  18. package/src/lib-components/layout/StackedLayout.vue +172 -0
  19. package/src/lib-components/lists/Cards.vue +33 -0
  20. package/src/lib-components/lists/DetailList.vue +114 -0
  21. package/src/lib-components/lists/DownloadCell.vue +12 -0
  22. package/src/lib-components/lists/StaticTable.vue +83 -0
  23. package/src/lib-components/lists/Table.vue +291 -0
  24. package/src/lib-components/navigation/ActionsDropdown.vue +78 -0
  25. package/src/lib-components/navigation/Paginator.vue +115 -0
  26. package/src/lib-components/navigation/Steps.vue +83 -0
  27. package/src/lib-components/navigation/Tabs.vue +92 -0
  28. package/src/lib-components/overlays/ContentModal.vue +95 -0
  29. package/src/lib-components/overlays/Flash.vue +131 -0
  30. package/src/lib-components/overlays/Modal.vue +133 -0
  31. package/src/lib-components/overlays/Slideover.vue +87 -0
  32. package/src/lib-components/overlays/Spinner.vue +149 -0
  33. package/types/composables/nav.d.ts +2 -2
  34. package/types/composables/table.d.ts +2 -2
  35. package/types/composables/user.d.ts +1 -4
  36. package/types/lib-components/forms/Select.vue.d.ts +2 -2
package/dist/trees.es.js CHANGED
@@ -3839,8 +3839,8 @@ const _hoisted_2$h = /* @__PURE__ */ createElementVNode("span", {
3839
3839
  }, "\u200B", -1);
3840
3840
  const _hoisted_3$e = { class: "inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" };
3841
3841
  const _hoisted_4$b = { class: "mt-3 text-center sm:mt-5" };
3842
- const _hoisted_5$a = { class: "mt-2" };
3843
- const _hoisted_6$a = { class: "mt-5 sm:mt-6" };
3842
+ const _hoisted_5$9 = { class: "mt-2" };
3843
+ const _hoisted_6$9 = { class: "mt-5 sm:mt-6" };
3844
3844
  const _sfc_main$p = /* @__PURE__ */ defineComponent({
3845
3845
  props: {
3846
3846
  modelValue: { type: Boolean },
@@ -3899,12 +3899,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
3899
3899
  as: "h3",
3900
3900
  textContent: toDisplayString(__props.title)
3901
3901
  }, null, 8, ["textContent"]),
3902
- createElementVNode("div", _hoisted_5$a, [
3902
+ createElementVNode("div", _hoisted_5$9, [
3903
3903
  renderSlot(_ctx.$slots, "default")
3904
3904
  ])
3905
3905
  ])
3906
3906
  ]),
3907
- createElementVNode("div", _hoisted_6$a, [
3907
+ createElementVNode("div", _hoisted_6$9, [
3908
3908
  createElementVNode("button", {
3909
3909
  type: "button",
3910
3910
  class: "inline-flex justify-center w-full xy-btn",
@@ -6168,17 +6168,74 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6168
6168
  };
6169
6169
  }
6170
6170
  });
6171
- const _hoisted_1$k = { class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100" };
6172
- const _hoisted_2$g = { class: "flex-1 min-w-0" };
6173
- const _hoisted_3$d = { class: "text-lg leading-6 font-semibold text-gray-900" };
6174
- const _hoisted_4$a = { class: "mt-4 flex md:mt-0 md:ml-4" };
6175
- const _hoisted_5$9 = /* @__PURE__ */ createElementVNode("option", { value: "DESC" }, "Newest-Oldest", -1);
6176
- const _hoisted_6$9 = /* @__PURE__ */ createElementVNode("option", { value: "ASC" }, "Oldest-Newest", -1);
6177
- const _hoisted_7$9 = [
6178
- _hoisted_5$9,
6179
- _hoisted_6$9
6180
- ];
6171
+ const _hoisted_1$k = ["aria-labelledby", "aria-describedby", "id", "value"];
6172
+ const _hoisted_2$g = {
6173
+ key: 0,
6174
+ value: "",
6175
+ disabled: "",
6176
+ selected: ""
6177
+ };
6178
+ const _hoisted_3$d = ["value", "textContent"];
6181
6179
  const _sfc_main$k = /* @__PURE__ */ defineComponent({
6180
+ props: {
6181
+ design: { default: "standard" },
6182
+ label: { default: "" },
6183
+ help: { default: "" },
6184
+ placeholder: { default: "Select an option" },
6185
+ options: null,
6186
+ modelValue: null
6187
+ },
6188
+ emits: ["update:modelValue"],
6189
+ setup(__props, { emit }) {
6190
+ const props = __props;
6191
+ const attrs = useAttrs();
6192
+ const uuid = attrs.id || Uniques.CreateIdAttribute();
6193
+ const classes = computed(() => {
6194
+ return {
6195
+ standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
6196
+ compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
6197
+ }[props.design];
6198
+ });
6199
+ return (_ctx, _cache) => {
6200
+ return openBlock(), createElementBlock(Fragment, null, [
6201
+ createVNode(_sfc_main$o, {
6202
+ id: `${unref(uuid)}-label`,
6203
+ for: unref(uuid),
6204
+ label: __props.label
6205
+ }, null, 8, ["id", "for", "label"]),
6206
+ createElementVNode("select", mergeProps({
6207
+ "aria-labelledby": __props.label ? `${unref(uuid)}-label` : void 0,
6208
+ "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0,
6209
+ class: unref(classes),
6210
+ id: unref(uuid),
6211
+ value: __props.modelValue
6212
+ }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
6213
+ onChange: ($event) => {
6214
+ emit("update:modelValue", $event.target.value);
6215
+ }
6216
+ })), [
6217
+ __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$g, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
6218
+ (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
6219
+ return openBlock(), createElementBlock("option", {
6220
+ value: option.value,
6221
+ textContent: toDisplayString(option.label),
6222
+ key: option.value
6223
+ }, null, 8, _hoisted_3$d);
6224
+ }), 128))
6225
+ ], 16, _hoisted_1$k),
6226
+ createVNode(_sfc_main$n, {
6227
+ id: `${unref(uuid)}-help`,
6228
+ text: __props.help
6229
+ }, null, 8, ["id", "text"])
6230
+ ], 64);
6231
+ };
6232
+ }
6233
+ });
6234
+ const _hoisted_1$j = { class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100" };
6235
+ const _hoisted_2$f = { class: "flex-1 min-w-0" };
6236
+ const _hoisted_3$c = { class: "text-lg leading-6 font-semibold text-gray-900" };
6237
+ const _hoisted_4$a = { class: "mt-4 flex md:mt-0 md:ml-4" };
6238
+ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6182
6239
  props: {
6183
6240
  dateRange: null,
6184
6241
  sortDir: null,
@@ -6188,25 +6245,37 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6188
6245
  setup(__props, { emit: emits }) {
6189
6246
  const props = __props;
6190
6247
  const dateRange = ref(props.dateRange);
6191
- const sortDirChanged = (sortDir) => {
6192
- emits("sort-dir-changed", sortDir);
6248
+ const sortDir = ref(props.sortDir);
6249
+ const sortOptions = [
6250
+ { label: "Newest-Oldest", value: "DESC" },
6251
+ { label: "Oldest-Newest", value: "ASC" }
6252
+ ];
6253
+ const sortDirChanged = (sortDir2) => {
6254
+ emits("sort-dir-changed", sortDir2);
6193
6255
  };
6194
6256
  const dateRangeChanged = (dateRange2) => {
6195
6257
  emits("date-range-changed", dateRange2);
6196
6258
  };
6197
6259
  return (_ctx, _cache) => {
6198
- return openBlock(), createElementBlock("div", _hoisted_1$k, [
6199
- createElementVNode("div", _hoisted_2$g, [
6200
- createElementVNode("h1", _hoisted_3$d, toDisplayString(__props.title), 1)
6260
+ return openBlock(), createElementBlock("div", _hoisted_1$j, [
6261
+ createElementVNode("div", _hoisted_2$f, [
6262
+ createElementVNode("h1", _hoisted_3$c, toDisplayString(__props.title), 1)
6201
6263
  ]),
6202
6264
  createElementVNode("div", _hoisted_4$a, [
6203
- createElementVNode("select", {
6204
- onChange: _cache[0] || (_cache[0] = ($event) => sortDirChanged($event.target.value)),
6205
- class: "block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
6206
- }, _hoisted_7$9, 32),
6265
+ createVNode(_sfc_main$k, {
6266
+ modelValue: sortDir.value,
6267
+ "onUpdate:modelValue": [
6268
+ _cache[0] || (_cache[0] = ($event) => sortDir.value = $event),
6269
+ sortDirChanged
6270
+ ],
6271
+ options: sortOptions
6272
+ }, null, 8, ["modelValue"]),
6207
6273
  createVNode(_sfc_main$l, {
6208
6274
  modelValue: dateRange.value,
6209
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateRangeChanged($event)),
6275
+ "onUpdate:modelValue": [
6276
+ _cache[1] || (_cache[1] = ($event) => dateRange.value = $event),
6277
+ dateRangeChanged
6278
+ ],
6210
6279
  class: "ml-3"
6211
6280
  }, null, 8, ["modelValue"])
6212
6281
  ])
@@ -6214,9 +6283,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6214
6283
  };
6215
6284
  }
6216
6285
  });
6217
- const _hoisted_1$j = { class: "px-4 flex items-center justify-between sm:px-0" };
6218
- const _hoisted_2$f = { class: "w-0 flex-1 flex" };
6219
- const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
6286
+ const _hoisted_1$i = { class: "px-4 flex items-center justify-between sm:px-0" };
6287
+ const _hoisted_2$e = { class: "w-0 flex-1 flex" };
6288
+ const _hoisted_3$b = /* @__PURE__ */ createElementVNode("svg", {
6220
6289
  class: "mr-3 h-5 w-5",
6221
6290
  fill: "currentColor",
6222
6291
  viewBox: "0 0 20 20"
@@ -6229,7 +6298,7 @@ const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
6229
6298
  ], -1);
6230
6299
  const _hoisted_4$9 = /* @__PURE__ */ createTextVNode(" Previous ");
6231
6300
  const _hoisted_5$8 = [
6232
- _hoisted_3$c,
6301
+ _hoisted_3$b,
6233
6302
  _hoisted_4$9
6234
6303
  ];
6235
6304
  const _hoisted_6$8 = { class: "hidden md:flex" };
@@ -6251,7 +6320,7 @@ const _hoisted_11$5 = [
6251
6320
  _hoisted_9$8,
6252
6321
  _hoisted_10$8
6253
6322
  ];
6254
- const _sfc_main$j = /* @__PURE__ */ defineComponent({
6323
+ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6255
6324
  props: {
6256
6325
  modelValue: null
6257
6326
  },
@@ -6287,8 +6356,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6287
6356
  return shortcuts;
6288
6357
  });
6289
6358
  return (_ctx, _cache) => {
6290
- return openBlock(), createElementBlock("div", _hoisted_1$j, [
6291
- createElementVNode("div", _hoisted_2$f, [
6359
+ return openBlock(), createElementBlock("div", _hoisted_1$i, [
6360
+ createElementVNode("div", _hoisted_2$e, [
6292
6361
  createElementVNode("a", {
6293
6362
  href: "#",
6294
6363
  class: normalizeClass([
@@ -6326,11 +6395,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6326
6395
  };
6327
6396
  }
6328
6397
  });
6329
- const _hoisted_1$i = {
6398
+ const _hoisted_1$h = {
6330
6399
  key: 0,
6331
6400
  class: "shadow overflow-hidden sm:rounded-md border"
6332
6401
  };
6333
- const _sfc_main$i = /* @__PURE__ */ defineComponent({
6402
+ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6334
6403
  props: {
6335
6404
  refreshTrigger: { default: 0 },
6336
6405
  reloadTrigger: { default: 0 },
@@ -6385,14 +6454,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6385
6454
  loadAndRender(true);
6386
6455
  return (_ctx, _cache) => {
6387
6456
  return openBlock(), createElementBlock("div", null, [
6388
- createVNode(_sfc_main$k, {
6457
+ createVNode(_sfc_main$j, {
6389
6458
  "date-range": dateRange.value,
6390
6459
  "sort-dir": sortDir.value,
6391
6460
  title: __props.title,
6392
6461
  onSortDirChanged: _cache[0] || (_cache[0] = ($event) => sortDir.value = $event),
6393
6462
  onDateRangeChanged: _cache[1] || (_cache[1] = ($event) => dateRange.value = $event)
6394
6463
  }, null, 8, ["date-range", "sort-dir", "title"]),
6395
- hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
6464
+ hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
6396
6465
  createElementVNode("ul", null, [
6397
6466
  (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, idx) => {
6398
6467
  return openBlock(), createElementBlock("li", {
@@ -6404,7 +6473,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6404
6473
  }), 128))
6405
6474
  ])
6406
6475
  ])) : renderSlot(_ctx.$slots, "empty", { key: 1 }),
6407
- hasContent.value ? (openBlock(), createBlock(_sfc_main$j, {
6476
+ hasContent.value ? (openBlock(), createBlock(_sfc_main$i, {
6408
6477
  key: 2,
6409
6478
  modelValue: pagination.value,
6410
6479
  "onUpdate:modelValue": [
@@ -6416,8 +6485,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6416
6485
  };
6417
6486
  }
6418
6487
  });
6419
- const _hoisted_1$h = ["href"];
6420
- const _sfc_main$h = /* @__PURE__ */ defineComponent({
6488
+ const _hoisted_1$g = ["href"];
6489
+ const _sfc_main$g = /* @__PURE__ */ defineComponent({
6421
6490
  props: {
6422
6491
  propsData: null,
6423
6492
  attribute: null
@@ -6428,13 +6497,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6428
6497
  href: __props.propsData[__props.attribute]
6429
6498
  }, [
6430
6499
  createVNode(unref(render$4), { class: "h-6 w-6 group-hover:text-gray-500 transition" })
6431
- ], 8, _hoisted_1$h);
6500
+ ], 8, _hoisted_1$g);
6432
6501
  };
6433
6502
  }
6434
6503
  });
6435
- const _hoisted_1$g = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40" };
6436
- const _hoisted_2$e = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
6437
- const _hoisted_3$b = { class: "p-4" };
6504
+ const _hoisted_1$f = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40" };
6505
+ const _hoisted_2$d = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
6506
+ const _hoisted_3$a = { class: "p-4" };
6438
6507
  const _hoisted_4$8 = { class: "flex items-center" };
6439
6508
  const _hoisted_5$7 = { class: "w-0 flex-1 flex justify-between" };
6440
6509
  const _hoisted_6$7 = ["innerHTML"];
@@ -6454,7 +6523,7 @@ const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("svg", {
6454
6523
  const _hoisted_10$7 = [
6455
6524
  _hoisted_9$7
6456
6525
  ];
6457
- const _sfc_main$g = /* @__PURE__ */ defineComponent({
6526
+ const _sfc_main$f = /* @__PURE__ */ defineComponent({
6458
6527
  setup(__props) {
6459
6528
  const flashes = ref([]);
6460
6529
  const flashTypeBorderClass = {
@@ -6509,7 +6578,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
6509
6578
  }
6510
6579
  });
6511
6580
  return (_ctx, _cache) => {
6512
- return openBlock(), createElementBlock("div", _hoisted_1$g, [
6581
+ return openBlock(), createElementBlock("div", _hoisted_1$f, [
6513
6582
  createVNode(TransitionGroup, {
6514
6583
  tag: "div",
6515
6584
  class: "max-w-sm w-full",
@@ -6526,8 +6595,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
6526
6595
  key: flash.message,
6527
6596
  class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform", [{ "mt-2": idx > 0 }, getFlashClass(flash)]])
6528
6597
  }, [
6529
- createElementVNode("div", _hoisted_2$e, [
6530
- createElementVNode("div", _hoisted_3$b, [
6598
+ createElementVNode("div", _hoisted_2$d, [
6599
+ createElementVNode("div", _hoisted_3$a, [
6531
6600
  createElementVNode("div", _hoisted_4$8, [
6532
6601
  createElementVNode("div", _hoisted_5$7, [
6533
6602
  createElementVNode("p", {
@@ -6617,12 +6686,12 @@ function render(_ctx, _cache) {
6617
6686
  })
6618
6687
  ]);
6619
6688
  }
6620
- const _hoisted_1$f = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
6621
- const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", {
6689
+ const _hoisted_1$e = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
6690
+ const _hoisted_2$c = /* @__PURE__ */ createElementVNode("span", {
6622
6691
  class: "hidden sm:inline-block sm:align-middle sm:h-screen",
6623
6692
  "aria-hidden": "true"
6624
6693
  }, "\u200B", -1);
6625
- const _hoisted_3$a = { class: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl w-full" };
6694
+ const _hoisted_3$9 = { class: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl w-full" };
6626
6695
  const _hoisted_4$7 = { class: "block absolute top-0 right-0 pt-4 pr-4" };
6627
6696
  const _hoisted_5$6 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close", -1);
6628
6697
  const _hoisted_6$6 = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" };
@@ -6633,7 +6702,7 @@ const _hoisted_9$6 = {
6633
6702
  class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
6634
6703
  };
6635
6704
  const _hoisted_10$6 = ["textContent", "disabled"];
6636
- const _sfc_main$f = /* @__PURE__ */ defineComponent({
6705
+ const _sfc_main$e = /* @__PURE__ */ defineComponent({
6637
6706
  props: {
6638
6707
  destructive: { type: Boolean, default: false },
6639
6708
  disabled: { type: Boolean, default: false },
@@ -6663,7 +6732,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
6663
6732
  open: __props.modelValue
6664
6733
  }, {
6665
6734
  default: withCtx(() => [
6666
- createElementVNode("div", _hoisted_1$f, [
6735
+ createElementVNode("div", _hoisted_1$e, [
6667
6736
  createVNode(unref(TransitionChild), {
6668
6737
  as: "template",
6669
6738
  enter: "ease-out duration-300",
@@ -6678,7 +6747,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
6678
6747
  ]),
6679
6748
  _: 1
6680
6749
  }),
6681
- _hoisted_2$d,
6750
+ _hoisted_2$c,
6682
6751
  createVNode(unref(TransitionChild), {
6683
6752
  as: "template",
6684
6753
  enter: "ease-out duration-300",
@@ -6689,7 +6758,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
6689
6758
  "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
6690
6759
  }, {
6691
6760
  default: withCtx(() => [
6692
- createElementVNode("div", _hoisted_3$a, [
6761
+ createElementVNode("div", _hoisted_3$9, [
6693
6762
  createElementVNode("div", _hoisted_4$7, [
6694
6763
  createElementVNode("button", {
6695
6764
  type: "button",
@@ -6745,11 +6814,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
6745
6814
  };
6746
6815
  }
6747
6816
  });
6748
- const _hoisted_1$e = {
6817
+ const _hoisted_1$d = {
6749
6818
  key: 0,
6750
6819
  class: "fixed top-0 left-0 flex items-center justify-center w-full h-full cursor-not-allowed z-50 bg-gray-50 bg-opacity-50"
6751
6820
  };
6752
- const _hoisted_2$c = /* @__PURE__ */ createElementVNode("div", { class: "flex justify-center" }, [
6821
+ const _hoisted_2$b = /* @__PURE__ */ createElementVNode("div", { class: "flex justify-center" }, [
6753
6822
  /* @__PURE__ */ createElementVNode("div", { class: "animate-spin-gear" }, [
6754
6823
  /* @__PURE__ */ createElementVNode("svg", {
6755
6824
  width: "129px",
@@ -6827,7 +6896,7 @@ const _hoisted_2$c = /* @__PURE__ */ createElementVNode("div", { class: "flex ju
6827
6896
  ])
6828
6897
  ])
6829
6898
  ], -1);
6830
- const _sfc_main$e = /* @__PURE__ */ defineComponent({
6899
+ const _sfc_main$d = /* @__PURE__ */ defineComponent({
6831
6900
  setup(__props) {
6832
6901
  const idx = ref(0);
6833
6902
  const loading = ref(false);
@@ -6869,9 +6938,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
6869
6938
  });
6870
6939
  });
6871
6940
  return (_ctx, _cache) => {
6872
- return loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
6941
+ return loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
6873
6942
  createElementVNode("div", null, [
6874
- _hoisted_2$c,
6943
+ _hoisted_2$b,
6875
6944
  withDirectives(createElementVNode("div", null, [
6876
6945
  createVNode(Transition, {
6877
6946
  appear: "",
@@ -6899,9 +6968,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
6899
6968
  };
6900
6969
  }
6901
6970
  });
6902
- const _hoisted_1$d = { class: "h-screen flex overflow-hidden bg-gray-100" };
6903
- const _hoisted_2$b = { class: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white" };
6904
- const _hoisted_3$9 = { class: "absolute top-0 right-0 -mr-12 pt-2" };
6971
+ const _hoisted_1$c = { class: "h-screen flex overflow-hidden bg-gray-100" };
6972
+ const _hoisted_2$a = { class: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white" };
6973
+ const _hoisted_3$8 = { class: "absolute top-0 right-0 -mr-12 pt-2" };
6905
6974
  const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close sidebar", -1);
6906
6975
  const _hoisted_5$5 = { class: "flex-shrink-0 flex justify-center px-4" };
6907
6976
  const _hoisted_6$5 = ["src"];
@@ -6931,7 +7000,7 @@ const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only
6931
7000
  const _hoisted_27 = ["href"];
6932
7001
  const _hoisted_28 = { class: "flex-1 relative overflow-y-auto focus:outline-none" };
6933
7002
  const _hoisted_29 = { class: "mx-auto" };
6934
- const _sfc_main$d = /* @__PURE__ */ defineComponent({
7003
+ const _sfc_main$c = /* @__PURE__ */ defineComponent({
6935
7004
  props: {
6936
7005
  activeURL: { default: "" },
6937
7006
  iconURL: null,
@@ -6946,7 +7015,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
6946
7015
  };
6947
7016
  return (_ctx, _cache) => {
6948
7017
  return openBlock(), createElementBlock(Fragment, null, [
6949
- createElementVNode("div", _hoisted_1$d, [
7018
+ createElementVNode("div", _hoisted_1$c, [
6950
7019
  createVNode(unref(TransitionRoot), {
6951
7020
  as: "template",
6952
7021
  show: sidebarOpen.value
@@ -6984,7 +7053,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
6984
7053
  "leave-to": "-translate-x-full"
6985
7054
  }, {
6986
7055
  default: withCtx(() => [
6987
- createElementVNode("div", _hoisted_2$b, [
7056
+ createElementVNode("div", _hoisted_2$a, [
6988
7057
  createVNode(unref(TransitionChild), {
6989
7058
  as: "template",
6990
7059
  enter: "ease-in-out duration-300",
@@ -6995,7 +7064,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
6995
7064
  "leave-to": "opacity-0"
6996
7065
  }, {
6997
7066
  default: withCtx(() => [
6998
- createElementVNode("div", _hoisted_3$9, [
7067
+ createElementVNode("div", _hoisted_3$8, [
6999
7068
  createElementVNode("button", {
7000
7069
  class: "ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
7001
7070
  onClick: _cache[0] || (_cache[0] = ($event) => sidebarOpen.value = false)
@@ -7171,15 +7240,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
7171
7240
  ])
7172
7241
  ])
7173
7242
  ]),
7174
- createVNode(_sfc_main$g),
7175
- createVNode(_sfc_main$e)
7243
+ createVNode(_sfc_main$f),
7244
+ createVNode(_sfc_main$d)
7176
7245
  ], 64);
7177
7246
  };
7178
7247
  }
7179
7248
  });
7180
- const _hoisted_1$c = { class: "absolute inset-0 overflow-hidden" };
7181
- const _hoisted_2$a = { class: "fixed inset-y-0 right-0 pl-10 max-w-full flex" };
7182
- const _hoisted_3$8 = { class: "w-screen max-w-md" };
7249
+ const _hoisted_1$b = { class: "absolute inset-0 overflow-hidden" };
7250
+ const _hoisted_2$9 = { class: "fixed inset-y-0 right-0 pl-10 max-w-full flex" };
7251
+ const _hoisted_3$7 = { class: "w-screen max-w-md" };
7183
7252
  const _hoisted_4$5 = { class: "h-full flex flex-col bg-white shadow-xl overflow-y-scroll" };
7184
7253
  const _hoisted_5$4 = { class: "py-6 px-4 bg-blue-700 sm:px-6" };
7185
7254
  const _hoisted_6$4 = { class: "flex items-center justify-between" };
@@ -7188,7 +7257,7 @@ const _hoisted_8$4 = /* @__PURE__ */ createElementVNode("span", { class: "sr-onl
7188
7257
  const _hoisted_9$4 = { class: "mt-1" };
7189
7258
  const _hoisted_10$4 = ["textContent"];
7190
7259
  const _hoisted_11$3 = { class: "relative flex-1 py-6 px-4 sm:px-6" };
7191
- const _sfc_main$c = /* @__PURE__ */ defineComponent({
7260
+ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7192
7261
  props: {
7193
7262
  header: null,
7194
7263
  description: null,
@@ -7217,9 +7286,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
7217
7286
  open: __props.modelValue
7218
7287
  }, {
7219
7288
  default: withCtx(() => [
7220
- createElementVNode("div", _hoisted_1$c, [
7289
+ createElementVNode("div", _hoisted_1$b, [
7221
7290
  createVNode(unref(DialogOverlay), { class: "absolute inset-0" }),
7222
- createElementVNode("div", _hoisted_2$a, [
7291
+ createElementVNode("div", _hoisted_2$9, [
7223
7292
  createVNode(unref(TransitionChild), {
7224
7293
  as: "template",
7225
7294
  enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -7230,7 +7299,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
7230
7299
  "leave-to": "translate-x-full"
7231
7300
  }, {
7232
7301
  default: withCtx(() => [
7233
- createElementVNode("div", _hoisted_3$8, [
7302
+ createElementVNode("div", _hoisted_3$7, [
7234
7303
  createElementVNode("div", _hoisted_4$5, [
7235
7304
  createElementVNode("div", _hoisted_5$4, [
7236
7305
  createElementVNode("div", _hoisted_6$4, [
@@ -7279,9 +7348,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
7279
7348
  };
7280
7349
  }
7281
7350
  });
7282
- const _hoisted_1$b = { class: "min-h-screen bg-gray-100" };
7283
- const _hoisted_2$9 = { class: "mx-auto px-4 sm:px-6 lg:px-8" };
7284
- const _hoisted_3$7 = { class: "flex justify-between h-16" };
7351
+ const _hoisted_1$a = { class: "min-h-screen bg-gray-100" };
7352
+ const _hoisted_2$8 = { class: "mx-auto px-4 sm:px-6 lg:px-8" };
7353
+ const _hoisted_3$6 = { class: "flex justify-between h-16" };
7285
7354
  const _hoisted_4$4 = { class: "flex" };
7286
7355
  const _hoisted_5$3 = { class: "flex-shrink-0 flex items-center" };
7287
7356
  const _hoisted_6$3 = ["src"];
@@ -7304,7 +7373,7 @@ const _hoisted_22$1 = { class: "mt-3 space-y-1" };
7304
7373
  const _hoisted_23$1 = ["href"];
7305
7374
  const _hoisted_24$1 = { class: "mx-auto sm:px-6 lg:px-8" };
7306
7375
  const _hoisted_25 = { class: "px-4 py-8 sm:px-0" };
7307
- const _sfc_main$b = /* @__PURE__ */ defineComponent({
7376
+ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7308
7377
  props: {
7309
7378
  activeURL: { default: "" },
7310
7379
  currentUser: null,
@@ -7319,14 +7388,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7319
7388
  };
7320
7389
  return (_ctx, _cache) => {
7321
7390
  return openBlock(), createElementBlock(Fragment, null, [
7322
- createElementVNode("div", _hoisted_1$b, [
7391
+ createElementVNode("div", _hoisted_1$a, [
7323
7392
  createVNode(unref(Disclosure), {
7324
7393
  as: "nav",
7325
7394
  class: "bg-white shadow-sm"
7326
7395
  }, {
7327
7396
  default: withCtx(({ open }) => [
7328
- createElementVNode("div", _hoisted_2$9, [
7329
- createElementVNode("div", _hoisted_3$7, [
7397
+ createElementVNode("div", _hoisted_2$8, [
7398
+ createElementVNode("div", _hoisted_3$6, [
7330
7399
  createElementVNode("div", _hoisted_4$4, [
7331
7400
  createElementVNode("div", _hoisted_5$3, [
7332
7401
  createElementVNode("img", {
@@ -7441,10 +7510,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7441
7510
  createVNode(unref(render$111), { class: "text-gray-500 h-10 w-10 rounded-full" })
7442
7511
  ]),
7443
7512
  createElementVNode("div", _hoisted_19$1, [
7444
- createElementVNode("div", {
7513
+ __props.currentUser.name ? (openBlock(), createElementBlock("div", {
7514
+ key: 0,
7445
7515
  class: "text-base font-medium text-gray-800",
7446
7516
  textContent: toDisplayString(__props.currentUser.name)
7447
- }, null, 8, _hoisted_20$1),
7517
+ }, null, 8, _hoisted_20$1)) : createCommentVNode("", true),
7448
7518
  createElementVNode("div", {
7449
7519
  class: "text-sm font-medium text-gray-500",
7450
7520
  textContent: toDisplayString(__props.currentUser.email)
@@ -7476,15 +7546,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7476
7546
  ])
7477
7547
  ])
7478
7548
  ]),
7479
- createVNode(_sfc_main$g),
7480
- createVNode(_sfc_main$e)
7549
+ createVNode(_sfc_main$f),
7550
+ createVNode(_sfc_main$d)
7481
7551
  ], 64);
7482
7552
  };
7483
7553
  }
7484
7554
  });
7485
- const _hoisted_1$a = { class: "flex flex-col" };
7486
- const _hoisted_2$8 = { class: "-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" };
7487
- const _hoisted_3$6 = { class: "inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8" };
7555
+ const _hoisted_1$9 = { class: "flex flex-col" };
7556
+ const _hoisted_2$7 = { class: "-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" };
7557
+ const _hoisted_3$5 = { class: "inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8" };
7488
7558
  const _hoisted_4$3 = { class: "overflow-hidden border-b border-gray-200 shadow sm:rounded-lg" };
7489
7559
  const _hoisted_5$2 = { class: "min-w-full divide-y divide-gray-200" };
7490
7560
  const _hoisted_6$2 = ["textContent"];
@@ -7492,7 +7562,7 @@ const _hoisted_7$2 = { class: "bg-white divide-y divide-gray-200" };
7492
7562
  const _hoisted_8$2 = ["textContent"];
7493
7563
  const _hoisted_9$2 = { key: 0 };
7494
7564
  const _hoisted_10$2 = ["colspan"];
7495
- const _sfc_main$a = /* @__PURE__ */ defineComponent({
7565
+ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7496
7566
  props: {
7497
7567
  tableData: null
7498
7568
  },
@@ -7508,9 +7578,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7508
7578
  return "";
7509
7579
  };
7510
7580
  return (_ctx, _cache) => {
7511
- return openBlock(), createElementBlock("div", _hoisted_1$a, [
7512
- createElementVNode("div", _hoisted_2$8, [
7513
- createElementVNode("div", _hoisted_3$6, [
7581
+ return openBlock(), createElementBlock("div", _hoisted_1$9, [
7582
+ createElementVNode("div", _hoisted_2$7, [
7583
+ createElementVNode("div", _hoisted_3$5, [
7514
7584
  createElementVNode("div", _hoisted_4$3, [
7515
7585
  createElementVNode("table", _hoisted_5$2, [
7516
7586
  createElementVNode("thead", null, [
@@ -7562,9 +7632,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7562
7632
  };
7563
7633
  }
7564
7634
  });
7565
- const _hoisted_1$9 = { class: "flex items-center justify-center space-x-8" };
7566
- const _hoisted_2$7 = { class: "font-medium" };
7567
- const _hoisted_3$5 = { class: "flex items-center space-x-5" };
7635
+ const _hoisted_1$8 = { class: "flex items-center justify-center space-x-8" };
7636
+ const _hoisted_2$6 = { class: "font-medium" };
7637
+ const _hoisted_3$4 = { class: "flex items-center space-x-5" };
7568
7638
  const _hoisted_4$2 = {
7569
7639
  key: 0,
7570
7640
  class: "block w-2.5 h-2.5 bg-xy-green rounded-full hover:bg-green-900 focus:bg-green-900"
@@ -7597,7 +7667,7 @@ const _hoisted_11$1 = {
7597
7667
  const _hoisted_12$1 = ["textContent"];
7598
7668
  const _hoisted_13$1 = { class: "ml-3 inline-flex rounded-md shadow-sm" };
7599
7669
  const _hoisted_14$1 = ["textContent"];
7600
- const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7670
+ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
7601
7671
  props: {
7602
7672
  hideActions: { type: Boolean, default: false },
7603
7673
  hidePrevious: { type: Boolean, default: false },
@@ -7616,9 +7686,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7616
7686
  };
7617
7687
  return (_ctx, _cache) => {
7618
7688
  return openBlock(), createElementBlock("div", null, [
7619
- createElementVNode("nav", _hoisted_1$9, [
7620
- createElementVNode("p", _hoisted_2$7, "Step " + toDisplayString(__props.step) + " of " + toDisplayString(__props.total), 1),
7621
- createElementVNode("ul", _hoisted_3$5, [
7689
+ createElementVNode("nav", _hoisted_1$8, [
7690
+ createElementVNode("p", _hoisted_2$6, "Step " + toDisplayString(__props.step) + " of " + toDisplayString(__props.total), 1),
7691
+ createElementVNode("ul", _hoisted_3$4, [
7622
7692
  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.total, (index) => {
7623
7693
  return openBlock(), createElementBlock("li", { key: index }, [
7624
7694
  __props.step > index ? (openBlock(), createElementBlock("span", _hoisted_4$2)) : __props.step === index ? (openBlock(), createElementBlock("div", _hoisted_5$1, _hoisted_8$1)) : (openBlock(), createElementBlock("span", _hoisted_9$1))
@@ -7648,12 +7718,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7648
7718
  };
7649
7719
  }
7650
7720
  });
7651
- const _hoisted_1$8 = { class: "flex flex-col mb-4 space-y-4 lg:space-y-0 lg:flex-row lg:justify-between" };
7652
- const _hoisted_2$6 = {
7721
+ const _hoisted_1$7 = { class: "flex flex-col mb-4 space-y-4 lg:space-y-0 lg:flex-row lg:justify-between" };
7722
+ const _hoisted_2$5 = {
7653
7723
  key: 0,
7654
7724
  class: "w-full max-w-lg lg:max-w-xs"
7655
7725
  };
7656
- const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("label", {
7726
+ const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("label", {
7657
7727
  for: "search",
7658
7728
  class: "sr-only"
7659
7729
  }, "Search", -1);
@@ -7731,7 +7801,7 @@ const _hoisted_21 = ["onClick"];
7731
7801
  const _hoisted_22 = ["textContent"];
7732
7802
  const _hoisted_23 = { key: 0 };
7733
7803
  const _hoisted_24 = ["colspan"];
7734
- const _sfc_main$8 = /* @__PURE__ */ defineComponent({
7804
+ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7735
7805
  props: {
7736
7806
  clickable: { type: Boolean, default: false },
7737
7807
  loader: { type: Boolean, default: true },
@@ -7815,9 +7885,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
7815
7885
  loadAndRender();
7816
7886
  return (_ctx, _cache) => {
7817
7887
  return openBlock(), createElementBlock("div", null, [
7818
- createElementVNode("div", _hoisted_1$8, [
7819
- __props.tableData.search ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
7820
- _hoisted_3$4,
7888
+ createElementVNode("div", _hoisted_1$7, [
7889
+ __props.tableData.search ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
7890
+ _hoisted_3$3,
7821
7891
  createElementVNode("div", _hoisted_4$1, [
7822
7892
  _hoisted_5,
7823
7893
  withDirectives(createElementVNode("input", {
@@ -7902,7 +7972,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
7902
7972
  ])
7903
7973
  ])
7904
7974
  ]),
7905
- unref(hasContent) ? (openBlock(), createBlock(_sfc_main$j, {
7975
+ unref(hasContent) ? (openBlock(), createBlock(_sfc_main$i, {
7906
7976
  key: 0,
7907
7977
  modelValue: pagination.value,
7908
7978
  "onUpdate:modelValue": [
@@ -7914,13 +7984,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
7914
7984
  };
7915
7985
  }
7916
7986
  });
7917
- const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("label", {
7987
+ const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("label", {
7918
7988
  for: "tabs",
7919
7989
  class: "sr-only"
7920
7990
  }, "Select a tab", -1);
7921
- const _hoisted_2$5 = { class: "hidden sm:block" };
7922
- const _hoisted_3$3 = ["textContent", "onClick"];
7923
- const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7991
+ const _hoisted_2$4 = { class: "hidden sm:block" };
7992
+ const _hoisted_3$2 = ["textContent", "onClick"];
7993
+ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
7924
7994
  props: {
7925
7995
  modelValue: null,
7926
7996
  pillDesign: { type: Boolean, default: false },
@@ -7962,7 +8032,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7962
8032
  createElementVNode("div", {
7963
8033
  class: normalizeClass(["sm:hidden", { "mb-4": __props.pillDesign }])
7964
8034
  }, [
7965
- _hoisted_1$7,
8035
+ _hoisted_1$6,
7966
8036
  createVNode(_component_Select, {
7967
8037
  name: "tabs",
7968
8038
  modelValue: __props.modelValue,
@@ -7970,7 +8040,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7970
8040
  options: __props.tabs
7971
8041
  }, null, 8, ["modelValue", "options"])
7972
8042
  ], 2),
7973
- createElementVNode("div", _hoisted_2$5, [
8043
+ createElementVNode("div", _hoisted_2$4, [
7974
8044
  createElementVNode("div", {
7975
8045
  class: normalizeClass({ "border-b border-gray-200": unref(notPillDesign) })
7976
8046
  }, [
@@ -7984,7 +8054,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7984
8054
  key: idx,
7985
8055
  textContent: toDisplayString(tab.label),
7986
8056
  onClick: withModifiers(($event) => updateModelValue2(tab.value), ["prevent"])
7987
- }, null, 10, _hoisted_3$3);
8057
+ }, null, 10, _hoisted_3$2);
7988
8058
  }), 128))
7989
8059
  ], 2)
7990
8060
  ], 2)
@@ -7993,8 +8063,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
7993
8063
  };
7994
8064
  }
7995
8065
  });
7996
- const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Use", -1);
7997
- const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8066
+ const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Use", -1);
8067
+ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
7998
8068
  props: {
7999
8069
  modelValue: { type: Boolean, default: false }
8000
8070
  },
@@ -8010,7 +8080,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8010
8080
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
8011
8081
  }, {
8012
8082
  default: withCtx(() => [
8013
- _hoisted_1$6,
8083
+ _hoisted_1$5,
8014
8084
  createElementVNode("span", {
8015
8085
  "aria-hidden": "true",
8016
8086
  class: normalizeClass([
@@ -8024,9 +8094,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8024
8094
  };
8025
8095
  }
8026
8096
  });
8027
- const _hoisted_1$5 = { class: "inline-flex items-center" };
8028
- const _hoisted_2$4 = ["aria-labelledby", "checked", "id"];
8029
- const _sfc_main$5 = /* @__PURE__ */ defineComponent({
8097
+ const _hoisted_1$4 = { class: "inline-flex items-center" };
8098
+ const _hoisted_2$3 = ["aria-labelledby", "checked", "id"];
8099
+ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
8030
8100
  props: {
8031
8101
  label: { default: "" },
8032
8102
  modelValue: { type: Boolean }
@@ -8037,7 +8107,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
8037
8107
  const uuid = attrs.id || Uniques.CreateIdAttribute();
8038
8108
  return (_ctx, _cache) => {
8039
8109
  return openBlock(), createElementBlock("div", null, [
8040
- createElementVNode("label", _hoisted_1$5, [
8110
+ createElementVNode("label", _hoisted_1$4, [
8041
8111
  createElementVNode("input", mergeProps({
8042
8112
  "aria-labelledby": __props.label ? `${unref(uuid)}-label` : void 0,
8043
8113
  checked: __props.modelValue,
@@ -8048,7 +8118,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
8048
8118
  onChange: ($event) => {
8049
8119
  emits("update:modelValue", $event.target.checked);
8050
8120
  }
8051
- })), null, 16, _hoisted_2$4),
8121
+ })), null, 16, _hoisted_2$3),
8052
8122
  createVNode(_sfc_main$o, {
8053
8123
  class: "ml-2",
8054
8124
  id: `${unref(uuid)}-label`,
@@ -8061,9 +8131,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
8061
8131
  };
8062
8132
  }
8063
8133
  });
8064
- const _hoisted_1$4 = { class: "inline-flex items-center" };
8065
- const _hoisted_2$3 = ["id", "value"];
8066
- const _sfc_main$4 = /* @__PURE__ */ defineComponent({
8134
+ const _hoisted_1$3 = { class: "inline-flex items-center" };
8135
+ const _hoisted_2$2 = ["id", "value"];
8136
+ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8067
8137
  props: {
8068
8138
  options: null,
8069
8139
  legend: { default: "" },
@@ -8087,7 +8157,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
8087
8157
  class: "mt-4",
8088
8158
  key: option.value
8089
8159
  }, [
8090
- createElementVNode("label", _hoisted_1$4, [
8160
+ createElementVNode("label", _hoisted_1$3, [
8091
8161
  withDirectives(createElementVNode("input", mergeProps({
8092
8162
  type: "checkbox",
8093
8163
  class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
@@ -8098,7 +8168,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
8098
8168
  onChange: () => {
8099
8169
  emits("update:modelValue", model.value);
8100
8170
  }
8101
- })), null, 16, _hoisted_2$3), [
8171
+ })), null, 16, _hoisted_2$2), [
8102
8172
  [vModelCheckbox, model.value]
8103
8173
  ]),
8104
8174
  createVNode(_sfc_main$o, {
@@ -8114,10 +8184,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
8114
8184
  };
8115
8185
  }
8116
8186
  });
8117
- const _hoisted_1$3 = { class: "mt-1 space-y-2" };
8118
- const _hoisted_2$2 = ["for"];
8119
- const _hoisted_3$2 = ["checked", "id", "name", "value"];
8120
- const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8187
+ const _hoisted_1$2 = { class: "mt-1 space-y-2" };
8188
+ const _hoisted_2$1 = ["for"];
8189
+ const _hoisted_3$1 = ["checked", "id", "name", "value"];
8190
+ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
8121
8191
  props: {
8122
8192
  options: null,
8123
8193
  legend: { default: "" },
@@ -8130,7 +8200,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8130
8200
  const attrs = useAttrs();
8131
8201
  const uuid = attrs.id || Uniques.CreateIdAttribute();
8132
8202
  return (_ctx, _cache) => {
8133
- return openBlock(), createElementBlock("fieldset", _hoisted_1$3, [
8203
+ return openBlock(), createElementBlock("fieldset", _hoisted_1$2, [
8134
8204
  createVNode(_sfc_main$o, {
8135
8205
  class: "block",
8136
8206
  label: __props.legend,
@@ -8156,13 +8226,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8156
8226
  onChange: ($event) => {
8157
8227
  emits("update:modelValue", $event.target.value);
8158
8228
  }
8159
- })), null, 16, _hoisted_3$2),
8229
+ })), null, 16, _hoisted_3$1),
8160
8230
  createVNode(_sfc_main$o, {
8161
8231
  class: "ml-2",
8162
8232
  label: option.label,
8163
8233
  tag: "span"
8164
8234
  }, null, 8, ["label"])
8165
- ], 10, _hoisted_2$2)
8235
+ ], 10, _hoisted_2$1)
8166
8236
  ]),
8167
8237
  _: 2
8168
8238
  }, 1024);
@@ -8171,69 +8241,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8171
8241
  };
8172
8242
  }
8173
8243
  });
8174
- const _hoisted_1$2 = ["aria-labelledby", "aria-describedby", "id", "value"];
8175
- const _hoisted_2$1 = {
8176
- key: 0,
8177
- value: "",
8178
- disabled: "",
8179
- selected: ""
8180
- };
8181
- const _hoisted_3$1 = ["value", "textContent"];
8182
- const _sfc_main$2 = /* @__PURE__ */ defineComponent({
8183
- props: {
8184
- design: { default: "standard" },
8185
- label: { default: "" },
8186
- help: { default: "" },
8187
- placeholder: { default: "Select an option" },
8188
- options: null,
8189
- modelValue: null
8190
- },
8191
- emits: ["update:modelValue"],
8192
- setup(__props, { emit }) {
8193
- const props = __props;
8194
- const attrs = useAttrs();
8195
- const uuid = attrs.id || Uniques.CreateIdAttribute();
8196
- const classes = computed(() => {
8197
- return {
8198
- standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
8199
- compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
8200
- }[props.design];
8201
- });
8202
- return (_ctx, _cache) => {
8203
- return openBlock(), createElementBlock(Fragment, null, [
8204
- createVNode(_sfc_main$o, {
8205
- id: `${unref(uuid)}-label`,
8206
- for: unref(uuid),
8207
- label: __props.label
8208
- }, null, 8, ["id", "for", "label"]),
8209
- createElementVNode("select", mergeProps({
8210
- "aria-labelledby": __props.label ? `${unref(uuid)}-label` : void 0,
8211
- "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0,
8212
- class: unref(classes),
8213
- id: unref(uuid),
8214
- value: __props.modelValue
8215
- }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
8216
- onChange: ($event) => {
8217
- emit("update:modelValue", $event.target.value);
8218
- }
8219
- })), [
8220
- __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$1, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
8221
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
8222
- return openBlock(), createElementBlock("option", {
8223
- value: option.value,
8224
- textContent: toDisplayString(option.label),
8225
- key: option.value
8226
- }, null, 8, _hoisted_3$1);
8227
- }), 128))
8228
- ], 16, _hoisted_1$2),
8229
- createVNode(_sfc_main$n, {
8230
- id: `${unref(uuid)}-help`,
8231
- text: __props.help
8232
- }, null, 8, ["id", "text"])
8233
- ], 64);
8234
- };
8235
- }
8236
- });
8237
8244
  const _hoisted_1$1 = ["aria-labelledby", "aria-describedby", "id", "value"];
8238
8245
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8239
8246
  props: {
@@ -8357,29 +8364,29 @@ var components = /* @__PURE__ */ Object.freeze({
8357
8364
  ActionsDropdown: _sfc_main$r,
8358
8365
  Cards: _sfc_main$q,
8359
8366
  ContentModal: _sfc_main$p,
8360
- DateFilter: _sfc_main$k,
8361
- DetailList: _sfc_main$i,
8362
- DownloadCell: _sfc_main$h,
8363
- Flash: _sfc_main$g,
8364
- Modal: _sfc_main$f,
8365
- SidebarLayout: _sfc_main$d,
8366
- Slideover: _sfc_main$c,
8367
- StackedLayout: _sfc_main$b,
8368
- Paginator: _sfc_main$j,
8369
- Spinner: _sfc_main$e,
8370
- StaticTable: _sfc_main$a,
8371
- Steps: _sfc_main$9,
8372
- Table: _sfc_main$8,
8373
- Tabs: _sfc_main$7,
8374
- Toggle: _sfc_main$6,
8367
+ DateFilter: _sfc_main$j,
8368
+ DetailList: _sfc_main$h,
8369
+ DownloadCell: _sfc_main$g,
8370
+ Flash: _sfc_main$f,
8371
+ Modal: _sfc_main$e,
8372
+ SidebarLayout: _sfc_main$c,
8373
+ Slideover: _sfc_main$b,
8374
+ StackedLayout: _sfc_main$a,
8375
+ Paginator: _sfc_main$i,
8376
+ Spinner: _sfc_main$d,
8377
+ StaticTable: _sfc_main$9,
8378
+ Steps: _sfc_main$8,
8379
+ Table: _sfc_main$7,
8380
+ Tabs: _sfc_main$6,
8381
+ Toggle: _sfc_main$5,
8375
8382
  BaseInput: _sfc_main$m,
8376
- Checkbox: _sfc_main$5,
8383
+ Checkbox: _sfc_main$4,
8377
8384
  DateRangePicker: _sfc_main$l,
8378
8385
  InputHelp: _sfc_main$n,
8379
8386
  InputLabel: _sfc_main$o,
8380
- MultiCheckboxes: _sfc_main$4,
8381
- Radio: _sfc_main$3,
8382
- Select: _sfc_main$2,
8387
+ MultiCheckboxes: _sfc_main$3,
8388
+ Radio: _sfc_main$2,
8389
+ Select: _sfc_main$k,
8383
8390
  TextArea: _sfc_main$1,
8384
8391
  YesOrNoRadio: _sfc_main
8385
8392
  });
@@ -8388,4 +8395,4 @@ const install = function installTrees(app) {
8388
8395
  app.component(componentName, component);
8389
8396
  });
8390
8397
  };
8391
- export { _sfc_main$r as ActionsDropdown, BaseAPI, _sfc_main$m as BaseInput, _sfc_main$q as Cards, _sfc_main$5 as Checkbox, _sfc_main$p as ContentModal, _sfc_main$k as DateFilter, _sfc_main$l as DateRangePicker, _sfc_main$i as DetailList, _sfc_main$h as DownloadCell, _sfc_main$g as Flash, _sfc_main$n as InputHelp, _sfc_main$o as InputLabel, _sfc_main$f as Modal, _sfc_main$4 as MultiCheckboxes, _sfc_main$j as Paginator, _sfc_main$3 as Radio, _sfc_main$2 as Select, _sfc_main$d as SidebarLayout, _sfc_main$c as Slideover, _sfc_main$e as Spinner, _sfc_main$b as StackedLayout, _sfc_main$a as StaticTable, _sfc_main$9 as Steps, _sfc_main$8 as Table, _sfc_main$7 as Tabs, _sfc_main$1 as TextArea, _sfc_main$6 as Toggle, _sfc_main as YesOrNoRadio, install as default };
8398
+ export { _sfc_main$r as ActionsDropdown, BaseAPI, _sfc_main$m as BaseInput, _sfc_main$q as Cards, _sfc_main$4 as Checkbox, _sfc_main$p as ContentModal, _sfc_main$j as DateFilter, _sfc_main$l as DateRangePicker, _sfc_main$h as DetailList, _sfc_main$g as DownloadCell, _sfc_main$f as Flash, _sfc_main$n as InputHelp, _sfc_main$o as InputLabel, _sfc_main$e as Modal, _sfc_main$3 as MultiCheckboxes, _sfc_main$i as Paginator, _sfc_main$2 as Radio, _sfc_main$k as Select, _sfc_main$c as SidebarLayout, _sfc_main$b as Slideover, _sfc_main$d as Spinner, _sfc_main$a as StackedLayout, _sfc_main$9 as StaticTable, _sfc_main$8 as Steps, _sfc_main$7 as Table, _sfc_main$6 as Tabs, _sfc_main$1 as TextArea, _sfc_main$5 as Toggle, _sfc_main as YesOrNoRadio, install as default };