@indielayer/ui 0.2.3 → 1.0.0-alpha.2

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;

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

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 = vue.resolveComponent("x-spinner");
-
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["inline-block mb-1 relative pb-2", [!_ctx.disabled ? 'cursor-pointer' : 'cursor-not-allowed']])
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.createElementVNode("div", {
-        class: vue.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,
-          }
-        ]])
-      }, [
-        vue.withDirectives(vue.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 /* PROPS */, _hoisted_2), [
-          [vue.vModelCheckbox, $options.checked]
-        ]),
-        (_ctx.loading)
-          ? (vue.openBlock(), vue.createBlock(_component_x_spinner, {
-              key: 0,
-              size: _ctx.size,
-              class: vue.normalizeClass({'translate-x-full': $options.checked})
-            }, null, 8 /* PROPS */, ["size", "class"]))
-          : (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: vue.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 /* CLASS */))
-      ], 2 /* CLASS */),
-      ($props.label)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.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: vue.toDisplayString($props.label)
-          }, null, 10 /* CLASS, PROPS */, _hoisted_3))
-        : vue.createCommentVNode("v-if", true)
-    ]),
-    (_ctx.errorInternal)
-      ? (vue.openBlock(), vue.createElementBlock("p", {
-          key: 0,
-          class: "text-sm text-error-500 mt-1",
-          textContent: vue.toDisplayString(_ctx.errorInternal)
-        }, null, 8 /* PROPS */, _hoisted_4))
-      : vue.createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-
-exports.render = render;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-var Tooltip_vue_vue_type_script_lang = require('./Tooltip.vue_vue_type_script_lang.js');
-var Tooltip_vue_vue_type_template_id_213cff12_lang = require('./Tooltip.vue_vue_type_template_id_213cff12_lang.js');
-
-Tooltip_vue_vue_type_script_lang.render = Tooltip_vue_vue_type_template_id_213cff12_lang.render;
-Tooltip_vue_vue_type_script_lang.__file = "src/components/tooltip/Tooltip.vue";
-
-module.exports = Tooltip_vue_vue_type_script_lang;

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

@@ -1,15 +0,0 @@
-'use strict';
-
-require('../popover/Popover.vue.js');
-require('../popover/PopoverContainer.vue.js');
-var Popover_vue_vue_type_script_lang = require('../popover/Popover.vue_vue_type_script_lang.js');
-var PopoverContainer_vue_vue_type_script_lang = require('../popover/PopoverContainer.vue_vue_type_script_lang.js');
-
-var script = {
-  components: {
-    XPopover: Popover_vue_vue_type_script_lang,
-    XPopoverContainer: PopoverContainer_vue_vue_type_script_lang,
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/tooltip/Tooltip.vue_vue_type_template_id_213cff12_lang.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_popover_container = vue.resolveComponent("x-popover-container");
-  const _component_x_popover = vue.resolveComponent("x-popover");
-
-  return (vue.openBlock(), vue.createBlock(_component_x_popover, vue.mergeProps({
-    hover: "",
-    class: "dark"
-  }, _ctx.$attrs), {
-    content: vue.withCtx(() => [
-      vue.createVNode(_component_x_popover_container, { class: "p-2 text-gray-300 text-sm" }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "tooltip")
-        ]),
-        _: 3 /* FORWARDED */
-      })
-    ]),
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */))
-}
-
-exports.render = render;

package/lib/cjs/composables/common.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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;
-
-exports.withProps = withProps;
-exports.withValidator = withValidator;

package/lib/cjs/composables/inputtable.js

