@indielayer/ui 0.1.1 → 0.2.3

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var TableBody_vue_vue_type_script_lang = require('./TableBody.vue_vue&type=script&lang.js');
-var TableBody_vue_vue_type_template_id_fd21b336_lang = require('./TableBody.vue_vue&type=template&id=fd21b336&lang.js');
+var TableBody_vue_vue_type_script_lang = require('./TableBody.vue_vue_type_script_lang.js');
+var TableBody_vue_vue_type_template_id_7288bc0f_lang = require('./TableBody.vue_vue_type_template_id_7288bc0f_lang.js');
 
-TableBody_vue_vue_type_script_lang.render = TableBody_vue_vue_type_template_id_fd21b336_lang.render;
+TableBody_vue_vue_type_script_lang.render = TableBody_vue_vue_type_template_id_7288bc0f_lang.render;
+TableBody_vue_vue_type_script_lang.__file = "src/components/table/TableBody.vue";
 
 module.exports = TableBody_vue_vue_type_script_lang;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var TableCell_vue_vue_type_script_lang = require('./TableCell.vue_vue&type=script&lang.js');
-var TableCell_vue_vue_type_template_id_6b8d1953_lang = require('./TableCell.vue_vue&type=template&id=6b8d1953&lang.js');
+var TableCell_vue_vue_type_script_lang = require('./TableCell.vue_vue_type_script_lang.js');
+var TableCell_vue_vue_type_template_id_5349a862_lang = require('./TableCell.vue_vue_type_template_id_5349a862_lang.js');
 
-TableCell_vue_vue_type_script_lang.render = TableCell_vue_vue_type_template_id_6b8d1953_lang.render;
+TableCell_vue_vue_type_script_lang.render = TableCell_vue_vue_type_template_id_5349a862_lang.render;
+TableCell_vue_vue_type_script_lang.__file = "src/components/table/TableCell.vue";
 
 module.exports = TableCell_vue_vue_type_script_lang;

package/lib/cjs/components/table/{TableCell.vue_vue&type=template&id=6b8d1953&lang.js → TableCell.vue_vue_type_template_id_5349a862_lang.js}

@@ -29,7 +29,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]])
   }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 2))
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var TableHead_vue_vue_type_script_lang = require('./TableHead.vue_vue&type=script&lang.js');
-var TableHead_vue_vue_type_template_id_c753405c_lang = require('./TableHead.vue_vue&type=template&id=c753405c&lang.js');
+var TableHead_vue_vue_type_script_lang = require('./TableHead.vue_vue_type_script_lang.js');
+var TableHead_vue_vue_type_template_id_6ae9fd66_lang = require('./TableHead.vue_vue_type_template_id_6ae9fd66_lang.js');
 
-TableHead_vue_vue_type_script_lang.render = TableHead_vue_vue_type_template_id_c753405c_lang.render;
+TableHead_vue_vue_type_script_lang.render = TableHead_vue_vue_type_template_id_6ae9fd66_lang.render;
+TableHead_vue_vue_type_script_lang.__file = "src/components/table/TableHead.vue";
 
 module.exports = TableHead_vue_vue_type_script_lang;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var TableHeader_vue_vue_type_script_lang = require('./TableHeader.vue_vue&type=script&lang.js');
-var TableHeader_vue_vue_type_template_id_34196e32_lang = require('./TableHeader.vue_vue&type=template&id=34196e32&lang.js');
+var TableHeader_vue_vue_type_script_lang = require('./TableHeader.vue_vue_type_script_lang.js');
+var TableHeader_vue_vue_type_template_id_9d5bd38c_lang = require('./TableHeader.vue_vue_type_template_id_9d5bd38c_lang.js');
 
-TableHeader_vue_vue_type_script_lang.render = TableHeader_vue_vue_type_template_id_34196e32_lang.render;
+TableHeader_vue_vue_type_script_lang.render = TableHeader_vue_vue_type_template_id_9d5bd38c_lang.render;
+TableHeader_vue_vue_type_script_lang.__file = "src/components/table/TableHeader.vue";
 
 module.exports = TableHeader_vue_vue_type_script_lang;

package/lib/cjs/components/table/{TableHeader.vue_vue&type=template&id=34196e32&lang.js → TableHeader.vue_vue_type_template_id_9d5bd38c_lang.js}

