@indielayer/ui 0.1.1 → 0.2.3

package/lib/cjs/components/radio/Radio.vue_vue_type_script_lang.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+require('../spinner/Spinner.vue.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
+
+var script = {
+  name: 'XRadio',
+  components: {
+    XSpinner: Spinner_vue_vue_type_script_lang,
+  },
+
+  validator: {
+    ...inputtable.withValidator(),
+  },
+
+  props: {
+    ...inputtable.withProps(),
+    bordered: {
+      type: Boolean,
+      default: false,
+    },
+
+    value: {
+      type: [String, Number, Boolean, Function, Object, Array],
+      default: null,
+    },
+
+    label: {
+      type: String,
+      default: null,
+    },
+
+    glow: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  emits: inputtable.withEmits(false),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit, useListeners: false }),
+    }
+  },
+
+  computed: {
+    selected: {
+      get() {
+        return this.value === this.modelValue
+      },
+
+      set() {
+        this.$emit('update:modelValue', this.value);
+      },
+    },
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/radio/Radio.vue_vue_type_template_id_808cc132_lang.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-checked", "aria-disabled"];
+const _hoisted_2 = ["disabled", "name", "required", "value"];
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1 /* HOISTED */);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = ["textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_x_spinner = vue.resolveComponent("x-spinner");
+
+  return (vue.openBlock(), vue.createElementBlock("label", {
+    ref: "focusRef",
+    class: vue.normalizeClass(["inline-block mb-1 relative cursor-pointer focus:outline-none", {
+      ['rounded border p-2 hover:border-gray-500 dark:hover:border-gray-500 transition-colors duration-150 ease-in-out']: $props.bordered,
+      [`border-gray-300 dark:border-gray-700`]: $props.bordered && !$options.selected,
+      [`border-${_ctx.color}-500 dark:border-${_ctx.color}-500`]: $props.bordered && $options.selected && !_ctx.disabled,
+    }]),
+    "aria-checked": $options.selected ? 'true' : 'false',
+    "aria-disabled": _ctx.disabled ? 'true' : null,
+    tabindex: 0,
+    onKeypress: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers($event => (_ctx.$emit('update:modelValue', $props.value)), ["prevent","stop"]), ["enter","space"]))
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["flex items-center", { 'cursor-not-allowed': _ctx.disabled }])
+    }, [
+      vue.withDirectives(vue.createElementVNode("input", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
+        type: "radio",
+        class: "invisible absolute",
+        disabled: _ctx.disabled || _ctx.loading,
+        name: _ctx.name,
+        required: _ctx.required,
+        value: _ctx.modelValue
+      }, null, 8 /* PROPS */, _hoisted_2), [
+        [vue.vModelRadio, $options.selected]
+      ]),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["rounded-full flex justify-center items-center flex-shrink-0", [
+          {
+            // shadow
+            'shadow': !_ctx.flat && !_ctx.loading,
+            [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow && $options.selected,
+
+            'h-4 w-4': _ctx.size === 'sm' || _ctx.size === 'xs',
+            'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.size),
+            'h-6 w-6': _ctx.size === 'xl',
+          },
+          _ctx.disabled ? {
+            'bg-gray-500 border-gray-600 dark:border-gray-400': $options.selected,
+            'bg-gray-200 border-gray-300 dark:border-gray-700': !$options.selected,
+          } :
+          {
+            [`bg-${_ctx.color}-500 border-${_ctx.color}-500`]: $options.selected && !_ctx.loading,
+            'border bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700': !$options.selected && !_ctx.loading,
+          }
+        ]])
+      }, [
+        (_ctx.loading)
+          ? (vue.openBlock(), vue.createBlock(_component_x_spinner, {
+              key: 0,
+              size: _ctx.size,
+              class: "absolute"
+            }, null, 8 /* PROPS */, ["size"]))
+          : (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 1,
+              class: vue.normalizeClass(["fill-current text-gray-100", {
+            'opacity-0': !$options.selected,
+            'h-2 w-2': _ctx.size === 'sm' || _ctx.size === 'xs',
+            'h-3 w-3': !['xs', 'sm', 'xl'].includes(_ctx.size),
+            'h-4 w-4': _ctx.size === 'xl',
+          }]),
+              viewBox: "0 0 20 20"
+            }, _hoisted_4, 2 /* CLASS */))
+      ], 2 /* CLASS */),
+      ($props.label)
+        ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2", {
+          'text-xs': _ctx.size === 'xs',
+          'text-sm': _ctx.size === 'sm',
+          'text-lg': _ctx.size === 'lg',
+          'text-xl': _ctx.size === 'xl',
+        }]),
+            textContent: vue.toDisplayString($props.label)
+          }, null, 10 /* CLASS, PROPS */, _hoisted_5))
+        : vue.createCommentVNode("v-if", true)
+    ], 2 /* CLASS */),
+    (_ctx.$slots.default)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass({
+        'text-xs pl-6': _ctx.size === 'xs',
+        'text-sm pl-6': _ctx.size === 'sm',
+        'pl-7': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+        'text-lg pl-7': _ctx.size === 'lg',
+        'text-lg pl-8': _ctx.size === 'xl',
+      })
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2 /* CLASS */))
+      : vue.createCommentVNode("v-if", true),
+    (_ctx.errorInternal)
+      ? (vue.openBlock(), vue.createElementBlock("p", {
+          key: 1,
+          class: "text-sm text-error-500 mt-1",
+          textContent: vue.toDisplayString(_ctx.errorInternal)
+        }, null, 8 /* PROPS */, _hoisted_6))
+      : vue.createCommentVNode("v-if", true)
+  ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1))
+}
+
+exports.render = render;