@@ -1,162 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var interactive = require('./interactive.js');
-
-const validator = {
-  ...interactive.withValidator(),
-};
-
-const withProps = () => ({
-  ...interactive.withProps(),
-  name: {
-    type: String,
-    default: null,
-  },
-  modelValue: {
-    type: [String, Number, Boolean, Function, Object, Array],
-    default: null,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  validateOnInput: {
-    type: Boolean,
-    default: true,
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  rules: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const withValidator = () => validator;
-
-const withEmits = (useListeners = true) => {
-  const emits = ['update:modelValue'];
-
-  if (!useListeners) return emits
-
-  return emits.concat(['blur', 'focus', 'input', 'change'])
-};
-
-const useInputtable = (props, { attrs, emit, useListeners = true } = {}) => {
-  const interactive$1 = interactive.useInteractive();
-
-  const isFirstValidation = vue.ref(true);
-  const errorInternal = vue.ref(props.error);
-
-  const name = props.name ? props.name : (Math.random() + 1).toString(36).substring(7);
-  const nameInternal = vue.ref(name);
-
-  vue.watch(() => props.error, (val) => { errorInternal.value = val; });
-  vue.watch(() => props.name, (val) => { if (val) nameInternal.value = val; });
-
-  const form = vue.inject('form', {
-    registerInput: () => {},
-    unregisterInput: () => {},
-  });
-
-  const reset = () => {
-    errorInternal.value = '';
-    isFirstValidation.value = true;
-    emit('update:modelValue', '');
-  };
-
-  const setError = (val) => {
-    errorInternal.value = val;
-  };
-
-  const validate = (val) => {
-    val = val || props.modelValue;
-
-    isFirstValidation.value = false;
-
-    for (let i = 0; i < props.rules.length; i++) {
-      const item = props.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) {
-        errorInternal.value = isValid;
-
-        return false
-      }
-    }
-
-    errorInternal.value = '';
-
-    return true
-  };
-
-  const inputListeners = useListeners ? vue.computed(() => {
-    return {
-      attrs,
-      blur: (event) => emit('blur', event),
-      focus: (event) => emit('focus', event),
-      input: (event) => {
-        if (props.validateOnInput && !isFirstValidation.value) validate(event.target.value);
-        emit('update:modelValue', event.target.value);
-      },
-      change: (event) => emit('change', event),
-    }
-  }) : vue.ref({});
-
-  vue.onMounted(() => {
-    form.registerInput(nameInternal.value, { focus: interactive$1.focus, validate, setError });
-  });
-
-  vue.onUnmounted(() => {
-    form.unregisterInput(nameInternal.value);
-  });
-
-  return {
-    ...interactive$1,
-
-    // data
-    isFirstValidation,
-    errorInternal,
-
-    // computed
-    inputListeners,
-
-    // methods
-    reset,
-    validate,
-    setError,
-  }
-};
-
-exports.useInputtable = useInputtable;
-exports.withEmits = withEmits;
-exports.withProps = withProps;
-exports.withValidator = withValidator;

package/lib/cjs/composables/interactive.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var common = require('./common.js');
-
-const validator = {
-  ...common.withValidator(),
-};
-
-const withProps = () => ({
-  ...common.withProps(),
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const withValidator = () => validator;
-
-const useInteractive = () => {
-  const focusRef = vue.ref(null);
-
-  const focus = () => {
-    if (focusRef.value) focusRef.value.focus();
-  };
-
-  return {
-    focusRef,
-    focus,
-  }
-};
-
-exports.useInteractive = useInteractive;
-exports.withProps = withProps;
-exports.withValidator = withValidator;

package/lib/cjs/index.js

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('./components/index.js');
-require('./components/avatar/Avatar.vue.js');
-var Avatar_vue_vue_type_script_lang = require('./components/avatar/Avatar.vue_vue_type_script_lang.js');
-require('./components/button/Button.vue.js');
-var Button_vue_vue_type_script_lang = require('./components/button/Button.vue_vue_type_script_lang.js');
-require('./components/card/Card.vue.js');
-var Card_vue_vue_type_script_lang = require('./components/card/Card.vue_vue_type_script_lang.js');
-require('./components/checkbox/Checkbox.vue.js');
-var Checkbox_vue_vue_type_script_lang = require('./components/checkbox/Checkbox.vue_vue_type_script_lang.js');
-require('./components/collapse/Collapse.vue.js');
-var Collapse_vue_vue_type_script_lang = require('./components/collapse/Collapse.vue_vue_type_script_lang.js');
-require('./components/container/Container.vue.js');
-var Container_vue_vue_type_script_lang = require('./components/container/Container.vue_vue_type_script_lang.js');
-require('./components/divider/Divider.vue.js');
-var Divider_vue_vue_type_script_lang = require('./components/divider/Divider.vue_vue_type_script_lang.js');
-require('./components/form/Form.vue.js');
-var Form_vue_vue_type_script_lang = require('./components/form/Form.vue_vue_type_script_lang.js');
-require('./components/image/Image.vue.js');
-var Image_vue_vue_type_script_lang = require('./components/image/Image.vue_vue_type_script_lang.js');
-require('./components/input/Input.vue.js');
-var Input_vue_vue_type_script_lang = require('./components/input/Input.vue_vue_type_script_lang.js');
-require('./components/link/Link.vue.js');
-var Link_vue_vue_type_script_lang = require('./components/link/Link.vue_vue_type_script_lang.js');
-require('./components/modal/Modal.vue.js');
-var Modal_vue_vue_type_script_lang = require('./components/modal/Modal.vue_vue_type_script_lang.js');
-require('./components/note/Note.vue.js');
-var Note_vue_vue_type_script_lang = require('./components/note/Note.vue_vue_type_script_lang.js');
-require('./components/pagination/Pagination.vue.js');
-var Pagination_vue_vue_type_script_lang = require('./components/pagination/Pagination.vue_vue_type_script_lang.js');
-require('./components/popover/Popover.vue.js');
-var Popover_vue_vue_type_script_lang = require('./components/popover/Popover.vue_vue_type_script_lang.js');
-require('./components/popover/PopoverContainer.vue.js');
-var PopoverContainer_vue_vue_type_script_lang = require('./components/popover/PopoverContainer.vue_vue_type_script_lang.js');
-require('./components/popover/PopoverItem.vue.js');
-var PopoverItem_vue_vue_type_script_lang = require('./components/popover/PopoverItem.vue_vue_type_script_lang.js');
-require('./components/progress/Progress.vue.js');
-var Progress_vue_vue_type_script_lang = require('./components/progress/Progress.vue_vue_type_script_lang.js');
-require('./components/radio/Radio.vue.js');
-var Radio_vue_vue_type_script_lang = require('./components/radio/Radio.vue_vue_type_script_lang.js');
-require('./components/select/Select.vue.js');
-var Select_vue_vue_type_script_lang = require('./components/select/Select.vue_vue_type_script_lang.js');
-require('./components/skeleton/Skeleton.vue.js');
-var Skeleton_vue_vue_type_script_lang = require('./components/skeleton/Skeleton.vue_vue_type_script_lang.js');
-require('./components/status/StatusDot.vue.js');
-var StatusDot_vue_vue_type_script_lang = require('./components/status/StatusDot.vue_vue_type_script_lang.js');
-require('./components/table/Table.vue.js');
-var Table_vue_vue_type_script_lang = require('./components/table/Table.vue_vue_type_script_lang.js');
-require('./components/tabs/Tab.vue.js');
-var Tab_vue_vue_type_script_lang = require('./components/tabs/Tab.vue_vue_type_script_lang.js');
-require('./components/tabs/Tabs.vue.js');
-var Tabs_vue_vue_type_script_lang = require('./components/tabs/Tabs.vue_vue_type_script_lang.js');
-require('./components/tag/Tag.vue.js');
-var Tag_vue_vue_type_script_lang = require('./components/tag/Tag.vue_vue_type_script_lang.js');
-require('./components/textarea/Textarea.vue.js');
-var Textarea_vue_vue_type_script_lang = require('./components/textarea/Textarea.vue_vue_type_script_lang.js');
-require('./components/toast/Toast.vue.js');
-var Toast_vue_vue_type_script_lang = require('./components/toast/Toast.vue_vue_type_script_lang.js');
-require('./components/toggle/Toggle.vue.js');
-var Toggle_vue_vue_type_script_lang = require('./components/toggle/Toggle.vue_vue_type_script_lang.js');
-require('./components/tooltip/Tooltip.vue.js');
-var Tooltip_vue_vue_type_script_lang = require('./components/tooltip/Tooltip.vue_vue_type_script_lang.js');
-var Icon_vue_vue_type_script_lang = require('./components/icon/Icon.vue_vue_type_script_lang.js');
-var PaginationItem_vue_vue_type_script_lang = require('./components/pagination/PaginationItem.vue_vue_type_script_lang.js');
-var Spacer = require('./components/spacer/Spacer.vue.js');
-var Spinner_vue_vue_type_script_lang = require('./components/spinner/Spinner.vue_vue_type_script_lang.js');
-var TableBody_vue_vue_type_script_lang = require('./components/table/TableBody.vue_vue_type_script_lang.js');
-var TableCell_vue_vue_type_script_lang = require('./components/table/TableCell.vue_vue_type_script_lang.js');
-var TableHead_vue_vue_type_script_lang = require('./components/table/TableHead.vue_vue_type_script_lang.js');
-var TableHeader_vue_vue_type_script_lang = require('./components/table/TableHeader.vue_vue_type_script_lang.js');
-var TableRow_vue_vue_type_script_lang = require('./components/table/TableRow.vue_vue_type_script_lang.js');
-var colors = require('./components/colors.vue.js');
-
-const install = (Vue, config = {}) => {
-  Object.entries(index).forEach(([name, component]) => {
-    const prefix = config.prefix ? config.prefix : 'X';
-
-    Vue.component(`${prefix}${name}`, component);
-  });
-};
-
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-
-exports.Avatar = Avatar_vue_vue_type_script_lang;
-exports.Button = Button_vue_vue_type_script_lang;
-exports.Card = Card_vue_vue_type_script_lang;
-exports.Checkbox = Checkbox_vue_vue_type_script_lang;
-exports.Collapse = Collapse_vue_vue_type_script_lang;
-exports.Container = Container_vue_vue_type_script_lang;
-exports.Divider = Divider_vue_vue_type_script_lang;
-exports.Form = Form_vue_vue_type_script_lang;
-exports.Image = Image_vue_vue_type_script_lang;
-exports.Input = Input_vue_vue_type_script_lang;
-exports.Link = Link_vue_vue_type_script_lang;
-exports.Modal = Modal_vue_vue_type_script_lang;
-exports.Note = Note_vue_vue_type_script_lang;
-exports.Pagination = Pagination_vue_vue_type_script_lang;
-exports.Popover = Popover_vue_vue_type_script_lang;
-exports.PopoverContainer = PopoverContainer_vue_vue_type_script_lang;
-exports.PopoverItem = PopoverItem_vue_vue_type_script_lang;
-exports.Progress = Progress_vue_vue_type_script_lang;
-exports.Radio = Radio_vue_vue_type_script_lang;
-exports.Select = Select_vue_vue_type_script_lang;
-exports.Skeleton = Skeleton_vue_vue_type_script_lang;
-exports.StatusDot = StatusDot_vue_vue_type_script_lang;
-exports.Table = Table_vue_vue_type_script_lang;
-exports.Tab = Tab_vue_vue_type_script_lang;
-exports.Tabs = Tabs_vue_vue_type_script_lang;
-exports.Tag = Tag_vue_vue_type_script_lang;
-exports.Textarea = Textarea_vue_vue_type_script_lang;
-exports.Toast = Toast_vue_vue_type_script_lang;
-exports.Toggle = Toggle_vue_vue_type_script_lang;
-exports.Tooltip = Tooltip_vue_vue_type_script_lang;
-exports.Icon = Icon_vue_vue_type_script_lang;
-exports.PaginationItem = PaginationItem_vue_vue_type_script_lang;
-exports.Spacer = Spacer;
-exports.Spinner = Spinner_vue_vue_type_script_lang;
-exports.TableBody = TableBody_vue_vue_type_script_lang;
-exports.TableCell = TableCell_vue_vue_type_script_lang;
-exports.TableHead = TableHead_vue_vue_type_script_lang;
-exports.TableHeader = TableHeader_vue_vue_type_script_lang;
-exports.TableRow = TableRow_vue_vue_type_script_lang;
-exports.Colors = colors;
-exports["default"] = install;

package/lib/cjs/node_modules/style-inject/dist/style-inject.es.js

@@ -1,30 +0,0 @@
-'use strict';
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-module.exports = styleInject;

package/lib/esm/components/avatar/Avatar.vue.js

@@ -1,6 +0,0 @@
-import script from './Avatar.vue_vue_type_script_lang.js';
-export { default } from './Avatar.vue_vue_type_script_lang.js';
-import { render } from './Avatar.vue_vue_type_template_id_2549fb8f_lang.js';
-
-script.render = render;
-script.__file = "src/components/avatar/Avatar.vue";