@@ -25,19 +25,19 @@ const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("line", {
   y1: "5",
   x2: "12",
   y2: "19"
-}, null, -1);
-const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "19 12 12 19 5 12" }, null, -1);
+}, null, -1 /* HOISTED */);
+const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "19 12 12 19 5 12" }, null, -1 /* HOISTED */);
 const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("line", {
   x1: "12",
   y1: "19",
   x2: "12",
   y2: "5"
-}, null, -1);
-const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "5 12 12 5 19 12" }, null, -1);
+}, null, -1 /* HOISTED */);
+const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("polyline", { points: "5 12 12 5 19 12" }, null, -1 /* HOISTED */);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
-    class: ["py-2 bg-gray-50 dark:bg-gray-800 font-medium tracking-wide uppercase text-xs pr-1 last:pr-0", [
+  return (vue.openBlock(), vue.createElementBlock("th", {
+    class: vue.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,
@@ -49,8 +49,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         'text-right': $props.textAlign === 'right',
         'text-justify': $props.textAlign === 'justify',
       },
-    ]]
-  }, _ctx.$attrs), [
+    ]])
+  }, [
     ($props.sortable)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
           vue.renderSlot(_ctx.$slots, "default"),
@@ -60,19 +60,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       _hoisted_3,
                       _hoisted_4
-                    ], 64))
-                  : vue.createCommentVNode("", true),
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : vue.createCommentVNode("v-if", true),
                 ($props.sort === 1)
                   ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       _hoisted_5,
                       _hoisted_6
-                    ], 64))
-                  : vue.createCommentVNode("", true)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : vue.createCommentVNode("v-if", true)
               ]))
-            : vue.createCommentVNode("", true)
+            : vue.createCommentVNode("v-if", true)
         ]))
       : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-  ], 16))
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var TableRow_vue_vue_type_script_lang = require('./TableRow.vue_vue&type=script&lang.js');
-var TableRow_vue_vue_type_template_id_4ffea48c_lang = require('./TableRow.vue_vue&type=template&id=4ffea48c&lang.js');
+var TableRow_vue_vue_type_script_lang = require('./TableRow.vue_vue_type_script_lang.js');
+var TableRow_vue_vue_type_template_id_7c4a8ffd_lang = require('./TableRow.vue_vue_type_template_id_7c4a8ffd_lang.js');
 
-TableRow_vue_vue_type_script_lang.render = TableRow_vue_vue_type_template_id_4ffea48c_lang.render;
+TableRow_vue_vue_type_script_lang.render = TableRow_vue_vue_type_template_id_7c4a8ffd_lang.render;
+TableRow_vue_vue_type_script_lang.__file = "src/components/table/TableRow.vue";
 
 module.exports = TableRow_vue_vue_type_script_lang;

package/lib/cjs/components/table/{TableRow.vue_vue&type=template&id=4ffea48c&lang.js → TableRow.vue_vue_type_template_id_7c4a8ffd_lang.js}

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("tr", vue.mergeProps({
-    class: ["border-b border-gray-200 dark:border-gray-700", [
+  return (vue.openBlock(), vue.createElementBlock("tr", {
+    class: vue.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
@@ -17,10 +17,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         'align-text-top': $props.verticalAlign === 'text-top',
         'align-top': $props.verticalAlign === 'top',
       },
-    ]]
-  }, _ctx.$attrs), [
+    ]])
+  }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 16))
+  ], 2 /* CLASS */))
 }
 
 exports.render = render;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var Tab_vue_vue_type_script_lang = require('./Tab.vue_vue&type=script&lang.js');
-var Tab_vue_vue_type_template_id_42dce82e_lang = require('./Tab.vue_vue&type=template&id=42dce82e&lang.js');
+var Tab_vue_vue_type_script_lang = require('./Tab.vue_vue_type_script_lang.js');
+var Tab_vue_vue_type_template_id_3cfc6374_lang = require('./Tab.vue_vue_type_template_id_3cfc6374_lang.js');
 
-Tab_vue_vue_type_script_lang.render = Tab_vue_vue_type_template_id_42dce82e_lang.render;
+Tab_vue_vue_type_script_lang.render = Tab_vue_vue_type_template_id_3cfc6374_lang.render;
+Tab_vue_vue_type_script_lang.__file = "src/components/tabs/Tab.vue";
 
 module.exports = Tab_vue_vue_type_script_lang;

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