package/lib/cjs/components/select/Select.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Select_vue_vue_type_script_lang = require('./Select.vue_vue&type=script&lang.js');
-var Select_vue_vue_type_template_id_6ccf0009_lang = require('./Select.vue_vue&type=template&id=6ccf0009&lang.js');
+var Select_vue_vue_type_script_lang = require('./Select.vue_vue_type_script_lang.js');
+var Select_vue_vue_type_template_id_18b7de2f_lang = require('./Select.vue_vue_type_template_id_18b7de2f_lang.js');
 
-Select_vue_vue_type_script_lang.render = Select_vue_vue_type_template_id_6ccf0009_lang.render;
+Select_vue_vue_type_script_lang.render = Select_vue_vue_type_template_id_18b7de2f_lang.render;
+Select_vue_vue_type_script_lang.__file = "src/components/select/Select.vue";
 
 module.exports = Select_vue_vue_type_script_lang;

package/lib/cjs/components/select/Select.vue_vue_type_script_lang.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+require('../spinner/Spinner.vue.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
+
+var script = {
+  name: 'XSelect',
+  components: {
+    XSpinner: Spinner_vue_vue_type_script_lang,
+  },
+
+  validator: {
+    ...inputtable.withValidator(),
+  },
+
+  props: {
+    ...inputtable.withProps(),
+
+    placeholder: {
+      type: String,
+      default: null,
+    },
+
+    flat: {
+      type: Boolean,
+      default: false,
+    },
+
+    label: {
+      type: String,
+      default: null,
+    },
+
+    options: {
+      type: Array,
+      default: null,
+    },
+  },
+
+  emits: inputtable.withEmits(false),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit, useListeners: false }),
+    }
+  },
+
+  computed: {
+    selected: {
+      get() {
+        return this.modelValue
+      },
+
+      set(val) {
+        this.$emit('update:modelValue', val);
+      },
+    },
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/select/Select.vue_vue_type_template_id_18b7de2f_lang.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "inline-block mb-1 relative pb-2" };
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = { class: "relative" };
+const _hoisted_4 = ["disabled", "name", "readonly", "value"];
+const _hoisted_5 = {
+  key: 0,
+  disabled: "",
+  value: ""
+};
+const _hoisted_6 = ["value", "disabled"];
+const _hoisted_7 = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2" };
+const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("path", { d: "M18 8L12 2L6 8" }, null, -1 /* HOISTED */);
+const _hoisted_9 = /*#__PURE__*/vue.createElementVNode("path", { d: "M18 16L12 22L6 16" }, null, -1 /* HOISTED */);
+const _hoisted_10 = [
+  _hoisted_8,
+  _hoisted_9
+];
+const _hoisted_11 = ["textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_x_spinner = vue.resolveComponent("x-spinner");
+
+  return (vue.openBlock(), vue.createElementBlock("label", _hoisted_1, [
+    ($props.label)
+      ? (vue.openBlock(), vue.createElementBlock("p", {
+          key: 0,
+          class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
+        'text-xs': _ctx.size === 'xs',
+        'text-sm': _ctx.size === 'sm',
+        'text-lg': _ctx.size === 'lg',
+        'text-xl': _ctx.size === 'xl',
+      }]),
+          textContent: vue.toDisplayString($props.label)
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", _hoisted_3, [
+      vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
+        ref: "focusRef",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
+        class: ["block appearance-none w-full border border-gray-300 dark:border-gray-700 pr-8 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out", [
+          _ctx.disabled
+            ? 'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 cursor-not-allowed'
+            : 'bg-white dark:bg-gray-900',
+          {
+            // shadow
+            'shadow': !$props.flat,
+
+            // size
+            'py-1': _ctx.size === 'auto',
+            'px-2 py-1 text-xs': _ctx.size === 'xs',
+            'px-2 py-1 text-sm': _ctx.size === 'sm',
+            'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+            'px-4 py-3 text-lg': _ctx.size === 'lg',
+            'px-6 py-6 text-xl': _ctx.size === 'xl',
+          },
+          {
+            'text-gray-400 dark:text-gray-500': _ctx.modelValue === '' || _ctx.modelValue === null,
+
+            // error
+            'border-error-500 focus:border-error-500 dark:focus:border-error-500': _ctx.errorInternal,
+          },
+        ]],
+        disabled: _ctx.disabled || _ctx.loading,
+        name: _ctx.name,
+        readonly: _ctx.readonly,
+        value: _ctx.modelValue
+      }, vue.toHandlers(_ctx.inputListeners)), [
+        ($props.placeholder)
+          ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_5, vue.toDisplayString($props.placeholder), 1 /* TEXT */))
+          : vue.createCommentVNode("v-if", true),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.options, (option, index) => {
+          return (vue.openBlock(), vue.createElementBlock("option", {
+            key: index,
+            value: option.value,
+            disabled: option.disabled
+          }, vue.toDisplayString(option.label), 9 /* TEXT, PROPS */, _hoisted_6))
+        }), 128 /* KEYED_FRAGMENT */)),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16 /* FULL_PROPS */, _hoisted_4), [
+        [vue.vModelSelect, $options.selected]
+      ]),
+      vue.createElementVNode("div", _hoisted_7, [
+        (_ctx.loading)
+          ? (vue.openBlock(), vue.createBlock(_component_x_spinner, {
+              key: 0,
+              size: _ctx.size
+            }, null, 8 /* PROPS */, ["size"]))
+          : (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 1,
+              class: vue.normalizeClass(["stroke-2", [
+            _ctx.disabled ? 'text-gray-600 dark:text-gray-400': 'text-gray-700 dark:text-gray-300',
+            {
+              'h-3 w-3': _ctx.size === 'sm' || _ctx.size === 'xs',
+              'h-4 w-4': !['xs', 'sm', 'xl'].includes(_ctx.size),
+              'h-5 w-5': _ctx.size === 'xl',
+            }
+          ]]),
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "stroke-linejoin": "round",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, _hoisted_10, 2 /* CLASS */))
+      ])
+    ]),
+    (_ctx.errorInternal)
+      ? (vue.openBlock(), vue.createElementBlock("p", {
+          key: 1,
+          class: "text-sm text-error-500 mt-1",
+          textContent: vue.toDisplayString(_ctx.errorInternal)
+        }, null, 8 /* PROPS */, _hoisted_11))
+      : vue.createCommentVNode("v-if", true)
+  ]))
+}
+
+exports.render = render;

