@avakhula/ui 0.1.22 → 0.1.23

package/dist/components/Sorting/Sorting.js

@@ -0,0 +1,182 @@
+import C from "../Icon.js";
+import E from "../IconButton/IconButton.js";
+import v from "../ToggleTip/ToggleTip.js";
+import { typesSortingView as w, typesSorting as k } from "./constants.js";
+import { TooltipDirective as P } from "../../directives/tooltip/tooltip.js";
+import { resolveComponent as g, resolveDirective as I, createElementBlock as s, openBlock as r, withDirectives as T, normalizeClass as c, createBlock as u, createCommentVNode as a, createTextVNode as d, toDisplayString as S, withCtx as h, renderSlot as m, createElementVNode as N } from "vue";
+import { _ as O } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const B = {
+  name: "IbSorting",
+  props: {
+    tooltipTitle: {
+      type: String,
+      default: ""
+    },
+    hideSortingButton: {
+      type: Boolean,
+      default: !1
+    },
+    tooltipText: {
+      type: String
+    },
+    tooltipPosition: {
+      type: String
+    },
+    tooltipIconPosition: {
+      type: String
+    },
+    tooltipIconSorting: {
+      type: String
+    },
+    toggleTipTitle: {
+      type: String
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    sort: {
+      type: String,
+      default: null
+    },
+    view: {
+      type: String,
+      required: !0
+    },
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    tableName: {
+      type: String,
+      required: !0
+    }
+  },
+  mounted() {
+    this.$globalEvents.$on(`sorting:update:${this.tableName}`, (i) => {
+      this.$el.contains(i.$el) || (this.currentTypeSort = null);
+    });
+  },
+  data() {
+    return {
+      isOpenToggleTip: !1,
+      sortingTypes: k,
+      sortingTypesView: w,
+      currentTypeSort: this.sort
+    };
+  },
+  methods: {
+    clickHandler() {
+      this.currentTypeSort ? this.currentTypeSort === this.sortingTypes.TYPE_ASC ? this.currentTypeSort = this.sortingTypes.TYPE_DESC : this.currentTypeSort = null : this.currentTypeSort = this.sortingTypes.TYPE_ASC, this.updateTypeSorting();
+    },
+    updateTypeSorting() {
+      this.$globalEvents.$emit(`sorting:update:${this.tableName}`, this), this.$emit("update-sorting", this.currentTypeSort);
+    }
+  },
+  computed: {
+    iconType() {
+      return this.currentTypeSort === this.sortingTypes.TYPE_ASC ? "arrow-up" : this.currentTypeSort === this.sortingTypes.TYPE_DESC ? "arrow-down" : this.view !== this.sortingTypesView.GRID_VIEW ? "swap-vertical" : null;
+    },
+    sortingTooltipPosition() {
+      return this.hasToggleTip ? "bottomCenter" : this.tooltipPosition;
+    },
+    sortingTooltipContent() {
+      var i;
+      return this.hasToggleTip ? lang("click_to_view_details", (i = this.langComponents) == null ? void 0 : i.COMPONENT_SYSTEM) : this.tooltipContent;
+    },
+    tooltipIconText() {
+      var i, o, t;
+      return this.currentTypeSort === this.sortingTypes.TYPE_ASC ? lang("sort_descending", (i = this.langComponents) == null ? void 0 : i.COMPONENT_SELECT) : this.currentTypeSort === this.sortingTypes.TYPE_DESC ? lang("reset_sorting", (o = this.langComponents) == null ? void 0 : o.COMPONENT_SELECT) : this.view !== this.sortingTypesView.GRID_VIEW ? lang("sort_ascending", (t = this.langComponents) == null ? void 0 : t.COMPONENT_SELECT) : "";
+    },
+    tooltipContent() {
+      return this.tooltipTitle.length ? {
+        title: this.tooltipTitle,
+        text: this.tooltipText
+      } : this.tooltipText;
+    },
+    hasToggleTip() {
+      return this.toggleTipTitle && this.$slots.toggleTipBody && this.$slots.toggleTipButtons;
+    }
+  },
+  directives: { Tooltip: P },
+  components: {
+    IbIcon: C,
+    IbIconButton: E,
+    IbToggleTip: v
+  }
+}, x = { class: "sorting-wrapper" }, V = ["name"], D = ["aria-label"];
+function Y(i, o, t, A, n, e) {
+  var y;
+  const _ = g("ib-toggle-tip"), f = g("ib-icon-button"), b = g("ib-icon"), l = I("tooltip");
+  return r(), s("div", x, [
+    t.view === n.sortingTypesView.TABLE_VIEW ? (r(), s("div", {
+      key: 0,
+      class: c(["table-sorting-wrapper", {
+        active: n.currentTypeSort,
+        disabled: t.disable
+      }])
+    }, [
+      T((r(), s("button", {
+        class: c(["sorting-label", {
+          "sorting-label-active": n.isOpenToggleTip && e.hasToggleTip,
+          "has-action": ((y = t.tooltipText) == null ? void 0 : y.length) || e.hasToggleTip
+        }]),
+        type: "button",
+        onClick: o[0] || (o[0] = (p) => n.isOpenToggleTip = !n.isOpenToggleTip)
+      }, [
+        d(S(t.title), 1)
+      ], 2)), [
+        [l, e.sortingTooltipContent, e.sortingTooltipPosition]
+      ]),
+      e.hasToggleTip ? (r(), u(_, {
+        key: 0,
+        position: "bottom-center",
+        "is-open": n.isOpenToggleTip,
+        title: t.toggleTipTitle,
+        onClose: o[1] || (o[1] = (p) => n.isOpenToggleTip = !1)
+      }, {
+        buttons: h(() => [
+          m(i.$slots, "toggleTipButtons", {}, void 0, !0)
+        ]),
+        default: h(() => [
+          m(i.$slots, "toggleTipBody", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["is-open", "title"])) : a("", !0),
+      t.hideSortingButton ? a("", !0) : T((r(), u(f, {
+        key: 1,
+        kind: "white",
+        size: "s",
+        onClick: e.clickHandler
+      }, {
+        default: h(() => [
+          N("ion-icon", { name: e.iconType }, null, 8, V)
+        ]),
+        _: 1
+      }, 8, ["onClick"])), [
+        [l, e.tooltipIconText, t.tooltipIconPosition]
+      ])
+    ], 2)) : T((r(), s("button", {
+      key: 1,
+      class: c(["sorting-button", {
+        active: n.currentTypeSort,
+        disabled: t.disable
+      }]),
+      type: "button",
+      onClick: o[2] || (o[2] = (...p) => e.clickHandler && e.clickHandler(...p)),
+      "aria-label": t.sort
+    }, [
+      d(S(t.title) + " ", 1),
+      e.iconType ? (r(), u(b, {
+        key: 0,
+        name: e.iconType
+      }, null, 8, ["name"])) : a("", !0)
+    ], 10, D)), [
+      [l, t.tooltipText, t.tooltipPosition]
+    ])
+  ]);
+}
+const R = /* @__PURE__ */ O(B, [["render", Y], ["__scopeId", "data-v-c0bd6464"]]);
+export {
+  R as default
+};

package/dist/components/Sorting/constants.js

@@ -0,0 +1,12 @@
+const t = {
+  LIST_VIEW: "list-sorting",
+  GRID_VIEW: "grid-sorting",
+  TABLE_VIEW: "table-sorting"
+}, s = {
+  TYPE_ASC: "asc",
+  TYPE_DESC: "desc"
+};
+export {
+  s as typesSorting,
+  t as typesSortingView
+};

package/dist/components/SplitButton/SplitButton.js

@@ -0,0 +1,145 @@
+import { splitButtonKindOptions as k } from "./constants.js";
+import p from "../../helpers/generateUID.js";
+import _ from "../Dropdown/DropdownList.js";
+import L from "../Icon.js";
+import { resolveComponent as l, createElementBlock as r, openBlock as o, normalizeClass as I, createBlock as B, createVNode as u, mergeProps as a, withCtx as d, createTextVNode as g, toDisplayString as c, createElementVNode as m, renderSlot as A } from "vue";
+import { _ as x } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {
+  name: "IbSplitButton",
+  props: {
+    id: {
+      type: String,
+      default: () => p()
+    },
+    kind: {
+      type: String,
+      default: k.common
+    },
+    verticalPosition: {
+      type: String,
+      default: "bottom"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    saveSelected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  mounted() {
+    var e;
+    if (this.childList = Array.from(this.$refs.list.children), (e = this.childList) == null || e.forEach((i, t) => {
+      i.addEventListener("click", () => {
+        this.childList[this.activeElemIdx].classList.remove("active"), this.saveSelected && (this.activeElemIdx = t, localStorage.setItem(`split-button-${this.id}`, t));
+      });
+    }), this.saveSelected) {
+      const i = localStorage.getItem(`split-button-${this.id}`);
+      i && (this.activeElemIdx = i);
+    }
+    this.$nextTick(() => {
+      this.setActiveItem();
+    }), this.listObserver = new MutationObserver((i) => {
+      for (const t of i)
+        if (t.type === "attributes" && t.attributeName === "disabled") {
+          this.mainButtonAttrs.disabled = t.target.disabled;
+          break;
+        }
+    }), this.listObserver.observe(this.$refs.list, { attributes: !0, subtree: !0 });
+  },
+  data() {
+    return {
+      activeElemIdx: 0,
+      content: "",
+      mainButtonAttrs: {},
+      isLink: !1,
+      isRouterLink: !1,
+      childList: [],
+      listObserver: null
+    };
+  },
+  components: {
+    IbIcon: L,
+    IbDropdownList: _
+  },
+  methods: {
+    setActiveItem() {
+      const e = this.$slots.default()[this.activeElemIdx].props;
+      this.mainButtonAttrs = e, this.mainButtonAttrs && "href" in this.mainButtonAttrs ? this.isLink = !0 : this.isLink = !1, this.mainButtonAttrs && "to" in this.mainButtonAttrs ? this.isRouterLink = !0 : this.isRouterLink = !1, this.childList[this.activeElemIdx].classList.add("active"), this.content = this.childList[this.activeElemIdx].textContent;
+    },
+    onClickLink(e) {
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      }
+    }
+  },
+  computed: {
+    classes() {
+      const e = ["split-button"];
+      return e.push(`split-button-${this.kind}`), e;
+    }
+  },
+  watch: {
+    activeElemIdx() {
+      this.setActiveItem();
+    }
+  },
+  beforeUnmount() {
+    this.listObserver.disconnect(), this.listObserver = null;
+  }
+}, C = ["disabled"], E = ["disabled"], S = ["disabled"], O = { ref: "list" };
+function w(e, i, t, D, s, n) {
+  const h = l("router-link"), b = l("ib-icon"), f = l("ib-dropdown-list");
+  return o(), r("div", {
+    class: I(n.classes)
+  }, [
+    s.isRouterLink ? (o(), B(h, a({
+      key: 0,
+      class: ["split-button-main", { disabled: t.disabled }],
+      disabled: t.disabled,
+      to: s.mainButtonAttrs.to
+    }, s.mainButtonAttrs, { onClick: n.onClickLink }), {
+      default: d(() => [
+        g(c(s.content), 1)
+      ]),
+      _: 1
+    }, 16, ["class", "disabled", "to", "onClick"])) : s.isLink ? (o(), r("a", a({
+      key: 1,
+      class: ["split-button-main", { disabled: t.disabled }],
+      disabled: t.disabled
+    }, s.mainButtonAttrs, {
+      onClick: i[0] || (i[0] = (...v) => n.onClickLink && n.onClickLink(...v))
+    }), c(s.content), 17, C)) : (o(), r("button", a({
+      key: 2,
+      disabled: t.disabled,
+      class: "split-button-main"
+    }, s.mainButtonAttrs), c(s.content), 17, E)),
+    u(f, {
+      disabled: t.disabled,
+      closeOnClick: !0,
+      vertical: t.verticalPosition,
+      horizontal: t.verticalPosition === "top" ? "right" : "left"
+    }, {
+      trigger: d(() => [
+        m("button", {
+          disabled: t.disabled,
+          class: "split-button-menu-trigger"
+        }, [
+          u(b, { name: "chevron-down-outline" })
+        ], 8, S)
+      ]),
+      body: d(() => [
+        m("div", O, [
+          A(e.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["disabled", "vertical", "horizontal"])
+  ], 2);
+}
+const U = /* @__PURE__ */ x(y, [["render", w]]);
+export {
+  U as default
+};

package/dist/components/SplitButton/SplitButtonItem.js

@@ -0,0 +1,34 @@
+import { createBlock as r, openBlock as o, resolveDynamicComponent as n, mergeProps as s, withCtx as i, renderSlot as f } from "vue";
+import { _ as c } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const a = {
+  props: {
+    href: {
+      type: String,
+      default: ""
+    },
+    to: {
+      type: [String, Object]
+    }
+  },
+  computed: {
+    attrs() {
+      const t = {};
+      return this.href.length && (t.href = this.href), this.to && (t.to = this.to), t;
+    },
+    component() {
+      return this.href.length ? "a" : this.to ? "router-link" : "button";
+    }
+  }
+};
+function p(t, u, d, h, l, e) {
+  return o(), r(n(e.component), s(e.attrs, { class: "ib-dropdown-item" }), {
+    default: i(() => [
+      f(t.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+const g = /* @__PURE__ */ c(a, [["render", p], ["__scopeId", "data-v-66b7cfd1"]]);
+export {
+  g as default
+};

package/dist/components/SplitButton/constants.js

@@ -0,0 +1,7 @@
+const n = {
+  common: "common",
+  danger: "danger"
+};
+export {
+  n as splitButtonKindOptions
+};

package/dist/components/StatusIndicator/StatusIndicator.js

@@ -0,0 +1,29 @@
+import { icons as n } from "./icons.js";
+import { createElementBlock as o, openBlock as r, createElementVNode as c, renderSlot as i, normalizeClass as a } from "vue";
+import { _ as d } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const l = {
+  props: {
+    type: {
+      type: String,
+      default: "success"
+    }
+  },
+  data() {
+    return {
+      icons: n
+    };
+  }
+}, u = { class: "status-indicator" }, _ = ["innerHTML"];
+function p(e, f, t, m, s, y) {
+  return r(), o("div", u, [
+    c("div", {
+      class: a(["status-indicator-icon", t.type]),
+      innerHTML: s.icons[t.type]
+    }, null, 10, _),
+    i(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const k = /* @__PURE__ */ d(l, [["render", p], ["__scopeId", "data-v-38ce73f6"]]);
+export {
+  k as default
+};

package/dist/components/StatusIndicator/constants.js

@@ -0,0 +1,13 @@
+const n = {
+  new: "new",
+  success: "success",
+  error: "error",
+  warning: "warning",
+  incomplete: "incomplete",
+  inProgress: "inProgress",
+  loading: "loading",
+  disconnect: "disconnect"
+};
+export {
+  n as StatusIndicatorType
+};

package/dist/components/StatusIndicator/icons.js

@@ -0,0 +1,44 @@
+const l = {
+  new: `<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle id="Ellipse" cx="5.5" cy="5.5" r="5" fill="#0369E8"/>
+  </svg>
+  `,
+  success: `
+  <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle id="Ellipse" cx="5.5" cy="5.5" r="5" fill="#0D7F39"/>
+  </svg>  
+  `,
+  error: `
+  <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M9.1336 8.31393C9.68034 7.51234 10 6.5435 10 5.5C10 2.73858 7.76142 0.5 5 0.5C3.9565 0.5 2.98766 0.819661 2.18607 1.3664L9.1336 8.31393ZM0.866401 2.68607C0.319661 3.48766 0 4.4565 0 5.5C0 8.26142 2.23858 10.5 5 10.5C6.0435 10.5 7.01234 10.1803 7.81393 9.6336L0.866401 2.68607Z" fill="#C8182E"/>
+  </svg>
+  `,
+  warning: `
+  <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6 0.5L12 10.5H0L6 0.5Z" fill="#F1BC19"/>
+  </svg>  
+  `,
+  incomplete: `
+  <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 2.5C3.84315 2.5 2.5 3.84315 2.5 5.5C2.5 7.15685 3.84315 8.5 5.5 8.5C7.15685 8.5 8.5 7.15685 8.5 5.5C8.5 3.84315 7.15685 2.5 5.5 2.5ZM0.5 5.5C0.5 2.73858 2.73858 0.5 5.5 0.5C8.26142 0.5 10.5 2.73858 10.5 5.5C10.5 8.26142 8.26142 10.5 5.5 10.5C2.73858 10.5 0.5 8.26142 0.5 5.5Z" fill="#677788"/>
+  </svg>
+  `,
+  inProgress: `
+  <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5ZM2.5 5.5C2.5 3.84315 3.84315 2.5 5.5 2.5V5.5L7.62132 7.62132C7.07843 8.16421 6.32843 8.5 5.5 8.5C3.84315 8.5 2.5 7.15685 2.5 5.5Z" fill="#0060D6"/>
+  </svg>
+  `,
+  loading: `
+  <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5 2.5C3.34315 2.5 2 3.84315 2 5.5C2 7.15685 3.34315 8.5 5 8.5C6.65685 8.5 8 7.15685 8 5.5H10C10 8.26142 7.76142 10.5 5 10.5C2.23858 10.5 0 8.26142 0 5.5C0 2.73858 2.23858 0.5 5 0.5V2.5Z" fill="#0060D6"/>
+  </svg>
+  `,
+  disconnect: `
+    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20658 2.79237C4.59822 2.60495 5.03685 2.5 5.5 2.5C7.15685 2.5 8.5 3.84315 8.5 5.5C8.5 5.96315 8.39505 6.40178 8.20763 6.79342L9.6716 8.25739C10.1951 7.46696 10.5 6.51908 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C4.48092 0.5 3.53304 0.804877 2.74261 1.3284L4.20658 2.79237ZM2.79237 4.20658L1.3284 2.74261C0.804877 3.53304 0.5 4.48092 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5C6.51908 10.5 7.46696 10.1951 8.25739 9.6716L6.79342 8.20763C6.40178 8.39505 5.96315 8.5 5.5 8.5C3.84315 8.5 2.5 7.15685 2.5 5.5C2.5 5.03685 2.60495 4.59822 2.79237 4.20658Z" fill="#677788"/>
+  </svg>
+  `
+};
+export {
+  l as icons
+};

package/dist/components/Table/Cells/Cell.js

@@ -0,0 +1,39 @@
+import { createElementBlock as r, openBlock as o, mergeProps as i, createElementVNode as n, renderSlot as a } from "vue";
+import { _ as d } from "../../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {
+  name: "IbCell",
+  props: {
+    fixed: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      attr: {}
+    };
+  },
+  mounted() {
+    this.fixed && this.freezeCol();
+  },
+  methods: {
+    freezeCol() {
+      const e = this.$el.getBoundingClientRect(), t = this.$el.closest("tr").getBoundingClientRect();
+      this.attr.style || (this.attr.style = {}), this.attr.style.minWidth = `${e.width}px`, this.attr.style.left = `${e.left - t.left}px`, this.attr.class += " fixed";
+    }
+  }
+}, f = { class: "cell" };
+function p(e, t, h, m, u, s) {
+  return o(), r("td", i({
+    onResize: t[0] || (t[0] = (...l) => s.freezeCol && s.freezeCol(...l)),
+    class: "ib-cell"
+  }, this.attr), [
+    n("div", f, [
+      a(e.$slots, "default", {}, void 0, !0)
+    ])
+  ], 16);
+}
+const x = /* @__PURE__ */ d(c, [["render", p], ["__scopeId", "data-v-e4ce74a7"]]);
+export {
+  x as default
+};

package/dist/components/Table/Cells/CheckboxCell.js

@@ -0,0 +1,37 @@
+import l from "./Cell.js";
+import n from "../../Form/Checkbox/Checkbox.js";
+import { resolveComponent as o, createBlock as i, openBlock as s, withCtx as r, createVNode as a } from "vue";
+import { _ as f } from "../../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const d = {
+  name: "IbCheckboxCell",
+  props: {
+    isChecked: {
+      type: Boolean,
+      default: !1
+    },
+    fixed: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  components: {
+    IbCell: l,
+    IbCheckbox: n
+  }
+};
+function _(p, b, e, m, x, h) {
+  const c = o("ib-checkbox"), t = o("ib-cell");
+  return s(), i(t, {
+    fixed: e.fixed,
+    class: "ib-checkbox-cell"
+  }, {
+    default: r(() => [
+      a(c, { "is-checked": e.isChecked }, null, 8, ["is-checked"])
+    ]),
+    _: 1
+  }, 8, ["fixed"]);
+}
+const I = /* @__PURE__ */ f(d, [["render", _]]);
+export {
+  I as default
+};

package/dist/components/Table/Row.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, openBlock as t, renderSlot as r } from "vue";
+import { _ as s } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const n = {
+  name: "IbRow"
+}, c = { class: "ib-tr" };
+function a(o, _, f, p, l, d) {
+  return t(), e("tr", c, [
+    r(o.$slots, "default", { ref: "row" })
+  ]);
+}
+const u = /* @__PURE__ */ s(n, [["render", a]]);
+export {
+  u as default
+};

package/dist/components/Table/Table.js

@@ -0,0 +1,24 @@
+import { createElementBlock as s, openBlock as r, createElementVNode as t, renderSlot as o, createCommentVNode as d } from "vue";
+import { _ as n } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {
+  name: "IbTable",
+  computed: {
+    hasThead() {
+      return !!this.$slots.thead;
+    }
+  }
+}, l = { class: "ib-table-wrapper" }, _ = { class: "ib-table" };
+function i(e, p, u, b, m, a) {
+  return r(), s("div", l, [
+    t("table", _, [
+      a.hasThead ? o(e.$slots, "thead", { key: 0 }, void 0, !0) : d("", !0),
+      t("tbody", null, [
+        o(e.$slots, "tbody", {}, void 0, !0)
+      ])
+    ])
+  ]);
+}
+const $ = /* @__PURE__ */ n(c, [["render", i], ["__scopeId", "data-v-5dceb760"]]);
+export {
+  $ as default
+};

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,47 @@
+import { withDirectives as r, createElementBlock as i, openBlock as a, renderSlot as n, vShow as l } from "vue";
+import { _ as o } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const s = {
+  name: "IbTab",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    icon: {
+      type: String,
+      required: !1
+    },
+    initialized: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String,
+      default: null
+    }
+  },
+  computed: {
+    isTabActive() {
+      return this.$parent.selectedTab === this.id;
+    }
+  }
+};
+function d(e, p, c, u, f, t) {
+  return r((a(), i("div", null, [
+    n(e.$slots, "default")
+  ], 512)), [
+    [l, t.isTabActive]
+  ]);
+}
+const b = /* @__PURE__ */ o(s, [["render", d]]);
+export {
+  b as default
+};