@indielayer/ui 0.2.2 → 1.0.0-alpha.0

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

@@ -1,29 +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.to ? 'router-link' : $props.tag), {
-    to: $props.to,
-    class: vue.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: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["to", "class", "aria-disabled", "aria-selected", "onClick"]))
-}
-
-exports.render = render;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Tabs_vue_vue_type_script_lang = require('./Tabs.vue_vue_type_script_lang.js');
-var Tabs_vue_vue_type_template_id_4f5b59bd_lang = require('./Tabs.vue_vue_type_template_id_4f5b59bd_lang.js');
-
-Tabs_vue_vue_type_script_lang.render = Tabs_vue_vue_type_template_id_4f5b59bd_lang.render;
-
-module.exports = Tabs_vue_vue_type_script_lang;

package/lib/cjs/components/tabs/Tabs.vue_vue_type_script_lang.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var vue = require('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 = vue.reactive({
-      active: vue.computed(() => props.modelValue),
-    });
-
-    vue.provide('tabs', {
-      state,
-      activateTab,
-    });
-
-    function activateTab(tab) {
-      emit('update:modelValue', tab);
-    }
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/tabs/Tabs.vue_vue_type_template_id_4f5b59bd_lang.js

@@ -1,16 +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: "flex border-b border-gray-200 dark:border-gray-700 space-x-4" }, {
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }))
-}
-
-exports.render = render;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Tag_vue_vue_type_script_lang = require('./Tag.vue_vue_type_script_lang.js');
-var Tag_vue_vue_type_template_id_3d8994a5_lang = require('./Tag.vue_vue_type_template_id_3d8994a5_lang.js');
-
-Tag_vue_vue_type_script_lang.render = Tag_vue_vue_type_template_id_3d8994a5_lang.render;
-
-module.exports = Tag_vue_vue_type_script_lang;

package/lib/cjs/components/tag/Tag.vue_vue_type_script_lang.js

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

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

@@ -1,77 +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 = /*#__PURE__*/vue.createElementVNode("line", {
-  x1: "18",
-  y1: "6",
-  x2: "6",
-  y2: "18"
-}, null, -1);
-const _hoisted_3 = /*#__PURE__*/vue.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 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
-    class: vue.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: vue.withCtx(() => [
-      ($props.removable)
-        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-            vue.renderSlot(_ctx.$slots, "default"),
-            (vue.openBlock(), vue.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))
-          ]))
-        : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-    ]),
-    _: 3
-  }, 8, ["class"]))
-}
-
-exports.render = render;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Textarea_vue_vue_type_script_lang = require('./Textarea.vue_vue_type_script_lang.js');
-var Textarea_vue_vue_type_template_id_6ebcc37a_lang = require('./Textarea.vue_vue_type_template_id_6ebcc37a_lang.js');
-
-Textarea_vue_vue_type_script_lang.render = Textarea_vue_vue_type_template_id_6ebcc37a_lang.render;
-
-module.exports = Textarea_vue_vue_type_script_lang;

package/lib/cjs/components/textarea/Textarea.vue_vue_type_script_lang.js

