@indielayer/ui 0.1.0 → 0.2.2

package/lib/esm/src/components/collapse/Collapse.vue.js

@@ -1,5 +0,0 @@
-import script from './Collapse.vue_vue&type=script&lang.js';
-export { default } from './Collapse.vue_vue&type=script&lang.js';
-import { render } from './Collapse.vue_vue&type=template&id=65032827&lang.js';
-
-script.render = render;

package/lib/esm/src/components/container/Container.vue.js

@@ -1,5 +0,0 @@
-import script from './Container.vue_vue&type=script&lang.js';
-export { default } from './Container.vue_vue&type=script&lang.js';
-import { render } from './Container.vue_vue&type=template&id=7b2991c1&lang.js';
-
-script.render = render;

package/lib/esm/src/components/container/Container.vue_vue&type=template&id=7b2991c1&lang.js

@@ -1,12 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.tag), mergeProps(_ctx.$attrs, { class: "container mx-auto px-4" }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16))
-}
-
-export { render };

package/lib/esm/src/components/divider/Divider.vue.js

@@ -1,5 +0,0 @@
-import script from './Divider.vue_vue&type=script&lang.js';
-export { default } from './Divider.vue_vue&type=script&lang.js';
-import { render } from './Divider.vue_vue&type=template&id=61c5e3d4&lang.js';
-
-script.render = render;

package/lib/esm/src/components/divider/Divider.vue_vue&type=template&id=61c5e3d4&lang.js

@@ -1,45 +0,0 @@
-import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
-    class: [[
-      {
-        'h-full flex-col': _ctx.$props.vertical,
-        'w-full': !_ctx.$props.vertical
-      },
-    ], "flex justify-center items-center"]
-  }), [
-    createElementVNode("div", {
-      class: "bg-gray-200 dark:bg-gray-600 flex-grow",
-      style: normalizeStyle([
-        {
-          width: _ctx.$props.vertical ? '1px' : 'auto',
-          height: !_ctx.$props.vertical ? '1px' : 'auto'
-        }
-      ])
-    }, null, 4),
-    (_ctx.$props.label)
-      ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["font-medium text-sm text-gray-600 dark:text-gray-300", [{
-        'my-2': _ctx.$props.vertical,
-        'mx-4': !_ctx.$props.vertical
-      }]]),
-          textContent: toDisplayString(_ctx.$props.label)
-        }, null, 10, _hoisted_1))
-      : createCommentVNode("", true),
-    createElementVNode("div", {
-      class: "bg-gray-200 dark:bg-gray-600 flex-grow",
-      style: normalizeStyle([
-        {
-          width: _ctx.$props.vertical ? '1px' : 'auto',
-          height: !_ctx.$props.vertical ? '1px' : 'auto'
-        }
-      ])
-    }, null, 4)
-  ], 16))
-}
-
-export { render };

package/lib/esm/src/components/form/Form.vue.js

@@ -1,5 +0,0 @@
-import script from './Form.vue_vue&type=script&lang.js';
-export { default } from './Form.vue_vue&type=script&lang.js';
-import { render } from './Form.vue_vue&type=template&id=341983a2&lang.js';
-
-script.render = render;

package/lib/esm/src/components/form/Form.vue_vue&type=script&lang.js

