@indielayer/ui 0.2.4 → 1.0.0-alpha.0

package/lib/esm/components/table/Table.vue_vue_type_template_id_c0433c66_lang.js

@@ -1,84 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, renderSlot, createCommentVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "absolute inset-0 flex items-center justify-center z-40 bg-gray-300 rounded opacity-50"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_table_header = resolveComponent("table-header");
-  const _component_table_head = resolveComponent("table-head");
-  const _component_table_cell = resolveComponent("table-cell");
-  const _component_table_row = resolveComponent("table-row");
-  const _component_table_body = resolveComponent("table-body");
-  const _component_x_spinner = resolveComponent("x-spinner");
-
-  return (openBlock(), createElementBlock("table", {
-    class: normalizeClass(["w-full relative", [
-      {
-        'overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal block sm:table': $props.scrollable,
-        'relative': $props.stickyHeader,
-        'table-fixed': $props.fixed,
-      }
-    ]])
-  }, [
-    createVNode(_component_table_head, null, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (header, index) => {
-          return (openBlock(), createBlock(_component_table_header, {
-            key: index,
-            "sticky-header": $props.stickyHeader,
-            "text-align": header.align,
-            sort: $options.getSort(header.value, $props.sort),
-            sortable: header.sortable,
-            onClick: $event => (header.sortable ? $options.sortHeader(header) : null)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(header.text), 1 /* TEXT */)
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["sticky-header", "text-align", "sort", "sortable", "onClick"]))
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 1 /* STABLE */
-    }),
-    createVNode(_component_table_body, null, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (item, index) => {
-          return (openBlock(), createBlock(_component_table_row, {
-            key: index,
-            clickable: "",
-            onClick: $event => (_ctx.$emit('click-row', item))
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (header, index2) => {
-                return (openBlock(), createBlock(_component_table_cell, {
-                  key: index2,
-                  "text-align": header.align,
-                  dense: $props.dense,
-                  fixed: $props.fixed
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, `item-${header.value}`, { item: item }, () => [
-                      createTextVNode(toDisplayString($options.getPath(item, header.value)), 1 /* TEXT */)
-                    ])
-                  ]),
-                  _: 2 /* DYNAMIC */
-                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["text-align", "dense", "fixed"]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]))
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 3 /* FORWARDED */
-    }),
-    ($props.loading)
-      ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(_component_x_spinner, { size: "lg" })
-        ]))
-      : createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-
-export { render };

package/lib/esm/components/table/TableBody.vue.js

@@ -1,6 +0,0 @@
-import script from './TableBody.vue_vue_type_script_lang.js';
-export { default } from './TableBody.vue_vue_type_script_lang.js';
-import { render } from './TableBody.vue_vue_type_template_id_7288bc0f_lang.js';
-
-script.render = render;
-script.__file = "src/components/table/TableBody.vue";

package/lib/esm/components/table/TableBody.vue_vue_type_script_lang.js

@@ -1,5 +0,0 @@
-var script = {
-  name: 'XTableBody',
-};
-
-export { script as default };

package/lib/esm/components/table/TableBody.vue_vue_type_template_id_7288bc0f_lang.js

@@ -1,9 +0,0 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("tbody", null, [
-    renderSlot(_ctx.$slots, "default")
-  ]))
-}
-
-export { render };

package/lib/esm/components/table/TableCell.vue.js

@@ -1,6 +0,0 @@
-import script from './TableCell.vue_vue_type_script_lang.js';
-export { default } from './TableCell.vue_vue_type_script_lang.js';
-import { render } from './TableCell.vue_vue_type_template_id_5349a862_lang.js';
-
-script.render = render;
-script.__file = "src/components/table/TableCell.vue";

package/lib/esm/components/table/TableCell.vue_vue_type_script_lang.js