@@ -1,113 +0,0 @@
-'use strict';
-
-var inputtable = require('../../composables/inputtable.js');
-
-var script = {
-  name: 'XTextarea',
-
-  validator: inputtable.withValidator(),
-
-  props: {
-    ...inputtable.withProps(),
-
-    label: {
-      type: String,
-      default: '',
-    },
-
-    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,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    adjustToText: {
-      type: Boolean,
-      default: true,
-    },
-
-    preventEnter: {
-      type: Boolean,
-      default: false,
-    },
-
-    inputClass: {
-      type: String,
-      default: '',
-    },
-  },
-
-  emits: inputtable.withEmits(),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...inputtable.useInputtable(props, { attrs, emit }),
-    }
-  },
-
-  watch: {
-    modelValue() {
-      setTimeout(this.resize);
-    },
-    size() {
-      setTimeout(this.resize);
-    },
-  },
-
-  mounted() {
-    this.resize();
-    window.addEventListener('resize', this.resize);
-  },
-
-  beforeUnmount() {
-    window.removeEventListener('resize', this.resize);
-  },
-
-  methods: {
-    onInput() {
-      this.resize();
-    },
-    onKeyDown(e) {
-      if (this.preventEnter && e.keyCode === 13) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        return
-      }
-    },
-    resize() {
-      if (this.adjustToText) {
-        const { focusRef } = this.$refs;
-
-        focusRef.style.height = '1px';
-        focusRef.style.height = (2 + focusRef.scrollHeight) + 'px';
-      }
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/textarea/Textarea.vue_vue_type_template_id_6ebcc37a_lang.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "inline-block mb-1 relative" };
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "value"];
-const _hoisted_4 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", _hoisted_1, [
-    ($props.label)
-      ? (vue.openBlock(), vue.createElementBlock("p", {
-          key: 0,
-          class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
-        'text-xs': _ctx.size === 'xs',
-        'text-sm': _ctx.size === 'sm',
-        'text-lg': _ctx.size === 'lg',
-        'text-xl': _ctx.size === 'xl',
-      }]),
-          textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_2))
-      : vue.createCommentVNode("", true),
-    vue.createElementVNode("textarea", vue.mergeProps({
-      ref: "focusRef",
-      class: ["appearance-none block w-full text-gray-700 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-600 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out border-gray-300 dark:border-gray-700 resize-none overflow-hidden", [
-        _ctx.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-        {
-          // size
-          'py-1': _ctx.size === 'auto',
-          'px-2 py-1 text-xs': _ctx.size === 'xs',
-          'px-2 py-1 text-sm': _ctx.size === 'sm',
-          'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-          'px-4 py-3 text-lg': _ctx.size === 'lg',
-          'px-6 py-6 text-xl': _ctx.size === 'xl',
-        },
-        _ctx.flat ? '!p-0 !bg-transparent' : 'border shadow',
-        {
-          // error
-          'border-error-500 focus:border-error-500 dark:focus:border-error-500': _ctx.errorInternal,
-        },
-        $props.inputClass,
-      ]],
-      disabled: _ctx.disabled,
-      max: $props.max,
-      maxlength: $props.maxlength,
-      min: $props.min,
-      dir: $props.dir,
-      minlength: $props.minlength,
-      name: _ctx.name,
-      placeholder: $props.placeholder,
-      readonly: _ctx.readonly,
-      value: _ctx.modelValue
-    }, vue.toHandlers(_ctx.inputListeners), {
-      onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
-      onInput: _cache[1] || (_cache[1] = (...args) => ($options.onInput && $options.onInput(...args)))
-    }), null, 16, _hoisted_3),
-    (_ctx.errorInternal)
-      ? (vue.openBlock(), vue.createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: vue.toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_4))
-      : vue.createCommentVNode("", true)
-  ]))
-}
-
-exports.render = render;

package/lib/cjs/components/toast/Toast.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Toast_vue_vue_type_script_lang = require('./Toast.vue_vue_type_script_lang.js');
-var Toast_vue_vue_type_template_id_0278d8f5_lang = require('./Toast.vue_vue_type_template_id_0278d8f5_lang.js');
-
-Toast_vue_vue_type_script_lang.render = Toast_vue_vue_type_template_id_0278d8f5_lang.render;
-
-module.exports = Toast_vue_vue_type_script_lang;

package/lib/cjs/components/toast/Toast.vue_vue_type_script_lang.js