package/lib/cjs/components/skeleton/Skeleton.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Skeleton_vue_vue_type_script_lang = require('./Skeleton.vue_vue&type=script&lang.js');
-var Skeleton_vue_vue_type_template_id_f4226afe_lang = require('./Skeleton.vue_vue&type=template&id=f4226afe&lang.js');
+var Skeleton_vue_vue_type_script_lang = require('./Skeleton.vue_vue_type_script_lang.js');
+var Skeleton_vue_vue_type_template_id_6ac606e2_lang = require('./Skeleton.vue_vue_type_template_id_6ac606e2_lang.js');
 
-Skeleton_vue_vue_type_script_lang.render = Skeleton_vue_vue_type_template_id_f4226afe_lang.render;
+Skeleton_vue_vue_type_script_lang.render = Skeleton_vue_vue_type_template_id_6ac606e2_lang.render;
+Skeleton_vue_vue_type_script_lang.__file = "src/components/skeleton/Skeleton.vue";
 
 module.exports = Skeleton_vue_vue_type_script_lang;

package/lib/cjs/components/{tabs/Tabs.vue_vue&type=script&lang.js → skeleton/Skeleton.vue_vue_type_script_lang.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var script = {
-  name: 'XTabs',
+  name: 'XSkeleton',
 
   props: {
     tag: {
       type: String,
-      default: 'ul',
+      default: 'div',
     },
   },
 };

package/lib/cjs/components/skeleton/{Skeleton.vue_vue&type=template&id=f4226afe&lang.js → Skeleton.vue_vue_type_template_id_6ac606e2_lang.js}

@@ -7,16 +7,12 @@ var vue = require('vue');
 const _hoisted_1 = /*#__PURE__*/vue.createTextVNode(" ​ ");
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$props.tag), vue.mergeProps(_ctx.$attrs, {
-    class: ["animate-pulse bg-gray-300 dark:bg-gray-600", [
-      _ctx.$props.rounded ? 'rounded-full' : 'rounded-sm',
-    ]]
-  }), {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), { class: "animate-pulse bg-gray-300 dark:bg-gray-600 rounded-md" }, {
     default: vue.withCtx(() => [
       _hoisted_1
     ]),
-    _: 1
-  }, 16, ["class"]))
+    _: 1 /* STABLE */
+  }))
 }
 
 exports.render = render;

