@indielayer/ui 0.1.0 → 0.2.2

package/lib/cjs/src/components/checkbox/Checkbox.vue_vue&type=template&id=bf794940&lang.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["disabled", "name", "required", "value"];
-const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["block mb-1 relative cursor-pointer", $props.hideDetails ? 'pb-2' : 'pb-6'])
-  }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["flex items-center", { 'cursor-not-allowed': $props.disabled }])
-    }, [
-      vue.withDirectives(vue.createElementVNode("input", {
-        ref: "input",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
-        type: "checkbox",
-        class: "invisible absolute",
-        disabled: $props.disabled,
-        name: $props.name,
-        required: $props.required,
-        value: $props.modelValue
-      }, null, 8, _hoisted_1), [
-        [vue.vModelCheckbox, $options.selected]
-      ]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(["border rounded flex justify-center items-center flex-none", [
-          {
-            // shadow
-            'shadow': !$props.flat,
-
-            'h-4 w-4': $props.size === 'sm' || $props.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-6 w-6': $props.size === 'xl',
-
-            'hover:border-primary-500': !$props.disabled,
-            'bg-primary-500 border-primary-500': $props.modelValue && !$props.disabled,
-            'bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700': !$props.modelValue && !$props.disabled,
-            // disabled
-            'bg-gray-500 border-gray-600 dark:border-gray-400': $props.modelValue && $props.disabled,
-            'bg-gray-200 border-gray-300 dark:border-gray-700': !$props.modelValue && $props.disabled,
-          }
-        ]])
-      }, [
-        (vue.openBlock(), vue.createElementBlock("svg", {
-          class: vue.normalizeClass(["fill-current text-primary-100", {
-            'opacity-0': !$props.modelValue,
-            'h-2 w-2': $props.size === 'sm' || $props.size === 'xs',
-            'h-3 w-3': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-4 w-4': $props.size === 'xl',
-          }]),
-          viewBox: "0 0 20 20"
-        }, _hoisted_3, 2))
-      ], 2),
-      ($props.label)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2", {
-          'text-xs': $props.size === 'xs',
-          'text-sm': $props.size === 'sm',
-          'text-lg': $props.size === 'lg',
-          'text-xl': $props.size === 'xl',
-        }]),
-            textContent: vue.toDisplayString($props.label)
-          }, null, 10, _hoisted_4))
-        : vue.createCommentVNode("", true)
-    ], 2)
-  ], 2))
-}
-
-exports.render = render;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Form_vue_vue_type_script_lang = require('./Form.vue_vue&type=script&lang.js');
-var Form_vue_vue_type_template_id_341983a2_lang = require('./Form.vue_vue&type=template&id=341983a2&lang.js');
-
-Form_vue_vue_type_script_lang.render = Form_vue_vue_type_template_id_341983a2_lang.render;
-
-module.exports = Form_vue_vue_type_script_lang;

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

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

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Icon_vue_vue_type_script_lang = require('./Icon.vue_vue&type=script&lang.js');
-var Icon_vue_vue_type_template_id_2e35bbff_lang = require('./Icon.vue_vue&type=template&id=2e35bbff&lang.js');
-
-Icon_vue_vue_type_script_lang.render = Icon_vue_vue_type_template_id_2e35bbff_lang.render;
-
-module.exports = Icon_vue_vue_type_script_lang;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Input_vue_vue_type_script_lang = require('./Input.vue_vue&type=script&lang.js');
-var Input_vue_vue_type_template_id_046941e3_lang = require('./Input.vue_vue&type=template&id=046941e3&lang.js');
-
-Input_vue_vue_type_script_lang.render = Input_vue_vue_type_template_id_046941e3_lang.render;
-
-module.exports = Input_vue_vue_type_script_lang;

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

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

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Link_vue_vue_type_script_lang = require('./Link.vue_vue&type=script&lang.js');
-var Link_vue_vue_type_template_id_cd8b503c_lang = require('./Link.vue_vue&type=template&id=cd8b503c&lang.js');
-
-Link_vue_vue_type_script_lang.render = Link_vue_vue_type_template_id_cd8b503c_lang.render;
-
-module.exports = Link_vue_vue_type_script_lang;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Modal_vue_vue_type_script_lang = require('./Modal.vue_vue&type=script&lang.js');
-var Modal_vue_vue_type_template_id_31c76cbc_lang = require('./Modal.vue_vue&type=template&id=31c76cbc&lang.js');
-
-Modal_vue_vue_type_script_lang.render = Modal_vue_vue_type_template_id_31c76cbc_lang.render;
-
-module.exports = Modal_vue_vue_type_script_lang;

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var Note_vue_vue_type_script_lang = require('./Note.vue_vue&type=script&lang.js');
-var Note_vue_vue_type_template_id_ea427b4c_lang = require('./Note.vue_vue&type=template&id=ea427b4c&lang.js');
-
-Note_vue_vue_type_script_lang.render = Note_vue_vue_type_template_id_ea427b4c_lang.render;
-
-module.exports = Note_vue_vue_type_script_lang;

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

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

