@indielayer/ui 0.1.1 → 0.2.3

package/lib/esm/components/select/Select.vue_vue&type=script&lang.js

@@ -1,148 +0,0 @@
-var script = {
-  name: 'XSelect',
-
-  props: {
-    disabled: {
-      default: false,
-      type: Boolean,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    validateOnInput: {
-      type: Boolean,
-      default: true,
-    },
-
-    hideDetails: {
-      type: Boolean,
-      default: false,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    readonly: {
-      type: Boolean,
-      default: null,
-    },
-
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    value: {
-      type: [String, Number],
-      default: null,
-    },
-
-    error: {
-      type: String,
-      default: '',
-    },
-
-    rules: {
-      type: Array,
-      default: () => [],
-    },
-  },
-
-  data() {
-    return {
-      isFirstValidation: true,
-      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);
-          this.$emit('select', event.target.value);
-        },
-      }
-    },
-  },
-
-  watch: {
-    error(val) {
-      this.errorInternal = val;
-    },
-  },
-
-  methods: {
-    reset() {
-      this.errorInternal = '';
-      this.isFirstValidation = true;
-      this.$emit('input', '');
-      this.$emit('select', '');
-    },
-    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/components/select/Select.vue_vue&type=template&id=6ccf0009&lang.js

@@ -1,93 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, mergeProps, toHandlers, renderSlot } from 'vue';
-
-const _hoisted_1 = ["textContent"];
-const _hoisted_2 = { class: "relative" };
-const _hoisted_3 = ["disabled", "name", "readonly", "value"];
-const _hoisted_4 = {
-  key: 0,
-  disabled: "",
-  value: ""
-};
-const _hoisted_5 = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2" };
-const _hoisted_6 = /*#__PURE__*/createElementVNode("path", { d: "M18 8L12 2L6 8" }, null, -1);
-const _hoisted_7 = /*#__PURE__*/createElementVNode("path", { d: "M18 16L12 22L6 16" }, null, -1);
-const _hoisted_8 = [
-  _hoisted_6,
-  _hoisted_7
-];
-const _hoisted_9 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", {
-    class: normalizeClass(["block mb-1 relative", $props.hideDetails ? 'pb-2' : 'pb-6'])
-  }, [
-    ($props.label)
-      ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          class: normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
-        'text-xs': $props.size === 'xs',
-        'text-sm': $props.size === 'sm',
-        'text-lg': $props.size === 'lg',
-        'text-xl': $props.size === 'xl',
-      }]),
-          textContent: toDisplayString($props.label)
-        }, null, 10, _hoisted_1))
-      : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("select", mergeProps({
-        ref: "input",
-        class: ["block appearance-none w-full border border-gray-300 dark:border-gray-700 pr-8 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out", [
-          $props.disabled
-            ? 'bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 cursor-not-allowed'
-            : 'bg-white dark:bg-gray-900',
-          {
-            // shadow
-            'border shadow': !$props.flat,
-
-            // 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',
-          },
-          {
-            'text-gray-700 dark:text-gray-200': $props.value === '' || $props.value === null,
-
-            // error
-            'border-error-500 focus:border-error-500 dark:focus:border-error-500': $data.errorInternal,
-          },
-        ]],
-        disabled: $props.disabled,
-        name: $props.name,
-        readonly: $props.readonly,
-        value: $props.value
-      }, toHandlers($options.listeners)), [
-        ($props.placeholder)
-          ? (openBlock(), createElementBlock("option", _hoisted_4, toDisplayString($props.placeholder), 1))
-          : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_3),
-      createElementVNode("div", _hoisted_5, [
-        (openBlock(), createElementBlock("svg", {
-          class: normalizeClass(["h-4 w-4 stroke-2", [$props.disabled ? 'text-gray-600 dark:text-gray-400': 'text-gray-700 dark:text-gray-300']]),
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          "stroke-linejoin": "round",
-          "stroke-linecap": "round",
-          fill: "none"
-        }, _hoisted_8, 2))
-      ])
-    ]),
-    ($data.errorInternal)
-      ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString($data.errorInternal)
-        }, null, 8, _hoisted_9))
-      : createCommentVNode("", true)
-  ], 2))
-}
-
-export { render };

