@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/esm/components/pagination/Pagination.vue.js

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

package/lib/esm/components/pagination/Pagination.vue_vue_type_script_lang.js

@@ -1,41 +0,0 @@
-import './PaginationItem.vue.js';
-import script$1 from './PaginationItem.vue_vue_type_script_lang.js';
-
-var script = {
-  components: {
-    XPaginationItem: script$1,
-  },
-  props: {
-    totalPages: {
-      type: Number,
-      default: 1,
-    },
-    modelValue: {
-      type: Number,
-      default: 1,
-    },
-    size: {
-      type: String,
-      default: null,
-    },
-    links: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    pages() {
-      if (this.totalPages === 3) return [2]
-      if (this.totalPages > 2) {
-        if (this.modelValue === 1 || this.modelValue === 2) return [2, 3]
-        if (this.modelValue === this.totalPages || this.modelValue === this.totalPages - 1) return [this.totalPages - 2, this.totalPages - 1]
-
-        return [this.modelValue - 1, this.modelValue, this.modelValue + 1]
-      }
-
-      return []
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/pagination/Pagination.vue_vue_type_template_id_7b1569fe_lang.js

@@ -1,50 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
-
-const _hoisted_1 = { class: "flex items-end" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_pagination_item = resolveComponent("x-pagination-item");
-
-  return (openBlock(), createElementBlock("ul", _hoisted_1, [
-    createVNode(_component_x_pagination_item, {
-      value: 1,
-      links: $props.links,
-      size: $props.size,
-      selected: $props.modelValue === 1,
-      class: "mr-1",
-      onInput: _cache[0] || (_cache[0] = (value) => _ctx.$emit('update:modelValue', value))
-    }, null, 8, ["links", "size", "selected"]),
-    ($props.totalPages > 3 && $props.modelValue > 3)
-      ? (openBlock(), createElementBlock("span", _hoisted_2, "..."))
-      : createCommentVNode("", true),
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pages, (i) => {
-      return (openBlock(), createBlock(_component_x_pagination_item, {
-        key: i,
-        class: "mx-1",
-        value: i,
-        links: $props.links,
-        size: $props.size,
-        selected: $props.modelValue === i,
-        onInput: _cache[1] || (_cache[1] = (value) => _ctx.$emit('update:modelValue', value))
-      }, null, 8, ["value", "links", "size", "selected"]))
-    }), 128)),
-    ($props.totalPages > 3 && $props.modelValue < $props.totalPages - 2)
-      ? (openBlock(), createElementBlock("span", _hoisted_3, "..."))
-      : createCommentVNode("", true),
-    ($props.totalPages > 1)
-      ? (openBlock(), createBlock(_component_x_pagination_item, {
-          key: 2,
-          value: $props.totalPages,
-          links: $props.links,
-          size: $props.size,
-          class: "ml-1",
-          selected: $props.modelValue === $props.totalPages,
-          onInput: _cache[2] || (_cache[2] = (value) => _ctx.$emit('update:modelValue', value))
-        }, null, 8, ["value", "links", "size", "selected"]))
-      : createCommentVNode("", true)
-  ]))
-}
-
-export { render };

package/lib/esm/components/pagination/PaginationItem.vue.js

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

package/lib/esm/components/pagination/PaginationItem.vue_vue_type_script_lang.js

@@ -1,22 +0,0 @@
-var script = {
-  props: {
-    value: {
-      type: Number,
-      default: 0,
-    },
-    selected: {
-      type: Boolean,
-      default: false,
-    },
-    size: {
-      type: String,
-      default: null,
-    },
-    links: {
-      type: Boolean,
-      default: false,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/pagination/PaginationItem.vue_vue_type_template_id_a1d67888_lang.js

@@ -1,23 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_button = resolveComponent("x-button");
-
-  return (openBlock(), createElementBlock("li", null, [
-    createVNode(_component_x_button, {
-      to: $props.links ? `?page=${$props.value}` : null,
-      size: $props.size,
-      class: "mx-1 min-w-[32px]",
-      outlined: !$props.selected,
-      color: $props.selected ? 'primary' : 'none',
-      onClick: _cache[0] || (_cache[0] = $event => (!$props.selected ? _ctx.$emit('input', $props.value) : null))
-    }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString($props.value), 1)
-      ]),
-      _: 1
-    }, 8, ["to", "size", "outlined", "color"])
-  ]))
-}
-
-export { render };