@@ -0,0 +1,62 @@
+'use strict';
+
+var vue = require('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 = vue.inject(
+      'tabs',
+      {
+        state: vue.reactive({
+          active: null,
+        }),
+        activateTab: () => {},
+      },
+    );
+
+    const state = vue.reactive({
+      selected: vue.computed(() => tabs.state.active === props.value),
+    });
+
+    function onClickTab() {
+      tabs.activateTab(props.value);
+    }
+
+    return {
+      ...vue.toRefs(state),
+      tabs,
+      onClickTab,
+    }
+  },
+};
+
+module.exports = script;

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

@@ -0,0 +1,29 @@
+'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.to ? 'router-link' : $props.tag), {
+    to: $props.to,
+    class: vue.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: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["to", "class", "aria-disabled", "aria-selected", "onClick"]))
+}
+
+exports.render = render;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var Tabs_vue_vue_type_script_lang = require('./Tabs.vue_vue&type=script&lang.js');
-var Tabs_vue_vue_type_template_id_17799e08_lang = require('./Tabs.vue_vue&type=template&id=17799e08&lang.js');
+var Tabs_vue_vue_type_script_lang = require('./Tabs.vue_vue_type_script_lang.js');
+var Tabs_vue_vue_type_template_id_663bac2f_lang = require('./Tabs.vue_vue_type_template_id_663bac2f_lang.js');
 
-Tabs_vue_vue_type_script_lang.render = Tabs_vue_vue_type_template_id_17799e08_lang.render;
+Tabs_vue_vue_type_script_lang.render = Tabs_vue_vue_type_template_id_663bac2f_lang.render;
+Tabs_vue_vue_type_script_lang.__file = "src/components/tabs/Tabs.vue";
 
 module.exports = Tabs_vue_vue_type_script_lang;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var vue = require('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 = vue.reactive({
+      active: vue.computed(() => props.modelValue),
+    });
+
+    vue.provide('tabs', {
+      state,
+      activateTab,
+    });
+
+    function activateTab(tab) {
+      emit('update:modelValue', tab);
+    }
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/tabs/{Tabs.vue_vue&type=template&id=17799e08&lang.js → Tabs.vue_vue_type_template_id_663bac2f_lang.js}

@@ -5,12 +5,12 @@ 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(_ctx.$props.tag), vue.mergeProps(_ctx.$attrs, { class: "flex border-b border-gray-200 dark:border-gray-700 space-x-4" }), {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), { class: "flex border-b border-gray-200 dark:border-gray-700 space-x-4" }, {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
-  }, 16))
+    _: 3 /* FORWARDED */
+  }))
 }
 
 exports.render = render;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var Tag_vue_vue_type_script_lang = require('./Tag.vue_vue&type=script&lang.js');
-var Tag_vue_vue_type_template_id_289ac1d7_lang = require('./Tag.vue_vue&type=template&id=289ac1d7&lang.js');
+var Tag_vue_vue_type_script_lang = require('./Tag.vue_vue_type_script_lang.js');
+var Tag_vue_vue_type_template_id_0aa571b6_lang = require('./Tag.vue_vue_type_template_id_0aa571b6_lang.js');
 
-Tag_vue_vue_type_script_lang.render = Tag_vue_vue_type_template_id_289ac1d7_lang.render;
+Tag_vue_vue_type_script_lang.render = Tag_vue_vue_type_template_id_0aa571b6_lang.render;
+Tag_vue_vue_type_script_lang.__file = "src/components/tag/Tag.vue";
 
 module.exports = Tag_vue_vue_type_script_lang;

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

@@ -1,30 +1,12 @@
 'use strict';
 
