@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/esm/components/table/TableBody.vue_vue_type_template_id_fd21b336_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,5 +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_6b8d1953_lang.js';
-
-script.render = render;

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_6b8d1953_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))
-}
-
-export { render };

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

@@ -1,5 +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_c753405c_lang.js';
-
-script.render = render;

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_c753405c_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,5 +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_20f1eb1e_lang.js';
-
-script.render = render;

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_20f1eb1e_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);
-const _hoisted_4 = /*#__PURE__*/createElementVNode("polyline", { points: "19 12 12 19 5 12" }, null, -1);
-const _hoisted_5 = /*#__PURE__*/createElementVNode("line", {
-  x1: "12",
-  y1: "19",
-  x2: "12",
-  y2: "5"
-}, null, -1);
-const _hoisted_6 = /*#__PURE__*/createElementVNode("polyline", { points: "5 12 12 5 19 12" }, null, -1);
-
-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))
-                  : createCommentVNode("", true),
-                ($props.sort === 1)
-                  ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      _hoisted_5,
-                      _hoisted_6
-                    ], 64))
-                  : createCommentVNode("", true)
-              ]))
-            : createCommentVNode("", true)
-        ]))
-      : renderSlot(_ctx.$slots, "default", { key: 1 })
-  ], 2))
-}
-
-export { render };

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

@@ -1,5 +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_75239b39_lang.js';
-
-script.render = render;

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_75239b39_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))
-}
-
-export { render };

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

@@ -1,5 +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_3ad17bb5_lang.js';
-
-script.render = render;

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_3ad17bb5_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
-  }, 8, ["to", "class", "aria-disabled", "aria-selected", "onClick"]))
-}
-
-export { render };

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

@@ -1,5 +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_4f5b59bd_lang.js';
-
-script.render = render;

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_4f5b59bd_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
-  }))
-}
-
-export { render };

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

@@ -1,5 +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_3d8994a5_lang.js';
-
-script.render = render;

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 };

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

@@ -1,73 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "flex items-center"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("line", {
-  x1: "18",
-  y1: "6",
-  x2: "6",
-  y2: "18"
-}, null, -1);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("line", {
-  x1: "6",
-  y1: "6",
-  x2: "18",
-  y2: "18"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: 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: withCtx(() => [
-      ($props.removable)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default"),
-            (openBlock(), 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))
-          ]))
-        : renderSlot(_ctx.$slots, "default", { key: 1 })
-    ]),
-    _: 3
-  }, 8, ["class"]))
-}
-
-export { render };

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

@@ -1,5 +0,0 @@
-import script from './Textarea.vue_vue_type_script_lang.js';
-export { default } from './Textarea.vue_vue_type_script_lang.js';
-import { render } from './Textarea.vue_vue_type_template_id_6ebcc37a_lang.js';
-
-script.render = render;