@@ -1,61 +0,0 @@
-const validator = {
-  textAlign: [
-    null,
-    'left',
-    'center',
-    'right',
-    'justify',
-  ],
-  verticalAlign: [
-    null,
-    'baseline',
-    'bottom',
-    'middle',
-    'text-bottom',
-    'text-top',
-    'top',
-  ],
-};
-
-var script = {
-  name: 'XTableCell',
-
-  validator,
-
-  props: {
-    textAlign: {
-      default: null,
-      type: String,
-      validator: (value) => validator.textAlign.includes(value),
-    },
-
-    truncate: {
-      default: false,
-      type: Boolean,
-    },
-
-    dense: {
-      default: false,
-      type: Boolean,
-    },
-
-    fixed: {
-      default: false,
-      type: Boolean,
-    },
-
-    verticalAlign: {
-      default: null,
-      type: String,
-      validator: (value) => validator.verticalAlign.includes(value),
-    },
-  },
-
-  created() {
-    if (this.truncate && !this.fixed) {
-      console.warn('Table must have "fixed" property set to true when using TableCell "truncate" property');
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/table/TableCell.vue_vue_type_template_id_5349a862_lang.js

@@ -1,31 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("td", {
-    class: normalizeClass(["last:pr-0", [
-      {
-        // density
-        'py-1 pr-2': $props.dense,
-        'py-2 pr-4': !$props.dense,
-        // text-align
-        'text-left': $props.textAlign === 'left',
-        'text-center': $props.textAlign === 'center',
-        'text-right': $props.textAlign === 'right',
-        'text-justify': $props.textAlign === 'justify',
-        // vertical-align
-        'align-baseline': $props.verticalAlign === 'baseline',
-        'align-bottom': $props.verticalAlign === 'bottom',
-        'align-middle': $props.verticalAlign === 'middle',
-        'align-text-bottom': $props.verticalAlign === 'text-bottom',
-        'align-text-top': $props.verticalAlign === 'text-top',
-        'align-top': $props.verticalAlign === 'top',
-        // truncate
-        'truncate': $props.truncate && $props.fixed,
-      },
-    ]])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2 /* CLASS */))
-}
-
-export { render };

package/lib/esm/components/table/TableHead.vue.js

@@ -1,6 +0,0 @@
-import script from './TableHead.vue_vue_type_script_lang.js';
-export { default } from './TableHead.vue_vue_type_script_lang.js';
-import { render } from './TableHead.vue_vue_type_template_id_6ae9fd66_lang.js';
-
-script.render = render;
-script.__file = "src/components/table/TableHead.vue";

package/lib/esm/components/table/TableHead.vue_vue_type_script_lang.js

@@ -1,5 +0,0 @@
-var script = {
-  name: 'XTableHead',
-};
-
-export { script as default };

package/lib/esm/components/table/TableHead.vue_vue_type_template_id_6ae9fd66_lang.js

@@ -1,14 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode, renderSlot } from 'vue';
-
-const _hoisted_1 = { class: "align-bottom" };
-const _hoisted_2 = { class: "text-sm text-gray-700 dark:text-gray-400" };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("thead", _hoisted_1, [
-    createElementVNode("tr", _hoisted_2, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ]))
-}
-
-export { render };

package/lib/esm/components/table/TableHeader.vue.js

@@ -1,6 +0,0 @@
-import script from './TableHeader.vue_vue_type_script_lang.js';
-export { default } from './TableHeader.vue_vue_type_script_lang.js';
-import { render } from './TableHeader.vue_vue_type_template_id_9d5bd38c_lang.js';
-
-script.render = render;
-script.__file = "src/components/table/TableHeader.vue";

package/lib/esm/components/table/TableHeader.vue_vue_type_script_lang.js