package/lib/esm/components/popover/Popover.vue.js

@@ -1,6 +0,0 @@
-import script from './Popover.vue_vue_type_script_lang.js';
-export { default } from './Popover.vue_vue_type_script_lang.js';
-import { render } from './Popover.vue_vue_type_template_id_ef94d0dc_lang.js';
-import './Popover.vue_vue_type_style_index_0_id_ef94d0dc_lang.css.js';
-
-script.render = render;

package/lib/esm/components/popover/Popover.vue_vue_type_script_lang.js

@@ -1,70 +0,0 @@
-const validator = {
-  align: [
-    'bottom',
-    'center',
-    'left',
-    'right',
-    'top',
-  ],
-  position: [
-    'bottom',
-    'left',
-    'right',
-    'top',
-  ],
-};
-
-var script = {
-  name: 'XPopover',
-
-  validator,
-
-  props: {
-    align: {
-      type: String,
-      default: 'center',
-      validator: (value) => validator.align.includes(value),
-    },
-
-    hover: {
-      type: Boolean,
-      default: false,
-    },
-
-    dismissible: {
-      type: Boolean,
-      default: true,
-    },
-
-    position: {
-      default: 'bottom',
-      type: String,
-      validator: (value) => validator.position.includes(value),
-    },
-  },
-
-  data() {
-    return {
-      isOpen: false,
-    }
-  },
-
-  methods: {
-    close() {
-      this.isOpen = false;
-      this.$emit('close');
-    },
-
-    open() {
-      this.isOpen = true;
-      this.$emit('open');
-    },
-
-    toggle() {
-      this.isOpen = !this.isOpen;
-      this.$emit('toggle', this.isOpen);
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/Popover.vue_vue_type_style_index_0_id_ef94d0dc_lang.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "\n.xpopover-content {\n  visibility: hidden;\n  transition-duration: .1s;\n  transition-timing-function: cubic-bezier(.4,0,1,1);\n}\n.xpopover-top {\n  --tw-translate-y: 0.5rem;\n}\n.xpopover-right {\n  --tw-translate-x: -0.5rem;\n}\n.xpopover-bottom {\n  --tw-translate-y: -0.25rem;\n}\n.xpopover-left {\n  --tw-translate-x: 0.5rem;\n}\n.xpopover.hover:hover .xpopover-content,\n.xpopover.is-open .xpopover-content {\n  visibility: visible;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(0,0,.2,1);\n}\n.xpopover.hover:hover .xpopover-top,\n.xpopover.is-open .xpopover-top {\n  --tw-translate-y: 0.25rem;\n}\n.xpopover.hover:hover .xpopover-right,\n.xpopover.is-open .xpopover-right {\n  --tw-translate-x: 0px;\n}\n.xpopover.hover:hover .xpopover-bottom,\n.xpopover.is-open .xpopover-bottom {\n  --tw-translate-y: 0.25rem;\n}\n.xpopover.hover:hover .xpopover-left,\n.xpopover.is-open .xpopover-left {\n  --tw-translate-x: 0px;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/lib/esm/components/popover/Popover.vue_vue_type_template_id_ef94d0dc_lang.js

@@ -1,59 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, withModifiers, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["inline-block relative xpopover", [
-      { 'hover': $props.hover,
-        'is-open': $data.isOpen,
-      },
-      _ctx.$attrs.class,
-      _ctx.$attrs.staticClass,
-    ]])
-  }, [
-    createElementVNode("div", {
-      class: "flex",
-      onClick: _cache[0] || (_cache[0] = $event => (!$props.hover ? $options.toggle() : null))
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    (!$props.hover)
-      ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["fixed inset-0 opacity-0 z-40", [$data.isOpen ? 'visible' : 'invisible']]),
-          onClick: _cache[1] || (_cache[1] = withModifiers($event => ($options.close()), ["self"]))
-        }, null, 2))
-      : createCommentVNode("", true),
-    createElementVNode("div", {
-      class: normalizeClass(["absolute w-fit bottom-0 left-0 right-0 sm:p-0 transform transition-transform z-50 xpopover-content whitespace-nowrap max-w-xs", [
-        {
-          // align-left
-          'left-0 right-auto': $props.align === 'left' && ['bottom', 'top'].includes($props.position),
-          // align-center
-          'left-1/2 right-auto -translate-x-1/2': $props.align === 'center' && ['bottom', 'top'].includes($props.position),
-          // align-right
-          'right-0 left-auto': $props.align === 'right' && ['bottom', 'top'].includes($props.position),
-          // align-top
-          'top-0 bottom-auto': $props.align === 'top' && ['left', 'right'].includes($props.position),
-          // align-middle
-          '-translate-y-1/2 top-1/2 bottom-auto': $props.align === 'center' && ['left', 'right'].includes($props.position),
-          // align-bottom
-          'bottom-0': $props.align === 'bottom' && ['left', 'right'].includes($props.position),
-
-          // position-top
-          'xpopover-top bottom-full pb-2': $props.position === 'top',
-          // position-right
-          'xpopover-right left-full pl-2': $props.position === 'right',
-          // position-bottom
-          'xpopover-bottom top-full bottom-0': $props.position === 'bottom',
-          // position-left
-          'xpopover-left right-full left-auto pr-2': $props.position === 'left',
-        }
-      ]]),
-      onClick: _cache[2] || (_cache[2] = $event => ($props.dismissible ? $options.close() : null))
-    }, [
-      renderSlot(_ctx.$slots, "content")
-    ], 2)
-  ], 2))
-}
-
-export { render };