@@ -1,85 +0,0 @@
-var script = {
-  props: {
-    autoValidate: {
-      type: Boolean,
-      default: true,
-    },
-    autoFocus: {
-      type: Boolean,
-      default: true,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    apiErrors: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  watch: {
-    apiErrors(errors) {
-      this.$nextTick(() => {
-        errors.forEach((error) => {
-          this.$slots.default().every((vNode) => {
-            const vInstance = vNode.componentInstance;
-
-            if (vInstance) {
-              vInstance.errorInternal = error.msg;
-
-              return false
-            }
-
-            return true
-          });
-        });
-      });
-    },
-  },
-  mounted() {
-    if (this.autoFocus) {
-      this.$slots.default().every((vNode) => {
-        const vInstance = vNode.componentInstance;
-
-        if (vInstance && typeof vInstance.focus === 'function') {
-          vInstance.focus();
-
-          return false
-        }
-
-        return true
-      });
-    }
-  },
-  methods: {
-    submit(e) {
-      e.preventDefault();
-
-      const isFormValid = this.autoValidate ? this.validate() : true;
-
-      this.$emit('submit', isFormValid);
-    },
-    validate() {
-      let isFormValid = true;
-
-      this.$slots.default().forEach((vNode) => {
-        const vInstance = vNode.componentInstance;
-
-        if (vInstance && typeof vInstance.validate === 'function') {
-          const isInputValid = vInstance.validate();
-
-          if (!isInputValid && isFormValid) {
-            isFormValid = false;
-
-            // focus on input error
-            if (vInstance.focus) vInstance.focus();
-          }
-        }
-      });
-
-      return isFormValid
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/components/icon/Icon.vue.js

@@ -1,5 +0,0 @@
-import script from './Icon.vue_vue&type=script&lang.js';
-export { default } from './Icon.vue_vue&type=script&lang.js';
-import { render } from './Icon.vue_vue&type=template&id=2e35bbff&lang.js';
-
-script.render = render;

package/lib/esm/src/components/icon/Icon.vue_vue&type=template&id=2e35bbff&lang.js

@@ -1,28 +0,0 @@
-import { openBlock, createElementBlock, mergeProps, createElementVNode } from 'vue';
-
-const _hoisted_1 = ["innerHTML"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("svg", mergeProps({ class: "stroke-2 inline-block" }, _ctx.$attrs, {
-    class: [
-      {
-        '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',
-      },
-    ],
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), [
-    createElementVNode("g", {
-      innerHTML: $options.icons[_ctx.$props.icon] ? $options.icons[_ctx.$props.icon] : _ctx.$props.icon
-    }, null, 8, _hoisted_1)
-  ], 16))
-}
-
-export { render };

package/lib/esm/src/components/index.js

@@ -1,38 +0,0 @@
-export { default as Spacer } from './spacer/Spacer.vue.js';
-export { default as Avatar } from './avatar/Avatar.vue_vue&type=script&lang.js';
-export { default as Button } from './button/Button.vue_vue&type=script&lang.js';
-export { default as Card } from './card/Card.vue_vue&type=script&lang.js';
-export { default as Checkbox } from './checkbox/Checkbox.vue_vue&type=script&lang.js';
-export { default as Collapse } from './collapse/Collapse.vue_vue&type=script&lang.js';
-export { default as Container } from './container/Container.vue_vue&type=script&lang.js';
-export { default as Divider } from './divider/Divider.vue_vue&type=script&lang.js';
-export { default as Form } from './form/Form.vue_vue&type=script&lang.js';
-export { default as Icon } from './icon/Icon.vue_vue&type=script&lang.js';
-export { default as Input } from './input/Input.vue_vue&type=script&lang.js';
-export { default as Link } from './link/Link.vue_vue&type=script&lang.js';
-export { default as Modal } from './modal/Modal.vue_vue&type=script&lang.js';
-export { default as Note } from './note/Note.vue_vue&type=script&lang.js';
-export { default as Pagination } from './pagination/Pagination.vue_vue&type=script&lang.js';
-export { default as PaginationItem } from './pagination/PaginationItem.vue_vue&type=script&lang.js';
-export { default as Popover } from './popover/Popover.vue_vue&type=script&lang.js';
-export { default as PopoverContainer } from './popover/PopoverContainer.vue_vue&type=script&lang.js';
-export { default as PopoverItem } from './popover/PopoverItem.vue_vue&type=script&lang.js';
-export { default as Progress } from './progress/Progress.vue_vue&type=script&lang.js';
-export { default as Radio } from './radio/Radio.vue_vue&type=script&lang.js';
-export { default as Select } from './select/Select.vue_vue&type=script&lang.js';
-export { default as Spinner } from './spinner/Spinner.vue_vue&type=script&lang.js';
-export { default as Skeleton } from './skeleton/Skeleton.vue_vue&type=script&lang.js';
-export { default as StatusDot } from './status/StatusDot.vue_vue&type=script&lang.js';
-export { default as Table } from './table/Table.vue_vue&type=script&lang.js';
-export { default as TableBody } from './table/TableBody.vue_vue&type=script&lang.js';
-export { default as TableCell } from './table/TableCell.vue_vue&type=script&lang.js';
-export { default as TableHead } from './table/TableHead.vue_vue&type=script&lang.js';
-export { default as TableHeader } from './table/TableHeader.vue_vue&type=script&lang.js';
-export { default as TableRow } from './table/TableRow.vue_vue&type=script&lang.js';
-export { default as Tab } from './tabs/Tab.vue_vue&type=script&lang.js';
-export { default as Tabs } from './tabs/Tabs.vue_vue&type=script&lang.js';
-export { default as Tag } from './tag/Tag.vue_vue&type=script&lang.js';
-export { default as Textarea } from './textarea/Textarea.vue_vue&type=script&lang.js';
-export { default as Toast } from './toast/Toast.vue_vue&type=script&lang.js';
-export { default as Toggle } from './toggle/Toggle.vue_vue&type=script&lang.js';
-export { default as Tooltip } from './tooltip/Tooltip.vue_vue&type=script&lang.js';

package/lib/esm/src/components/input/Input.vue.js

@@ -1,5 +0,0 @@
-import script from './Input.vue_vue&type=script&lang.js';
-export { default } from './Input.vue_vue&type=script&lang.js';
-import { render } from './Input.vue_vue&type=template&id=046941e3&lang.js';
-
-script.render = render;

package/lib/esm/src/components/input/Input.vue_vue&type=script&lang.js

@@ -1,208 +0,0 @@
-var script = {
-  name: 'XInput',
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    showPasswordToggle: {
-      type: Boolean,
-      default: true,
-    },
-
-    validateOnInput: {
-      type: Boolean,
-      default: true,
-    },
-
-    hideDetails: {
-      type: Boolean,
-      default: false,
-    },
-
-    label: {
-      type: String,
-      default: '',
-    },
-
-    iconRight: {
-      type: Boolean,
-      default: false,
-    },
-
-    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,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    readonly: {
-      type: Boolean,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    type: {
-      type: String,
-      default: 'text',
-    },
-
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    inputClass: {
-      type: String,
-      default: '',
-    },
-
-    value: {
-      type: [String, Number],
-      default: null,
-    },
-
-    error: {
-      type: String,
-      default: '',
-    },
-
-    rules: {
-      type: Array,
-      default: () => [],
-    },
-  },
-
-  data() {
-    return {
-      isFirstValidation: true,
-      currentType: this.type,
-      errorInternal: this.error,
-    }
-  },
-
-  computed: {
-    listeners() {
-      return {
-        // Add listeners from parent
-        ...this.$attrs,
-        // Ensure that the component works with v-model
-        blur: (event) => this.$emit('blur', event),
-        focus: (event) => this.$emit('focus', event),
-        input: (event) => {
-          if (this.validateOnInput && !this.isFirstValidation) this.validate(event.target.value);
-          this.$emit('input', event.target.value);
-        },
-        change: (event) => this.$emit('change', event),
-      }
-    },
-  },
-
-  watch: {
-    error(val) {
-      this.errorInternal = val;
-    },
-  },
-
-  methods: {
-    onChange(e) {
-      if (this.type === 'number') {
-        if (this.min !== null) {
-          if (e.target.value < this.min) e.target.value = this.min;
-        }
-
-        if (this.max !== null) {
-          if (e.target.value > this.max) e.target.value = this.max;
-        }
-      }
-    },
-    togglePasswordVisibility() {
-      this.currentType = this.currentType === 'password' ? 'text' : 'password';
-      // this.$refs.input.setAttribute('type', this.currentType)
-    },
-    reset() {
-      this.errorInternal = '';
-      this.isFirstValidation = true;
-      this.$emit('input', '');
-    },
-    focus() {
-      this.$refs.input.focus();
-    },
-    validate(val) {
-      val = val || this.value;
-
-      this.isFirstValidation = false;
-
-      for (let i = 0; i < this.rules.length; i++) {
-        const item = this.rules[i];
-
-        let isValid = true;
-
-        // Direct Function
-        if (typeof item === 'function') {
-          const rule = item;
-
-          isValid = rule(val);
-        } else if (Array.isArray(item) && item.length === 2) {
-          // Rule array [function, options]
-          const { 0: rule, 1: options } = item;
-
-          isValid = rule(val, options);
-        } else {
-          // Rule object { fn, options }
-          const rule = item.fn;
-          const { options } = item;
-
-          isValid = rule(val, options);
-        }
-
-        if (isValid !== true) {
-          this.errorInternal = isValid;
-
-          return false
-        }
-      }
-
-      this.errorInternal = '';
-
-      return true
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/components/link/Link.vue.js

@@ -1,5 +0,0 @@
-import script from './Link.vue_vue&type=script&lang.js';
-export { default } from './Link.vue_vue&type=script&lang.js';
-import { render } from './Link.vue_vue&type=template&id=cd8b503c&lang.js';
-
-script.render = render;

package/lib/esm/src/components/modal/Modal.vue.js

@@ -1,5 +0,0 @@
-import script from './Modal.vue_vue&type=script&lang.js';
-export { default } from './Modal.vue_vue&type=script&lang.js';
-import { render } from './Modal.vue_vue&type=template&id=31c76cbc&lang.js';
-
-script.render = render;

package/lib/esm/src/components/note/Note.vue.js

@@ -1,5 +0,0 @@
-import script from './Note.vue_vue&type=script&lang.js';
-export { default } from './Note.vue_vue&type=script&lang.js';
-import { render } from './Note.vue_vue&type=template&id=ea427b4c&lang.js';
-
-script.render = render;

package/lib/esm/src/components/note/Note.vue_vue&type=script&lang.js

@@ -1,34 +0,0 @@
-const validator = {
-  variant: [
-    'info',
-    'error',
-    'success',
-    'warning',
-  ],
-};
-
-var script = {
-  name: 'XNote',
-
-  validator,
-
-  props: {
-    filled: {
-      type: Boolean,
-      default: false,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-
-    variant: {
-      type: String,
-      default: 'info',
-      validator: (value) => validator.variant.includes(value),
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/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=0f4659a9&lang.js';
-
-script.render = render;

package/lib/esm/src/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/src/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=3d4ab1ae&lang.js';
-import './Popover.vue_vue&type=style&index=0&id=3d4ab1ae&lang.css.js';
-
-script.render = render;

package/lib/esm/src/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=c3f5df12&lang.js';
-
-script.render = render;

package/lib/esm/src/components/popover/PopoverContainer.vue_vue&type=template&id=c3f5df12&lang.js

@@ -1,12 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), mergeProps(_ctx.$attrs, { 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
-  }, 16))
-}
-
-export { render };

package/lib/esm/src/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=33f77d45&lang.js';
-
-script.render = render;

package/lib/esm/src/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=a5bfeb16&lang.js';
-
-script.render = render;

package/lib/esm/src/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=7736acd0&lang.js';
-
-script.render = render;

package/lib/esm/src/components/radio/Radio.vue_vue&type=script&lang.js

@@ -1,74 +0,0 @@
-var script = {
-  name: 'XRadio',
-
-  model: {
-    prop: 'options',
-    event: 'change',
-  },
-
-  props: {
-    bordered: {
-      type: Boolean,
-      default: false,
-    },
-
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    options: {
-      type: [String, Number, Boolean, Function, Object, Array],
-      default: null,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    required: {
-      type: Boolean,
-      default: false,
-    },
-
-    value: {
-      type: [String, Number, Boolean, Function, Object, Array],
-      default: null,
-    },
-  },
-
-  computed: {
-    checked() {
-      return this.options === this.value
-    },
-
-    selected: {
-      get() {
-        return this.options
-      },
-
-      set(val) {
-        this.$emit('change', val);
-      },
-    },
-  },
-
-  methods: {
-    focus() {
-      this.$refs.input.focus();
-    },
-  },
-};
-
-export { script as default };