package/lib/cjs/components/spacer/Spacer.vue.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var Spacer_vue_vue_type_template_id_3c2aca79_lang = require('./Spacer.vue_vue&type=template&id=3c2aca79&lang.js');
+var Spacer_vue_vue_type_template_id_793ae82f_lang = require('./Spacer.vue_vue_type_template_id_793ae82f_lang.js');
 
 const script = {};
 
 
-script.render = Spacer_vue_vue_type_template_id_3c2aca79_lang.render;
+script.render = Spacer_vue_vue_type_template_id_793ae82f_lang.render;
+script.__file = "src/components/spacer/Spacer.vue";
 var script$1 = script;
 
 module.exports = script$1;

package/lib/cjs/components/spinner/Spinner.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Spinner_vue_vue_type_script_lang = require('./Spinner.vue_vue&type=script&lang.js');
-var Spinner_vue_vue_type_template_id_435d3ecf_lang = require('./Spinner.vue_vue&type=template&id=435d3ecf&lang.js');
+var Spinner_vue_vue_type_script_lang = require('./Spinner.vue_vue_type_script_lang.js');
+var Spinner_vue_vue_type_template_id_714bd8a3_lang = require('./Spinner.vue_vue_type_template_id_714bd8a3_lang.js');
 
-Spinner_vue_vue_type_script_lang.render = Spinner_vue_vue_type_template_id_435d3ecf_lang.render;
+Spinner_vue_vue_type_script_lang.render = Spinner_vue_vue_type_template_id_714bd8a3_lang.render;
+Spinner_vue_vue_type_script_lang.__file = "src/components/spinner/Spinner.vue";
 
 module.exports = Spinner_vue_vue_type_script_lang;