package/lib/esm/components/popover/PopoverContainer.vue.js

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

package/lib/esm/components/popover/PopoverContainer.vue_vue_type_script_lang.js

@@ -1,19 +0,0 @@
-var script = {
-  name: 'XPopoverContainer',
-
-  props: {
-    tag: {
-      default: 'div',
-      type: String,
-    },
-  },
-
-  created() {
-    if (this.$parent.$options.name !== 'XPopover') {
-      this.$destroy();
-      throw new Error('PopoverContainer must be wrap with Popover')
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/PopoverContainer.vue_vue_type_template_id_49e694b6_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: "inline-block w-full bg-white dark:bg-gray-700 shadow-lg rounded-md border-t border border-gray-200 dark:border-gray-800" }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }))
-}
-
-export { render };

package/lib/esm/components/popover/PopoverItem.vue.js

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

package/lib/esm/components/popover/PopoverItem.vue_vue_type_script_lang.js

@@ -1,32 +0,0 @@
-const validator = {
-  variant: [
-    'base',
-    'error',
-  ],
-};
-
-var script = {
-  name: 'XPopoverItem',
-
-  validator,
-
-  props: {
-    disabled: {
-      default: false,
-      type: Boolean,
-    },
-
-    variant: {
-      default: 'base',
-      type: String,
-      validator: (value) => validator.variant.includes(value),
-    },
-
-    tag: {
-      default: 'div',
-      type: String,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/PopoverItem.vue_vue_type_template_id_f493838c_lang.js

@@ -1,46 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "inline-flex items-center mr-2"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "inline-flex items-center ml-1"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: normalizeClass(["px-2 py-1 block rounded transition-colors duration-100 ease-in-out whitespace-nowrap", [
-      {
-        'flex items-center': _ctx.$slots.prefix || _ctx.$slots.suffix,
-        'hover:bg-gray-100 dark:hover:bg-gray-800': $props.variant === 'base' && !$props.disabled,
-        'hover:text-error-500 hover:bg-error-50': $props.variant === 'error' && !$props.disabled,
-        'opacity-70': $props.disabled,
-        'cursor-pointer': !$props.disabled,
-      },
-
-    ]])
-  }, {
-    default: withCtx(() => [
-      (_ctx.$slots.prefix)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "prefix")
-          ]))
-        : createCommentVNode("", true),
-      createElementVNode("span", {
-        class: normalizeClass({ 'flex-1': _ctx.$slots.prefix || _ctx.$slots.suffix })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2),
-      (_ctx.$slots.suffix)
-        ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            renderSlot(_ctx.$slots, "suffix")
-          ]))
-        : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 8, ["class"]))
-}
-
-export { render };