@@ -1,46 +0,0 @@
-const validator = {
-  sort: [
-    null,
-    1,
-    -1,
-  ],
-  textAlign: [
-    null,
-    'left',
-    'center',
-    'right',
-    'justify',
-  ],
-};
-
-var script = {
-  name: 'XTableHeader',
-
-  validator,
-
-  props: {
-    sort: {
-      type: [Number, Boolean],
-      default: null,
-      validator: (value) => validator.sort.includes(value),
-    },
-
-    sortable: {
-      type: Boolean,
-      default: false,
-    },
-
-    textAlign: {
-      type: String,
-      default: 'left',
-      validator: (value) => validator.textAlign.includes(value),
-    },
-
-    stickyHeader: {
-      type: Boolean,
-      default: false,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/table/TableHeader.vue_vue_type_template_id_9d5bd38c_lang.js

@@ -1,74 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "flex items-center"
-};
-const _hoisted_2 = {
-  key: 0,
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "inline-block stroke-2 w-3 h-3 ml-0.5"
-};
-const _hoisted_3 = /*#__PURE__*/createElementVNode("line", {
-  x1: "12",
-  y1: "5",
-  x2: "12",
-  y2: "19"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = /*#__PURE__*/createElementVNode("polyline", { points: "19 12 12 19 5 12" }, null, -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/createElementVNode("line", {
-  x1: "12",
-  y1: "19",
-  x2: "12",
-  y2: "5"
-}, null, -1 /* HOISTED */);
-const _hoisted_6 = /*#__PURE__*/createElementVNode("polyline", { points: "5 12 12 5 19 12" }, null, -1 /* HOISTED */);
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("th", {
-    class: normalizeClass(["py-2 bg-gray-50 dark:bg-gray-800 font-medium tracking-wide uppercase text-xs pr-1 last:pr-0", [
-      {
-        //sort
-        'cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 transition-colors duration-150 ease-in-out': $props.sortable,
-        //stickyHeader
-        'sticky top-0': $props.stickyHeader,
-        // textAlign
-        'text-left': $props.textAlign === 'left',
-        'text-center': $props.textAlign === 'center',
-        'text-right': $props.textAlign === 'right',
-        'text-justify': $props.textAlign === 'justify',
-      },
-    ]])
-  }, [
-    ($props.sortable)
-      ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default"),
-          ([1, -1].includes($props.sort))
-            ? (openBlock(), createElementBlock("svg", _hoisted_2, [
-                ($props.sort === -1)
-                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      _hoisted_3,
-                      _hoisted_4
-                    ], 64 /* STABLE_FRAGMENT */))
-                  : createCommentVNode("v-if", true),
-                ($props.sort === 1)
-                  ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      _hoisted_5,
-                      _hoisted_6
-                    ], 64 /* STABLE_FRAGMENT */))
-                  : createCommentVNode("v-if", true)
-              ]))
-            : createCommentVNode("v-if", true)
-        ]))
-      : renderSlot(_ctx.$slots, "default", { key: 1 })
-  ], 2 /* CLASS */))
-}
-
-export { render };

package/lib/esm/components/table/TableRow.vue.js

@@ -1,6 +0,0 @@
-import script from './TableRow.vue_vue_type_script_lang.js';
-export { default } from './TableRow.vue_vue_type_script_lang.js';
-import { render } from './TableRow.vue_vue_type_template_id_7c4a8ffd_lang.js';
-
-script.render = render;
-script.__file = "src/components/table/TableRow.vue";

package/lib/esm/components/table/TableRow.vue_vue_type_script_lang.js