package/lib/cjs/components/spinner/{Spinner.vue_vue&type=template&id=435d3ecf&lang.js → Spinner.vue_vue_type_template_id_714bd8a3_lang.js}

@@ -13,17 +13,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("svg", {
     class: vue.normalizeClass([
       {
-        'h-3 w-3': _ctx.$props.size === 'xs',
-        'h-4 w-4': _ctx.$props.size === 'sm',
-        'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.$props.size),
-        'h-6 w-6': _ctx.$props.size === 'xl',
+        'h-3 w-3': $props.size === 'xs',
+        'h-4 w-4': $props.size === 'sm',
+        'h-5 w-5': !['xs', 'sm', 'xl'].includes($props.size),
+        'h-6 w-6': $props.size === 'xl',
       },
 
     ]),
     viewBox: "0 0 38 38",
     xmlns: "http://www.w3.org/2000/svg",
     style: {"stroke":"currentColor"}
-  }, _hoisted_2, 2))
+  }, _hoisted_2, 2 /* CLASS */))
 }
 
 exports.render = render;

package/lib/cjs/components/status/StatusDot.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var StatusDot_vue_vue_type_script_lang = require('./StatusDot.vue_vue&type=script&lang.js');
-var StatusDot_vue_vue_type_template_id_75d1a520_lang = require('./StatusDot.vue_vue&type=template&id=75d1a520&lang.js');
+var StatusDot_vue_vue_type_script_lang = require('./StatusDot.vue_vue_type_script_lang.js');
+var StatusDot_vue_vue_type_template_id_367d150a_lang = require('./StatusDot.vue_vue_type_template_id_367d150a_lang.js');
 
-StatusDot_vue_vue_type_script_lang.render = StatusDot_vue_vue_type_template_id_75d1a520_lang.render;
+StatusDot_vue_vue_type_script_lang.render = StatusDot_vue_vue_type_template_id_367d150a_lang.render;
+StatusDot_vue_vue_type_script_lang.__file = "src/components/status/StatusDot.vue";
 
 module.exports = StatusDot_vue_vue_type_script_lang;

package/lib/cjs/components/status/{StatusDot.vue_vue&type=script&lang.js → StatusDot.vue_vue_type_script_lang.js}

@@ -1,29 +1,17 @@
 'use strict';
 
-const validator = {
-  status: [
-    'primary',
-    'error',
-    'success',
-    'warning',
-  ],
-};
-
 var script = {
   name: 'XStatusDot',
 
-  validator,
-
   props: {
     animate: {
       type: Boolean,
       default: false,
     },
 
-    status: {
+    color: {
       type: String,
       default: 'primary',
-      validator: (value) => validator.status.includes(value),
     },
 
     tag: {

package/lib/cjs/components/status/StatusDot.vue_vue_type_template_id_367d150a_lang.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), { class: "inline-block relative" }, {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default"),
+      ($props.animate)
+        ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(["animate-ping opacity-75 absolute -top-0.5 -right-0.5 rounded-full h-3 w-3 z-10", [`bg-${$props.color}-500`]])
+          }, null, 2 /* CLASS */))
+        : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["absolute -top-0.5 -right-0.5 rounded-full h-3 w-3 z-10", [`bg-${$props.color}-500`]])
+      }, null, 2 /* CLASS */)
+    ]),
+    _: 3 /* FORWARDED */
+  }))
+}
+
+exports.render = render;

package/lib/cjs/components/table/Table.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Table_vue_vue_type_script_lang = require('./Table.vue_vue&type=script&lang.js');
-var Table_vue_vue_type_template_id_50d6ab12_lang = require('./Table.vue_vue&type=template&id=50d6ab12&lang.js');
+var Table_vue_vue_type_script_lang = require('./Table.vue_vue_type_script_lang.js');
+var Table_vue_vue_type_template_id_c0433c66_lang = require('./Table.vue_vue_type_template_id_c0433c66_lang.js');
 
