@indielayer/ui 0.1.0 → 0.2.2

package/lib/esm/src/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 };

package/lib/esm/src/components/textarea/Textarea.vue_vue&type=template&id=9e7d494a&lang.js

@@ -1,64 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, mergeProps, toHandlers } from 'vue';
-
-const _hoisted_1 = ["textContent"];
-const _hoisted_2 = ["disabled", "maxlength", "name", "placeholder", "readonly", "value"];
-const _hoisted_3 = ["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("textarea", mergeProps({
-      ref: "input",
-      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", [
-        $props.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-        $props.flat ? 'p-0 bg-transparent' : {
-          // shadow
-          'border shadow': true,
-
-          // 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',
-        },
-        {
-          // error
-          'border-error-500 focus:border-error-500 dark:focus:border-error-500': $data.errorInternal,
-        },
-        $props.inputClass,
-      ]],
-      disabled: $props.disabled,
-      maxlength: $props.maxlength,
-      name: $props.name,
-      placeholder: $props.placeholder,
-      readonly: $props.readonly,
-      value: $props.value
-    }, toHandlers($options.listeners), {
-      onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
-    }), null, 16, _hoisted_2),
-    ($data.errorInternal)
-      ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString($data.errorInternal)
-        }, null, 8, _hoisted_3))
-      : createCommentVNode("", true)
-  ], 2))
-}
-
-export { render };

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

package/lib/esm/src/components/toggle/Toggle.vue_vue&type=script&lang.js

@@ -1,63 +0,0 @@
-var script = {
-  name: 'XToggle',
-
-  model: {
-    prop: 'option',
-    event: 'change',
-  },
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    id: {
-      type: String,
-      default: null,
-    },
-
-    option: {
-      type: Boolean,
-      default: false,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    required: {
-      type: Boolean,
-      default: false,
-    },
-
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-  },
-
-  computed: {
-    checked: {
-      get() {
-        return this.option
-      },
-      set(val) {
-        this.$emit('change', val);
-      },
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/components/toggle/Toggle.vue_vue&type=template&id=2dc56b20&lang.js

@@ -1,73 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vModelCheckbox, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = ["id", "aria-checked", "aria-disabled", "disabled", "name", "required"];
-const _hoisted_2 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", {
-    class: normalizeClass([
-      !$props.disabled ? 'cursor-pointer' : 'cursor-not-allowed',
-      $props.label ? 'flex items-center' : 'inline-block',
-    ])
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(["rounded-full transition-colors duration-300", [
-        {
-          // shadow
-          'border shadow': !$props.flat,
-
-          'w-8': $props.size === 'sm' || $props.size === 'xs',
-          'w-10': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-          'w-12': $props.size === 'lg',
-          'w-14': $props.size === 'xl',
-          'bg-gray-300 dark:bg-gray-600': $props.disabled && !$options.checked,
-          'bg-gray-400 dark:bg-gray-400': $props.disabled && $options.checked,
-          'bg-gray-200 dark:bg-gray-600': !$props.disabled && !$options.checked,
-          'bg-primary-200  border-primary-200': !$props.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": $props.disabled ? 'true' : null,
-        disabled: $props.disabled,
-        name: $props.name,
-        required: $props.required,
-        type: "checkbox",
-        class: "hidden"
-      }, null, 8, _hoisted_1), [
-        [vModelCheckbox, $options.checked]
-      ]),
-      createElementVNode("div", {
-        class: normalizeClass(["rounded-full shadow transform transition duration-300", [
-          {
-            'h-4 w-4': $props.size === 'sm' || $props.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-            'h-6 w-6': $props.size === 'lg',
-            'h-7 w-7': $props.size === 'xl',
-            'translate-x-full': $options.checked,
-            'bg-gray-200 dark:bg-gray-200': $props.disabled,
-            'bg-white': !$props.disabled && !$options.checked,
-            'bg-primary-500': !$props.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': $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_2))
-      : createCommentVNode("", true)
-  ], 2))
-}
-
-export { render };

package/lib/esm/src/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;