@indielayer/ui 0.2.4 → 1.0.0-alpha.3

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

@@ -1,24 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XStatusDot',
-
-  props: {
-    animate: {
-      type: Boolean,
-      default: false,
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-  },
-};
-
-module.exports = script;

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

@@ -1,25 +0,0 @@
-'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,9 +0,0 @@
-'use strict';
-
-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_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

@@ -1,117 +0,0 @@
-'use strict';
-
-require('./TableHead.vue.js');
-require('./TableHeader.vue.js');
-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 script = {
-  name: 'XTable',
-
-  components: {
-    TableHead: TableHead_vue_vue_type_script_lang,
-    TableHeader: TableHeader_vue_vue_type_script_lang,
-    TableBody: TableBody_vue_vue_type_script_lang,
-    TableRow: TableRow_vue_vue_type_script_lang,
-    TableCell: TableCell_vue_vue_type_script_lang,
-    XSpinner: Spinner_vue_vue_type_script_lang,
-  },
-
-  props: {
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-
-    headers: {
-      type: Array,
-      default: () => [],
-    },
-
-    items: {
-      type: Array,
-      default: () => [],
-    },
-
-    sort: {
-      type: Array,
-      default: () => [],
-    },
-
-    dense: {
-      type: Boolean,
-      default: false,
-    },
-
-    fixed: {
-      type: Boolean,
-      default: false,
-    },
-
-    scrollable: {
-      type: Boolean,
-      default: true,
-    },
-
-    stickyHeader: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  methods: {
-    getSort(headerValue, sort) {
-      for (let i = 0; i < sort.length; i++) {
-        const { 0: value, 1: order } = sort[i].split(',');
-
-        if (headerValue === value) return parseInt(order)
-      }
-
-      return null
-    },
-    sortHeader(header) {
-      // update sort array
-      const sort = this.sort.slice(0);
-      let exists = false;
-
-      for (let i = 0; i < sort.length; i++) {
-        const { 0: value, 1: order } = sort[i].split(',');
-
-        if (value === header.value) {
-          exists = true;
-
-          if (order === '-1') {
-            // update position to 1
-            sort.splice(i, 1, `${header.value},1`);
-            break
-          } else if (order === '1') {
-            // delete position
-            sort.splice(i, 1);
-            break
-          }
-        }
-      }
-
-      if (!exists) sort.push(`${header.value},-1`);
-
-      this.$emit('update:sort', sort);
-    },
-    getPath(obj, path, defValue) {
-      if (!path) return undefined
-      const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
-      const result = pathArray.reduce((prevObj, key) => prevObj && prevObj[key], obj);
-
-      return result === undefined ? defValue : result
-    },
-  },
-};
-
-module.exports = script;

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

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 = vue.resolveComponent("table-header");
-  const _component_table_head = vue.resolveComponent("table-head");
-  const _component_table_cell = vue.resolveComponent("table-cell");
-  const _component_table_row = vue.resolveComponent("table-row");
-  const _component_table_body = vue.resolveComponent("table-body");
-  const _component_x_spinner = vue.resolveComponent("x-spinner");
-
-  return (vue.openBlock(), vue.createElementBlock("table", {
-    class: vue.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,
-      }
-    ]])
-  }, [
-    vue.createVNode(_component_table_head, null, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.headers, (header, index) => {
-          return (vue.openBlock(), vue.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: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(header.text), 1 /* TEXT */)
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["sticky-header", "text-align", "sort", "sortable", "onClick"]))
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 1 /* STABLE */
-    }),
-    vue.createVNode(_component_table_body, null, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.items, (item, index) => {
-          return (vue.openBlock(), vue.createBlock(_component_table_row, {
-            key: index,
-            clickable: "",
-            onClick: $event => (_ctx.$emit('click-row', item))
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.headers, (header, index2) => {
-                return (vue.openBlock(), vue.createBlock(_component_table_cell, {
-                  key: index2,
-                  "text-align": header.align,
-                  dense: $props.dense,
-                  fixed: $props.fixed
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, `item-${header.value}`, { item: item }, () => [
-                      vue.createTextVNode(vue.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)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(_component_x_spinner, { size: "lg" })
-        ]))
-      : vue.createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_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/TableBody.vue_vue_type_script_lang.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XTableBody',
-};
-
-module.exports = script;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("tbody", null, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ]))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_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_script_lang.js

@@ -1,63 +0,0 @@
-'use strict';
-
-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');
-    }
-  },
-};
-
-module.exports = script;

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

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("td", {
-    class: vue.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,
-      },
-    ]])
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2 /* CLASS */))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_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/TableHead.vue_vue_type_script_lang.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XTableHead',
-};
-
-module.exports = script;

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

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1, [
-    vue.createElementVNode("tr", _hoisted_2, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ])
-  ]))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_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_script_lang.js

@@ -1,48 +0,0 @@
-'use strict';
-
-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,
-    },
-  },
-};
-
-module.exports = script;

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

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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__*/vue.createElementVNode("line", {
-  x1: "12",
-  y1: "5",
-  x2: "12",
-  y2: "19"
-}, 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 /* 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", {
-    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,
-        //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)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "default"),
-          ([1, -1].includes($props.sort))
-            ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, [
-                ($props.sort === -1)
-                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      _hoisted_3,
-                      _hoisted_4
-                    ], 64 /* STABLE_FRAGMENT */))
-                  : vue.createCommentVNode("v-if", true),
-                ($props.sort === 1)
-                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                      _hoisted_5,
-                      _hoisted_6
-                    ], 64 /* STABLE_FRAGMENT */))
-                  : vue.createCommentVNode("v-if", true)
-              ]))
-            : vue.createCommentVNode("v-if", true)
-        ]))
-      : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-  ], 2 /* CLASS */))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_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_script_lang.js

@@ -1,33 +0,0 @@
-'use strict';
-
-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),
-    },
-  },
-};
-
-module.exports = script;

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

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  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
-        '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',
-      },
-    ]])
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2 /* CLASS */))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-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_3cfc6374_lang.render;
-Tab_vue_vue_type_script_lang.__file = "src/components/tabs/Tab.vue";
-
-module.exports = Tab_vue_vue_type_script_lang;