-Table_vue_vue_type_script_lang.render = Table_vue_vue_type_template_id_50d6ab12_lang.render;
+Table_vue_vue_type_script_lang.render = Table_vue_vue_type_template_id_c0433c66_lang.render;
+Table_vue_vue_type_script_lang.__file = "src/components/table/Table.vue";
 
 module.exports = Table_vue_vue_type_script_lang;

package/lib/cjs/components/table/{Table.vue_vue&type=script&lang.js → Table.vue_vue_type_script_lang.js}

@@ -6,12 +6,12 @@ require('./TableBody.vue.js');
 require('./TableRow.vue.js');
 require('./TableCell.vue.js');
 require('../spinner/Spinner.vue.js');
-var TableHead_vue_vue_type_script_lang = require('./TableHead.vue_vue&type=script&lang.js');
-var TableHeader_vue_vue_type_script_lang = require('./TableHeader.vue_vue&type=script&lang.js');
-var TableBody_vue_vue_type_script_lang = require('./TableBody.vue_vue&type=script&lang.js');
-var TableRow_vue_vue_type_script_lang = require('./TableRow.vue_vue&type=script&lang.js');
-var TableCell_vue_vue_type_script_lang = require('./TableCell.vue_vue&type=script&lang.js');
-var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue&type=script&lang.js');
+var TableHead_vue_vue_type_script_lang = require('./TableHead.vue_vue_type_script_lang.js');
+var TableHeader_vue_vue_type_script_lang = require('./TableHeader.vue_vue_type_script_lang.js');
+var TableBody_vue_vue_type_script_lang = require('./TableBody.vue_vue_type_script_lang.js');
+var TableRow_vue_vue_type_script_lang = require('./TableRow.vue_vue_type_script_lang.js');
+var TableCell_vue_vue_type_script_lang = require('./TableCell.vue_vue_type_script_lang.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
 
 var script = {
   name: 'XTable',

package/lib/cjs/components/table/{Table.vue_vue&type=template&id=50d6ab12&lang.js → Table.vue_vue_type_template_id_c0433c66_lang.js}

@@ -38,13 +38,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: $event => (header.sortable ? $options.sortHeader(header) : null)
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(header.text), 1)
+              vue.createTextVNode(vue.toDisplayString(header.text), 1 /* TEXT */)
             ]),
-            _: 2
-          }, 1032, ["sticky-header", "text-align", "sort", "sortable", "onClick"]))
-        }), 128))
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["sticky-header", "text-align", "sort", "sortable", "onClick"]))
+        }), 128 /* KEYED_FRAGMENT */))
       ]),
-      _: 1
+      _: 1 /* STABLE */
     }),
     vue.createVNode(_component_table_body, null, {
       default: vue.withCtx(() => [
@@ -64,25 +64,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, `item-${header.value}`, { item: item }, () => [
-                      vue.createTextVNode(vue.toDisplayString($options.getPath(item, header.value)), 1)
+                      vue.createTextVNode(vue.toDisplayString($options.getPath(item, header.value)), 1 /* TEXT */)
                     ])
                   ]),
-                  _: 2
-                }, 1032, ["text-align", "dense", "fixed"]))
-              }), 128))
+                  _: 2 /* DYNAMIC */
+                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["text-align", "dense", "fixed"]))
+              }), 128 /* KEYED_FRAGMENT */))
             ]),
-            _: 2
-          }, 1032, ["onClick"]))
-        }), 128))
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]))
+        }), 128 /* KEYED_FRAGMENT */))
       ]),
-      _: 3
+      _: 3 /* FORWARDED */
     }),
     ($props.loading)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
           vue.createVNode(_component_x_spinner, { size: "lg" })
         ]))
-      : vue.createCommentVNode("", true)
-  ], 2))
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;