-const validator = {
-  color: [
-    'blue',
-    'gray',
-    'green',
-    'indigo',
-    'pink',
-    'primary',
-    'secondary',
-    'purple',
-    'red',
-    'yellow',
-  ],
-};
-
 var script = {
   name: 'XTag',
 
-  validator,
-
   props: {
     color: {
       type: String,
       default: 'gray',
-      validator: (value) => validator.color.includes(value),
     },
 
     radius: {

package/lib/cjs/components/tag/Tag.vue_vue_type_template_id_0aa571b6_lang.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("line", {
+  x1: "18",
+  y1: "6",
+  x2: "6",
+  y2: "18"
+}, null, -1 /* HOISTED */);
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("line", {
+  x1: "6",
+  y1: "6",
+  x2: "18",
+  y2: "18"
+}, null, -1 /* HOISTED */);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
+    class: vue.normalizeClass(["inline-block leading-none", 
+      [
+        [`bg-${$props.color}-200 text-${$props.color}-900 border-${$props.color}-900`],
+        {
+          // variant
+          '!bg-transparent border': $props.outlined,
+
+          // size
+          'py-1': $props.size === 'auto',
+          'px-2 py-1 text-xs': $props.size === 'xs',
+          'px-2 py-1 text-sm': $props.size === 'sm',
+          'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes($props.size),
+          'px-4 py-3 text-lg': $props.size === 'lg',
+          'px-6 py-6 text-xl': $props.size === 'xl',
+
+          // radius
+          'rounded-full': $props.radius === 'full',
+          'rounded-lg': $props.radius === 'lg',
+          'rounded-md': $props.radius === 'md',
+          'rounded-sm': $props.radius === 'sm',
+          'rounded': $props.radius === 'rounded',
+        },
+      ]])
+  }, {
+    default: vue.withCtx(() => [
+      ($props.removable)
+        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default"),
+            (vue.openBlock(), vue.createElementBlock("svg", {
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "stroke-linejoin": "round",
+              "stroke-linecap": "round",
+              fill: "none",
+              role: "presentation",
+              class: "stroke-2 w-4 h-4 ml-1 cursor-pointer hover:text-gray-700 transition-colors duration-150 ease-in-out flex-shrink-0",
+              onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('remove')))
+            }, _hoisted_4))
+          ]))
+        : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
+}
+
+exports.render = render;

package/lib/cjs/components/textarea/Textarea.vue.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Textarea_vue_vue_type_script_lang = require('./Textarea.vue_vue&type=script&lang.js');
-var Textarea_vue_vue_type_template_id_9e7d494a_lang = require('./Textarea.vue_vue&type=template&id=9e7d494a&lang.js');
+var Textarea_vue_vue_type_script_lang = require('./Textarea.vue_vue_type_script_lang.js');
+var Textarea_vue_vue_type_template_id_03d2272f_lang = require('./Textarea.vue_vue_type_template_id_03d2272f_lang.js');
 
-Textarea_vue_vue_type_script_lang.render = Textarea_vue_vue_type_template_id_9e7d494a_lang.render;
+Textarea_vue_vue_type_script_lang.render = Textarea_vue_vue_type_template_id_03d2272f_lang.render;
+Textarea_vue_vue_type_script_lang.__file = "src/components/textarea/Textarea.vue";
 
 module.exports = Textarea_vue_vue_type_script_lang;

package/lib/cjs/components/textarea/Textarea.vue_vue_type_script_lang.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+
+var script = {
+  name: 'XTextarea',
+
+  validator: inputtable.withValidator(),
+
+  props: {
+    ...inputtable.withProps(),
+
+    label: {
+      type: String,
+      default: '',
+    },
+
+    dir: {
+      type: String,
+      default: 'ltr',
+    },
+
+    max: {
+      type: Number,
+      default: null,
+    },
+
+    maxlength: {
+      type: Number,
+      default: null,
+    },
+
+    min: {
+      type: Number,
+      default: null,
+    },
+
+    minlength: {
+      type: Number,
+      default: null,
+    },
+
+    placeholder: {
+      type: String,
+      default: null,
+    },
+
+    adjustToText: {
+      type: Boolean,
+      default: true,
+    },
+
+    preventEnter: {
+      type: Boolean,
+      default: false,
+    },
+
+    inputClass: {
+      type: String,
+      default: '',
+    },
+  },
+
+  emits: inputtable.withEmits(),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit }),
+    }
+  },
+
+  watch: {
+    modelValue() {
+      setTimeout(this.resize);
+    },
+    size() {
+      setTimeout(this.resize);
+    },
+  },
+
+  mounted() {
+    this.resize();
+    window.addEventListener('resize', this.resize);
+  },
+
+  beforeUnmount() {
+    window.removeEventListener('resize', this.resize);
+  },
+
+  methods: {
+    onInput() {
+      this.resize();
+    },
+    onKeyDown(e) {
+      if (this.preventEnter && e.keyCode === 13) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        return
+      }
+    },
+    resize() {
+      if (this.adjustToText) {
+        const { focusRef } = this.$refs;
+
+        focusRef.style.height = '1px';
+        focusRef.style.height = (2 + focusRef.scrollHeight) + 'px';
+      }
+    },
+  },
+};
+
+module.exports = script;