package/lib/cjs/src/components/popover/Popover.vue.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var Popover_vue_vue_type_script_lang = require('./Popover.vue_vue&type=script&lang.js');
-var Popover_vue_vue_type_template_id_3d4ab1ae_lang = require('./Popover.vue_vue&type=template&id=3d4ab1ae&lang.js');
-require('./Popover.vue_vue&type=style&index=0&id=3d4ab1ae&lang.css.js');
-
-Popover_vue_vue_type_script_lang.render = Popover_vue_vue_type_template_id_3d4ab1ae_lang.render;
-
-module.exports = Popover_vue_vue_type_script_lang;

package/lib/cjs/src/components/popover/PopoverContainer.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var PopoverContainer_vue_vue_type_script_lang = require('./PopoverContainer.vue_vue&type=script&lang.js');
-var PopoverContainer_vue_vue_type_template_id_c3f5df12_lang = require('./PopoverContainer.vue_vue&type=template&id=c3f5df12&lang.js');
-
-PopoverContainer_vue_vue_type_script_lang.render = PopoverContainer_vue_vue_type_template_id_c3f5df12_lang.render;
-
-module.exports = PopoverContainer_vue_vue_type_script_lang;

package/lib/cjs/src/components/radio/Radio.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Radio_vue_vue_type_script_lang = require('./Radio.vue_vue&type=script&lang.js');
-var Radio_vue_vue_type_template_id_7736acd0_lang = require('./Radio.vue_vue&type=template&id=7736acd0&lang.js');
-
-Radio_vue_vue_type_script_lang.render = Radio_vue_vue_type_template_id_7736acd0_lang.render;
-
-module.exports = Radio_vue_vue_type_script_lang;

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

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

package/lib/cjs/src/components/radio/Radio.vue_vue&type=template&id=7736acd0&lang.js

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-checked", "aria-disabled"];
-const _hoisted_2 = ["disabled", "name", "required", "value"];
-const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["inline-block cursor-pointer focus:outline-none", {
-      'rounded border border-gray-300 dark:border-gray-700 p-2 hover:border-primary-500 dark:hover:border-primary-500': $props.bordered,
-      'transition-colors duration-150 ease-in-out': $props.bordered,
-      'border-primary-500 dark:border-primary-500': $options.checked && !$props.disabled,
-    }]),
-    "aria-checked": $options.checked ? 'true' : 'false',
-    "aria-disabled": $props.disabled ? 'true' : null,
-    tabindex: 0
-  }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["flex items-center", { 'cursor-not-allowed': $props.disabled }])
-    }, [
-      vue.withDirectives(vue.createElementVNode("input", {
-        ref: "input",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
-        type: "radio",
-        class: "invisible absolute",
-        disabled: $props.disabled,
-        name: $props.name,
-        required: $props.required,
-        value: $props.value
-      }, null, 8, _hoisted_2), [
-        [vue.vModelRadio, $options.selected]
-      ]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(["border rounded-full flex justify-center items-center flex-none", [
-          {
-            // shadow
-            'shadow': !_ctx.flat,
-
-            'h-4 w-4': $props.size === 'sm' || $props.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-6 w-6': $props.size === 'xl',
-
-            'hover:border-primary-500': !$props.disabled,
-            'bg-primary-500 border-primary-500': $options.checked && !$props.disabled,
-            'bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700': !$options.checked && !$props.disabled,
-            // disabled
-            'bg-gray-500 border-gray-600 dark:border-gray-400': $options.checked && $props.disabled,
-            'bg-gray-200 border-gray-300 dark:border-gray-700': !$options.checked && $props.disabled,
-          }
-        ]])
-      }, [
-        (vue.openBlock(), vue.createElementBlock("svg", {
-          class: vue.normalizeClass(["fill-current text-primary-100", {
-            'opacity-0': !$options.checked,
-            'h-2 w-2': $props.size === 'sm' || $props.size === 'xs',
-            'h-3 w-3': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-4 w-4': $props.size === 'xl',
-          }]),
-          viewBox: "0 0 20 20"
-        }, _hoisted_4, 2))
-      ], 2),
-      ($props.label)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2", {
-          'text-xs': $props.size === 'xs',
-          'text-sm': $props.size === 'sm',
-          'text-lg': $props.size === 'lg',
-          'text-xl': $props.size === 'xl',
-        }]),
-            textContent: vue.toDisplayString($props.label)
-          }, null, 10, _hoisted_5))
-        : vue.createCommentVNode("", true)
-    ], 2),
-    (_ctx.$slots.default)
-      ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass({
-        'text-xs pl-6': $props.size === 'xs',
-        'text-sm pl-6': $props.size === 'sm',
-        'pl-7': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-        'text-lg pl-7': $props.size === 'lg',
-        'text-lg pl-8': $props.size === 'xl',
-      })
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2))
-      : vue.createCommentVNode("", true)
-  ], 10, _hoisted_1))
-}
-
-exports.render = render;

package/lib/cjs/src/components/select/Select.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Select_vue_vue_type_script_lang = require('./Select.vue_vue&type=script&lang.js');
-var Select_vue_vue_type_template_id_6ccf0009_lang = require('./Select.vue_vue&type=template&id=6ccf0009&lang.js');
-
-Select_vue_vue_type_script_lang.render = Select_vue_vue_type_template_id_6ccf0009_lang.render;
-
-module.exports = Select_vue_vue_type_script_lang;