package/lib/esm/components/progress/Progress.vue.js

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

package/lib/esm/components/progress/Progress.vue_vue_type_script_lang.js

@@ -1,60 +0,0 @@
-const validator = {
-  variant: [
-    'bar',
-    'circle',
-    'score',
-  ],
-};
-
-var script = {
-  name: 'XProgress',
-
-  validator,
-
-  props: {
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    percentage: {
-      type: Number,
-      default: 0,
-      validator: (val) => val >= 0 && val <= 100,
-    },
-
-    scoreLength: {
-      type: Number,
-      default: 3,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-
-    variant: {
-      type: String,
-      default: 'bar',
-      validator: (value) => validator.variant.includes(value),
-    },
-  },
-
-  computed: {
-    circleProgress() {
-      const progressLimit = 251;
-
-      return (progressLimit / 100) * this.percentage
-    },
-  },
-
-  methods: {
-    isScoreActive(item) {
-      if (this.percentage > (item - 1) * (100 / this.scoreLength)) return true
-
-      return false
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/progress/Progress.vue_vue_type_template_id_73a39445_lang.js

@@ -1,73 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, Fragment, renderList } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "rounded-lg bg-gray-200 dark:bg-gray-700 overflow-hidden"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "transform -rotate-90",
-  viewBox: "0 0 100 100"
-};
-const _hoisted_3 = /*#__PURE__*/createElementVNode("circle", {
-  class: "text-gray-200 dark:text-gray-700",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  "stroke-width": "4",
-  fill: "none",
-  cx: "50",
-  cy: "50",
-  r: "40"
-}, null, -1);
-const _hoisted_4 = {
-  key: 2,
-  class: "space-x-1 inline-block"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), { class: "w-full" }, {
-    default: withCtx(() => [
-      ($props.variant === 'bar')
-        ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", {
-              class: normalizeClass(["h-2 rounded-lg transition-all duration-200", [`bg-${$props.color}-500`]]),
-              style: normalizeStyle({
-          width: `${$props.percentage}%`,
-        })
-            }, null, 6)
-          ]))
-        : createCommentVNode("", true),
-      ($props.variant === 'circle')
-        ? (openBlock(), createElementBlock("svg", _hoisted_2, [
-            _hoisted_3,
-            createElementVNode("circle", {
-              class: normalizeClass(["transition-all duration-200", [`text-${$props.color}-500`]]),
-              style: normalizeStyle({ strokeDasharray: `${$options.circleProgress} 252` }),
-              stroke: "currentColor",
-              "stroke-linejoin": "round",
-              "stroke-linecap": "round",
-              "stroke-width": "4",
-              fill: "none",
-              cx: "50",
-              cy: "50",
-              r: "40"
-            }, null, 6)
-          ]))
-        : createCommentVNode("", true),
-      ($props.variant === 'score')
-        ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.scoreLength, (index) => {
-              return (openBlock(), createElementBlock("div", {
-                key: index,
-                class: normalizeClass(["rounded-sm h-2 w-3 inline-block", $options.isScoreActive(index) ? [`bg-${$props.color}-500`]: ['bg-gray-200 dark:bg-gray-700']])
-              }, null, 2))
-            }), 128))
-          ]))
-        : createCommentVNode("", true)
-    ]),
-    _: 1
-  }))
-}
-
-export { render };

package/lib/esm/components/radio/Radio.vue.js

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

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

@@ -1,59 +0,0 @@
-import { withValidator, withProps, withEmits, useInputtable } from '../../composables/inputtable.js';
-import '../spinner/Spinner.vue.js';
-import script$1 from '../spinner/Spinner.vue_vue_type_script_lang.js';
-
-var script = {
-  name: 'XRadio',
-  components: {
-    XSpinner: script$1,
-  },
-
-  validator: {
-    ...withValidator(),
-  },
-
-  props: {
-    ...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: withEmits(false),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...useInputtable(props, { attrs, emit, useListeners: false }),
-    }
-  },
-
-  computed: {
-    selected: {
-      get() {
-        return this.value === this.modelValue
-      },
-
-      set() {
-        this.$emit('update:modelValue', this.value);
-      },
-    },
-  },
-};
-
-export { script as default };