package/lib/esm/components/skeleton/Skeleton.vue_vue&type=template&id=f4226afe&lang.js

@@ -1,18 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode } from 'vue';
-
-const _hoisted_1 = /*#__PURE__*/createTextVNode(" ​ ");
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.tag), mergeProps(_ctx.$attrs, {
-    class: ["animate-pulse bg-gray-300 dark:bg-gray-600", [
-      _ctx.$props.rounded ? 'rounded-full' : 'rounded-sm',
-    ]]
-  }), {
-    default: withCtx(() => [
-      _hoisted_1
-    ]),
-    _: 1
-  }, 16, ["class"]))
-}
-
-export { render };

package/lib/esm/components/status/StatusDot.vue_vue&type=template&id=75d1a520&lang.js

@@ -1,36 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, createCommentVNode, createElementVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.tag), mergeProps(_ctx.$attrs, { class: "inline-block relative h-3 w-3" }), {
-    default: withCtx(() => [
-      (_ctx.$props.animate)
-        ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["animate-ping absolute h-full w-full rounded-full opacity-75", [
-        {
-          // status
-          'bg-primary-400': _ctx.$props.status === 'primary',
-          'bg-error-400': _ctx.$props.status === 'error',
-          'bg-success-400': _ctx.$props.status === 'success',
-          'bg-warning-400': _ctx.$props.status === 'warning',
-        },
-      ]])
-          }, null, 2))
-        : createCommentVNode("", true),
-      createElementVNode("div", {
-        class: normalizeClass(["absolute rounded-full h-full w-full", [
-        {
-          // status
-          'bg-primary-500': _ctx.$props.status === 'primary',
-          'bg-error-500': _ctx.$props.status === 'error',
-          'bg-success-500': _ctx.$props.status === 'success',
-          'bg-warning-500': _ctx.$props.status === 'warning',
-        },
-      ]])
-      }, null, 2)
-    ]),
-    _: 1
-  }, 16))
-}
-
-export { render };

package/lib/esm/components/tabs/Tab.vue_vue&type=script&lang.js

@@ -1,27 +0,0 @@
-var script = {
-  name: 'XTab',
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    selected: {
-      type: Boolean,
-      default: false,
-    },
-
-    tag: {
-      type: String,
-      default: 'li',
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/tabs/Tab.vue_vue&type=template&id=42dce82e&lang.js

@@ -1,25 +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.to ? 'router-link' : _ctx.$props.tag), mergeProps(_ctx.$attrs, {
-    to: _ctx.$props.to,
-    class: ["pb-2 transition-colors duration-150 ease-in-out", [
-      {
-        'border-b-2 border-primary-500 text-primary-500': _ctx.$props.selected,
-        'hover:text-primary-500': !_ctx.$props.disabled,
-        'cursor-pointer': !_ctx.$props.disabled,
-        'cursor-not-allowed': _ctx.$props.disabled,
-        'cursor-not-allowed text-gray-500': _ctx.$props.disabled && !_ctx.$props.selected,
-      },
-    ]],
-    "aria-disabled": _ctx.$props.disabled ? 'true' : null,
-    "aria-selected": _ctx.$props.selected ? 'true' : 'false'
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["to", "class", "aria-disabled", "aria-selected"]))
-}
-
-export { render };

package/lib/esm/components/tabs/Tabs.vue_vue&type=template&id=17799e08&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: "flex border-b border-gray-200 dark:border-gray-700 space-x-4" }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16))
-}
-
-export { render };

package/lib/esm/components/tag/Tag.vue_vue&type=template&id=289ac1d7&lang.js