@@ -1,31 +0,0 @@
-const validator = {
-  verticalAlign: [
-    'baseline',
-    'bottom',
-    'middle',
-    'text-bottom',
-    'text-top',
-    'top',
-  ],
-};
-
-var script = {
-  name: 'XTableRow',
-
-  validator,
-
-  props: {
-    clickable: {
-      type: Boolean,
-      default: false,
-    },
-
-    verticalAlign: {
-      type: String,
-      default: 'top',
-      validator: (value) => validator.verticalAlign.includes(value),
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/table/TableRow.vue_vue_type_template_id_7c4a8ffd_lang.js

@@ -1,22 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("tr", {
-    class: normalizeClass(["border-b border-gray-200 dark:border-gray-700", [
-      {
-        'hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer': $props.clickable,
-        // vertical-align
-        'align-baseline': $props.verticalAlign === 'baseline',
-        'align-bottom': $props.verticalAlign === 'bottom',
-        'align-middle': $props.verticalAlign === 'middle',
-        'align-text-bottom': $props.verticalAlign === 'text-bottom',
-        'align-text-top': $props.verticalAlign === 'text-top',
-        'align-top': $props.verticalAlign === 'top',
-      },
-    ]])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2 /* CLASS */))
-}
-
-export { render };

package/lib/esm/components/tabs/Tab.vue.js

@@ -1,6 +0,0 @@
-import script from './Tab.vue_vue_type_script_lang.js';
-export { default } from './Tab.vue_vue_type_script_lang.js';
-import { render } from './Tab.vue_vue_type_template_id_3cfc6374_lang.js';
-
-script.render = render;
-script.__file = "src/components/tabs/Tab.vue";

package/lib/esm/components/tabs/Tab.vue_vue_type_script_lang.js

@@ -1,60 +0,0 @@
-import { inject, reactive, computed, toRefs } from 'vue';
-
-var script = {
-  name: 'XTab',
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    value: {
-      type: [String, Number],
-      default: null,
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    tag: {
-      type: String,
-      default: 'li',
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-  },
-
-  setup(props) {
-    const tabs = inject(
-      'tabs',
-      {
-        state: reactive({
-          active: null,
-        }),
-        activateTab: () => {},
-      },
-    );
-
-    const state = reactive({
-      selected: computed(() => tabs.state.active === props.value),
-    });
-
-    function onClickTab() {
-      tabs.activateTab(props.value);
-    }
-
-    return {
-      ...toRefs(state),
-      tabs,
-      onClickTab,
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/tabs/Tab.vue_vue_type_template_id_3cfc6374_lang.js

@@ -1,25 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
-    to: $props.to,
-    class: normalizeClass(["pb-2 transition-colors duration-150 ease-in-out", [
-      {
-        [`border-b-2 border-${$props.color}-500 text-${$props.color}-500`]: _ctx.selected,
-        'cursor-pointer': !$props.disabled,
-        'cursor-not-allowed': $props.disabled,
-        'cursor-not-allowed text-gray-500': $props.disabled && !_ctx.selected,
-      },
-    ]]),
-    "aria-disabled": $props.disabled ? 'true' : null,
-    "aria-selected": _ctx.selected ? 'true' : 'false',
-    onClick: $setup.onClickTab
-  }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["to", "class", "aria-disabled", "aria-selected", "onClick"]))
-}
-
-export { render };

package/lib/esm/components/tabs/Tabs.vue.js

@@ -1,6 +0,0 @@
-import script from './Tabs.vue_vue_type_script_lang.js';
-export { default } from './Tabs.vue_vue_type_script_lang.js';
-import { render } from './Tabs.vue_vue_type_template_id_663bac2f_lang.js';
-
-script.render = render;
-script.__file = "src/components/tabs/Tabs.vue";

package/lib/esm/components/tabs/Tabs.vue_vue_type_script_lang.js

@@ -1,35 +0,0 @@
-import { reactive, computed, provide } from 'vue';
-
-var script = {
-  name: 'XTabs',
-
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: null,
-    },
-    tag: {
-      type: String,
-      default: 'ul',
-    },
-  },
-
-  emits: ['update:modelValue'],
-
-  setup(props, { emit }) {
-    const state = reactive({
-      active: computed(() => props.modelValue),
-    });
-
-    provide('tabs', {
-      state,
-      activateTab,
-    });
-
-    function activateTab(tab) {
-      emit('update:modelValue', tab);
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/tabs/Tabs.vue_vue_type_template_id_663bac2f_lang.js

@@ -1,12 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), { class: "flex border-b border-gray-200 dark:border-gray-700 space-x-4" }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }))
-}
-
-export { render };

package/lib/esm/components/tag/Tag.vue.js

@@ -1,6 +0,0 @@
-import script from './Tag.vue_vue_type_script_lang.js';
-export { default } from './Tag.vue_vue_type_script_lang.js';
-import { render } from './Tag.vue_vue_type_template_id_0aa571b6_lang.js';
-
-script.render = render;
-script.__file = "src/components/tag/Tag.vue";

package/lib/esm/components/tag/Tag.vue_vue_type_script_lang.js

@@ -1,37 +0,0 @@
-var script = {
-  name: 'XTag',
-
-  props: {
-    color: {
-      type: String,
-      default: 'gray',
-    },
-
-    radius: {
-      type: String,
-      default: 'full',
-    },
-
-    removable: {
-      type: Boolean,
-      default: false,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    tag: {
-      type: String,
-      default: 'span',
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-  },
-};
-
-export { script as default };