@@ -1,87 +0,0 @@
-'use strict';
-
-const validator = {
-  align: [
-    'left',
-    'right',
-  ],
-  position: [
-    'bottom',
-    'top',
-  ],
-};
-
-var script = {
-  name: 'XToast',
-
-  validator,
-
-  props: {
-    align: {
-      type: String,
-      default: 'right',
-      validator: (value) => validator.align.includes(value),
-    },
-
-    position: {
-      default: 'bottom',
-      type: String,
-      validator: (value) => validator.position.includes(value),
-    },
-
-    timeout: {
-      type: Number,
-      default: 3500,
-    },
-  },
-
-  data() {
-    return {
-      events: [],
-    }
-  },
-
-  methods: {
-    log(content) {
-      this.add(content);
-    },
-
-    success(content) {
-      this.add(content, 'success');
-    },
-
-    warn(content) {
-      this.add(content, 'warn');
-    },
-
-    error(content) {
-      this.add(content, 'error');
-    },
-
-    add(content, type = null) {
-      const event = {
-        id: Date.now(),
-        content,
-        type,
-      };
-
-      this.events.push(event);
-      this.setTimer(event);
-    },
-
-    remove(event) {
-      this.events = this.events.filter((e) => e.id !== event.id);
-    },
-
-    setTimer(event) {
-      setTimeout(
-        () => {
-          this.remove(event);
-        },
-        this.timeout,
-      );
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/toast/Toast.vue_vue_type_template_id_0278d8f5_lang.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["onClick"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["fixed z-40 w-full sm:w-96", {
-      // align
-      'left-0': $props.align === 'left',
-      'right-0': $props.align === 'right',
-      // position
-      'bottom-0': $props.position === 'bottom',
-      'top-0': $props.position === 'top',
-    }])
-  }, [
-    vue.createVNode(vue.TransitionGroup, {
-      tag: "ul",
-      "enter-active-class": "transition ease-out duration-500",
-      "leave-active-class": "transition ease-out duration-500",
-      "enter-class": "transform translate-y-2 opacity-0",
-      "enter-to-class": "transform translate-y-0 opacity-100",
-      "leave-class": "transform translate-y-0 opacity-100",
-      "leave-to-class": "transform translate-y-2 opacity-0",
-      "move-class": "ease-in-out duration-200"
-    }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.events, (event) => {
-          return (vue.openBlock(), vue.createElementBlock("li", {
-            key: event.id,
-            class: vue.normalizeClass([
-          'px-4',
-          {
-            'pb-2': $props.position === 'bottom',
-            'pt-2': $props.position === 'top',
-          }
-        ])
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-            'rounded px-4 py-3 cursor-pointer w-full',
-            {
-              // type
-              'bg-gray-900 dark:bg-white text-white dark:text-gray-900 border border-gray-700 dark:border-gray-200':
-                !event.type || (event.type && !['success', 'error', 'warn'].includes(event.type)),
-              'bg-success-500 text-success-50': event.type && event.type === 'success',
-              'bg-error-500 text-error-50': event.type && event.type === 'error',
-              'bg-warning-500 text-warning-50': event.type && event.type === 'warn',
-            }
-          ]),
-              onClick: $event => ($options.remove(event))
-            }, vue.toDisplayString(event.content), 11, _hoisted_1)
-          ], 2))
-        }), 128))
-      ]),
-      _: 1
-    })
-  ], 2))
-}
-
-exports.render = render;

package/lib/cjs/components/toggle/Toggle.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Toggle_vue_vue_type_script_lang = require('./Toggle.vue_vue_type_script_lang.js');
-var Toggle_vue_vue_type_template_id_0dc1ddd9_lang = require('./Toggle.vue_vue_type_template_id_0dc1ddd9_lang.js');
-
-Toggle_vue_vue_type_script_lang.render = Toggle_vue_vue_type_template_id_0dc1ddd9_lang.render;
-
-module.exports = Toggle_vue_vue_type_script_lang;

package/lib/cjs/components/toggle/Toggle.vue_vue_type_script_lang.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var inputtable = require('../../composables/inputtable.js');
-require('../spinner/Spinner.vue.js');
-var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
-
-var script = {
-  name: 'XToggle',
-
-  components: {
-    XSpinner: Spinner_vue_vue_type_script_lang,
-  },
-
-  validator: {
-    ...inputtable.withValidator(),
-  },
-
-  props: {
-    ...inputtable.withProps(),
-
-    id: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    glow: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  emits: inputtable.withEmits(false),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...inputtable.useInputtable(props, { attrs, emit, useListeners: false }),
-    }
-  },
-
-  computed: {
-    checked: {
-      get() {
-        return this.modelValue
-      },
-
-      set(val) {
-        this.$emit('update:modelValue', val);
-      },
-    },
-  },
-};
-
-module.exports = script;