@indielayer/ui 0.2.2 → 1.0.0-alpha.0

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

@@ -1,111 +0,0 @@
-import { withValidator, withProps, withEmits, useInputtable } from '../../composables/inputtable.js';
-
-var script = {
-  name: 'XTextarea',
-
-  validator: withValidator(),
-
-  props: {
-    ...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: withEmits(),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...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';
-      }
-    },
-  },
-};
-
-export { script as default };

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

@@ -1,66 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, mergeProps, toHandlers } from '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 (openBlock(), createElementBlock("label", _hoisted_1, [
-    ($props.label)
-      ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          class: 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: toDisplayString($props.label)
-        }, null, 10, _hoisted_2))
-      : createCommentVNode("", true),
-    createElementVNode("textarea", 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
-    }, 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)
-      ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_4))
-      : createCommentVNode("", true)
-  ]))
-}
-
-export { render };

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

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

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

@@ -1,85 +0,0 @@
-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,
-      );
-    },
-  },
-};
-
-export { script as default };

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

@@ -1,60 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
-
-const _hoisted_1 = ["onClick"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: 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',
-    }])
-  }, [
-    createVNode(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: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($data.events, (event) => {
-          return (openBlock(), createElementBlock("li", {
-            key: event.id,
-            class: normalizeClass([
-          'px-4',
-          {
-            'pb-2': $props.position === 'bottom',
-            'pt-2': $props.position === 'top',
-          }
-        ])
-          }, [
-            createElementVNode("div", {
-              class: 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))
-            }, toDisplayString(event.content), 11, _hoisted_1)
-          ], 2))
-        }), 128))
-      ]),
-      _: 1
-    })
-  ], 2))
-}
-
-export { render };

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

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

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

@@ -1,56 +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: 'XToggle',
-
-  components: {
-    XSpinner: script$1,
-  },
-
-  validator: {
-    ...withValidator(),
-  },
-
-  props: {
-    ...withProps(),
-
-    id: {
-      type: String,
-      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: {
-    checked: {
-      get() {
-        return this.modelValue
-      },
-
-      set(val) {
-        this.$emit('update:modelValue', val);
-      },
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/toggle/Toggle.vue_vue_type_template_id_0dc1ddd9_lang.js

@@ -1,92 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vModelCheckbox, createBlock, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = { class: "flex items-center" };
-const _hoisted_2 = ["id", "aria-checked", "aria-disabled", "disabled", "name", "required", "value"];
-const _hoisted_3 = ["textContent"];
-const _hoisted_4 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_spinner = resolveComponent("x-spinner");
-
-  return (openBlock(), createElementBlock("label", {
-    class: normalizeClass(["inline-block mb-1 relative pb-2", [!_ctx.disabled ? 'cursor-pointer' : 'cursor-not-allowed']])
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      createElementVNode("div", {
-        class: normalizeClass(["rounded-full transition-colors duration-300", [
-          {
-            // shadow
-            'border shadow': !_ctx.flat,
-            [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow && _ctx.modelValue,
-
-            'w-8': _ctx.size === 'sm' || _ctx.size === 'xs',
-            'w-10': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-            'w-12': _ctx.size === 'lg',
-            'w-14': _ctx.size === 'xl',
-            'bg-gray-300 dark:bg-gray-600': _ctx.disabled && !$options.checked,
-            'bg-gray-400 dark:bg-gray-400': _ctx.disabled && $options.checked,
-            'bg-gray-200 dark:bg-gray-600': !_ctx.disabled && !$options.checked,
-            [`bg-${_ctx.color}-200  border-${_ctx.color}-200`]: !_ctx.disabled && $options.checked,
-          }
-        ]])
-      }, [
-        withDirectives(createElementVNode("input", {
-          id: $props.id,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.checked) = $event)),
-          "aria-checked": $options.checked ? 'true' : 'false',
-          "aria-disabled": _ctx.disabled ? 'true' : null,
-          type: "checkbox",
-          class: "hidden",
-          disabled: _ctx.disabled || _ctx.loading,
-          name: _ctx.name,
-          required: _ctx.required,
-          value: _ctx.modelValue
-        }, null, 8, _hoisted_2), [
-          [vModelCheckbox, $options.checked]
-        ]),
-        (_ctx.loading)
-          ? (openBlock(), createBlock(_component_x_spinner, {
-              key: 0,
-              size: _ctx.size,
-              class: normalizeClass({'translate-x-full': $options.checked})
-            }, null, 8, ["size", "class"]))
-          : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(["rounded-full shadow transform transition duration-300 flex-shrink-0", [
-            {
-              'h-4 w-4': _ctx.size === 'sm' || _ctx.size === 'xs',
-              'h-5 w-5': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-              'h-6 w-6': _ctx.size === 'lg',
-              'h-7 w-7': _ctx.size === 'xl',
-              'translate-x-full': $options.checked,
-              'bg-gray-200 dark:bg-gray-200': _ctx.disabled,
-              'bg-white': !_ctx.disabled && !$options.checked,
-              [`bg-${_ctx.color}-500`]: !_ctx.disabled && $options.checked,
-            },
-          ]])
-            }, null, 2))
-      ], 2),
-      ($props.label)
-        ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(["pl-2 font-medium text-gray-800 dark:text-gray-200", {
-          'text-xs': _ctx.size === 'xs',
-          'text-sm': _ctx.size === 'sm',
-          'text-lg': _ctx.size === 'lg',
-          'text-xl': _ctx.size === 'xl',
-        }]),
-            textContent: toDisplayString($props.label)
-          }, null, 10, _hoisted_3))
-        : createCommentVNode("", true)
-    ]),
-    (_ctx.errorInternal)
-      ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8, _hoisted_4))
-      : createCommentVNode("", true)
-  ], 2))
-}
-
-export { render };

package/lib/esm/components/tooltip/Tooltip.vue.js

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

package/lib/esm/components/tooltip/Tooltip.vue_vue_type_script_lang.js

@@ -1,13 +0,0 @@
-import '../popover/Popover.vue.js';
-import '../popover/PopoverContainer.vue.js';
-import script$1 from '../popover/Popover.vue_vue_type_script_lang.js';
-import script$2 from '../popover/PopoverContainer.vue_vue_type_script_lang.js';
-
-var script = {
-  components: {
-    XPopover: script$1,
-    XPopoverContainer: script$2,
-  },
-};
-
-export { script as default };

package/lib/esm/components/tooltip/Tooltip.vue_vue_type_template_id_72e65c1a_lang.js

@@ -1,26 +0,0 @@
-import { resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_popover_container = resolveComponent("x-popover-container");
-  const _component_x_popover = resolveComponent("x-popover");
-
-  return (openBlock(), createBlock(_component_x_popover, mergeProps({
-    hover: "",
-    class: "dark"
-  }, _ctx.$attrs), {
-    content: withCtx(() => [
-      createVNode(_component_x_popover_container, { class: "p-2 text-gray-300 text-sm" }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "tooltip")
-        ]),
-        _: 3
-      })
-    ]),
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16))
-}
-
-export { render };

package/lib/esm/composables/common.js

@@ -1,23 +0,0 @@
-const validator = {
-  size: ['auto', 'xs', 'sm', 'md', 'lg', 'xl'],
-};
-
-const withProps = () => ({
-  size: {
-    type: String,
-    default: null,
-    validator: (value) => validator.size.includes(value),
-  },
-  color: {
-    type: String,
-    default: 'primary',
-  },
-  flat: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const withValidator = () => validator;
-
-export { withProps, withValidator };