@@ -1,83 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, renderSlot, toHandlers, 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(_ctx.$props.tag), mergeProps(_ctx.$attrs, {
-    class: ["inline-block leading-none", 
-      [
-        {
-          // variant
-          '!bg-transparent border': _ctx.$props.outlined,
-
-          // color
-          'bg-blue-200 text-blue-900 border-blue-900': _ctx.$props.color === 'blue',
-          'bg-gray-200 text-gray-900 border-gray-900': _ctx.$props.color === 'gray',
-          'bg-green-200 text-green-900 border-green-900': _ctx.$props.color === 'green',
-          'bg-indigo-200 text-indigo-900 border-indigo-900': _ctx.$props.color === 'indigo',
-          'bg-pink-200 text-pink-900 border-pink-900': _ctx.$props.color === 'pink',
-          'bg-primary-200 text-primary-900 border-primary-900': _ctx.$props.color === 'primary',
-          'bg-secondary-200 text-secondary-900 border-secondary-900': _ctx.$props.color === 'secondary',
-          'bg-purple-200 text-purple-900 border-purple-900': _ctx.$props.color === 'purple',
-          'bg-red-200 text-red-900 border-red-900': _ctx.$props.color === 'red',
-          'bg-yellow-200 text-yellow-900 border-yellow-900': _ctx.$props.color === 'yellow',
-
-          // size
-          'py-1': _ctx.$props.size === 'auto',
-          'px-2 py-1 text-xs': _ctx.$props.size === 'xs',
-          'px-2 py-1 text-sm': _ctx.$props.size === 'sm',
-          'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.$props.size),
-          'px-4 py-3 text-lg': _ctx.$props.size === 'lg',
-          'px-6 py-6 text-xl': _ctx.$props.size === 'xl',
-
-          // radius
-          'rounded-full': _ctx.$props.radius === 'full',
-          'rounded-lg': _ctx.$props.radius === 'lg',
-          'rounded-md': _ctx.$props.radius === 'md',
-          'rounded-sm': _ctx.$props.radius === 'sm',
-          'rounded': _ctx.$props.radius === 'rounded',
-        },
-      ]]
-  }), {
-    default: withCtx(() => [
-      (_ctx.$props.removable)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default"),
-            (openBlock(), createElementBlock("svg", mergeProps({
-              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"
-            }, toHandlers(_ctx.listeners.remove ? { click: _ctx.listeners.remove } : null)), _hoisted_4, 16))
-          ]))
-        : renderSlot(_ctx.$slots, "default", { key: 1 })
-    ]),
-    _: 3
-  }, 16, ["class"]))
-}
-
-export { render };

package/lib/esm/components/textarea/Textarea.vue_vue&type=script&lang.js

@@ -1,200 +0,0 @@
-var script = {
-  name: 'XTextarea',
-
-  props: {
-    disabled: {
-      default: false,
-      type: Boolean,
-    },
-
-    validateOnInput: {
-      type: Boolean,
-      default: true,
-    },
-
-    hideDetails: {
-      type: Boolean,
-      default: false,
-    },
-
-    label: {
-      type: String,
-      default: '',
-    },
-
-    maxlength: {
-      type: Number,
-      default: null,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    readonly: {
-      type: Boolean,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    adjustToText: {
-      type: Boolean,
-      default: true,
-    },
-
-    preventEnter: {
-      type: Boolean,
-      default: false,
-    },
-
-    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.resize();
-          this.$emit('input', event.target.value);
-        },
-        change: (event) => this.$emit('change', event),
-      }
-    },
-  },
-
-  watch: {
-    error(val) {
-      this.errorInternal = val;
-    },
-    value() {
-      setTimeout(this.resize);
-    },
-    size() {
-      setTimeout(this.resize);
-    },
-  },
-
-  mounted() {
-    this.resize();
-    window.addEventListener('resize', this.resize);
-  },
-
-  beforeUnmount() {
-    window.removeEventListener('resize', this.resize);
-  },
-
-  methods: {
-    onKeyDown(e) {
-      if (this.preventEnter && e.keyCode === 13) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        return
-      }
-    },
-    resize() {
-      if (this.adjustToText) {
-        const { input } = this.$refs;
-
-        input.style.height = '1px';
-        input.style.height = (2 + input.scrollHeight) + 'px';
-      }
-    },
-    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 };