@indielayer/ui 0.2.4 → 1.0.0-alpha.3

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

@@ -1,84 +0,0 @@
-const validator = {
-  variant: [
-    'rounded',
-    'squared',
-  ],
-};
-
-var script = {
-  name: 'XAvatar',
-
-  validator,
-
-  props: {
-    alt: {
-      type: String,
-      default: null,
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-
-    src: {
-      type: String,
-      default: null,
-    },
-
-    tag: {
-      type: String,
-      default: 'span',
-    },
-
-    squared: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  data() {
-    return {
-      source: null,
-    }
-  },
-
-  computed: {
-    initials() {
-      if (this.name) {
-        const initials = this.name.match(/\b\w/g) || [];
-
-        return ((initials.shift() || '') + (initials.pop() || '')).toUpperCase()
-      }
-
-      return ''
-    },
-  },
-
-  mounted() {
-    if (this.src) {
-      const img = new Image();
-
-      img.onload = () => { this.source = this.src; };
-      img.onerror = () => { };
-      img.src = this.src;
-    }
-  },
-};
-
-export { script as default };

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

@@ -1,46 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "leading-none"
-};
-const _hoisted_2 = ["alt", "src"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: normalizeClass(["inline-flex items-center justify-center overflow-hidden", [
-      // color
-      { [`bg-${$props.color}-500 text-${$props.color}-50`]: !$data.source && !$props.outlined },
-      {
-        // border
-        'border border-gray-400 dark:border-gray-500': !$data.source && $props.outlined,
-
-        // size
-        'h-6 w-6 text-xs': $props.size === 'xs',
-        'h-7 w-7 text-sm': $props.size === 'sm',
-        'h-10 w-10': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-        'h-12 w-12 text-lg': $props.size === 'lg',
-        'h-20 w-20 text-2xl': $props.size === 'xl',
-        'h-36 w-36 text-2xl': $props.size === '2xl',
-      },
-      $props.squared ? 'rounded-md' : 'rounded-full'
-    ]])
-  }, {
-    default: withCtx(() => [
-      (!$data.source && $props.name)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($options.initials), 1 /* TEXT */))
-        : createCommentVNode("v-if", true),
-      ($data.source)
-        ? (openBlock(), createElementBlock("img", {
-            key: 1,
-            alt: $props.alt,
-            src: $props.src,
-            class: "h-full w-full"
-          }, null, 8 /* PROPS */, _hoisted_2))
-        : createCommentVNode("v-if", true)
-    ]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["class"]))
-}
-
-export { render };

package/lib/esm/components/button/Button.vue.js

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

package/lib/esm/components/button/Button.vue_vue_type_script_lang.js

@@ -1,80 +0,0 @@
-import { withValidator, withProps, useInteractive } from '../../composables/interactive.js';
-import '../spinner/Spinner.vue.js';
-import '../icon/Icon.vue.js';
-import script$1 from '../spinner/Spinner.vue_vue_type_script_lang.js';
-import script$2 from '../icon/Icon.vue_vue_type_script_lang.js';
-
-const validator = {
-  group: [false, true, '', 'first', 'last'],
-};
-
-var script = {
-  name: 'XButton',
-  components: {
-    XSpinner: script$1,
-    XIcon: script$2,
-  },
-
-  validator: {
-    ...withValidator(),
-    ...validator,
-  },
-
-  props: {
-    ...withProps(),
-
-    group: {
-      default: false,
-      type: [String, Boolean],
-      validator: (value) => validator.group.includes(value),
-    },
-
-    icon: {
-      type: String,
-      default: null,
-    },
-
-    iconRight: {
-      type: Boolean,
-      default: false,
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-
-    tag: {
-      type: String,
-      default: 'button',
-    },
-
-    type: {
-      type: String,
-      default: 'button',
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-
-    rounded: {
-      type: Boolean,
-      default: false,
-    },
-
-    glow: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  setup() {
-    return {
-      ...useInteractive(),
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/button/Button.vue_vue_type_template_id_5975756f_lang.js

@@ -1,96 +0,0 @@
-import { resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createCommentVNode, createElementBlock, createVNode, createElementVNode, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_spinner = resolveComponent("x-spinner");
-  const _component_x_icon = resolveComponent("x-icon");
-
-  return (openBlock(), createBlock(resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
-    ref: "focusRef",
-    to: $props.to,
-    class: normalizeClass(["relative leading-tight transition-colors duration-150 cursor-pointer focus:outline-none inline-block items-center justify-center font-medium", [
-      {
-        'shadow': !_ctx.flat && !$props.glow,
-        [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow,
-      },
-      _ctx.disabled ?
-        // disabled
-        'border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 cursor-not-allowed'
-        : {
-          // not disabled
-          [`border border-${_ctx.color}-500 text-${_ctx.color}-500`]: $props.outlined,
-
-          // colors
-          [`border border-transparent text-${_ctx.color}-50 bg-${_ctx.color}-500`]: !$props.outlined,
-
-          // colors hovers | actives
-          'hover:bg-dark-image active:bg-darker-image active:shadow-none': !_ctx.loading && !$props.outlined,
-          [`hover:bg-gray-100 active:bg-gray-200 dark:hover:bg-gray-700 dark:hover:active:bg-gray-600`]: !_ctx.loading && $props.outlined,
-        },
-      _ctx.$slots.default ? {
-        // 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-4 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-        'px-6 py-3 text-lg': _ctx.size === 'lg',
-        'px-10 py-6 text-xl': _ctx.size === 'xl',
-      } : 'px-3 py-2',
-      {
-        // icon
-        'inline-flex items-center': $props.icon,
-
-        // group
-        'rounded-button': $props.group === false,
-        'rounded-l-button': $props.group === 'first',
-        'rounded-r-button': $props.group === 'last',
-
-        '!rounded-full': $props.rounded,
-
-        // loading
-        'cursor-default': _ctx.loading,
-
-        // content
-        'flex items-center justify-center': _ctx.loading,
-        'flex-row-reverse': $props.icon && $props.iconRight
-      },
-
-    ]]),
-    "aria-busy": _ctx.loading ? 'true' : null,
-    "aria-disabled": $props.tag !== 'button' && _ctx.disabled ? 'true' : null,
-    disabled: _ctx.disabled || _ctx.loading,
-    type: $props.tag === 'button' ? $props.type : null
-  }, {
-    default: withCtx(() => [
-      (_ctx.loading)
-        ? (openBlock(), createBlock(_component_x_spinner, {
-            key: 0,
-            size: _ctx.size,
-            class: "absolute"
-          }, null, 8 /* PROPS */, ["size"]))
-        : createCommentVNode("v-if", true),
-      ($props.icon)
-        ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass(["flex", [{
-        'mr-2': _ctx.$slots.default && !$props.iconRight,
-        'ml-2': _ctx.$slots.default && $props.iconRight,
-        'invisible': _ctx.loading
-      }]])
-          }, [
-            createVNode(_component_x_icon, {
-              size: _ctx.size,
-              icon: $props.icon
-            }, null, 8 /* PROPS */, ["size", "icon"])
-          ], 2 /* CLASS */))
-        : createCommentVNode("v-if", true),
-      createElementVNode("span", {
-        class: normalizeClass({ 'invisible': _ctx.loading })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2 /* CLASS */)
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["to", "class", "aria-busy", "aria-disabled", "disabled", "type"]))
-}
-
-export { render };

package/lib/esm/components/card/Card.vue.js

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

package/lib/esm/components/card/Card.vue_vue_type_script_lang.js

@@ -1,16 +0,0 @@
-var script = {
-  name: 'XCard',
-  props: {
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/card/Card.vue_vue_type_template_id_7be81122_lang.js

@@ -1,18 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: normalizeClass(["rounded bg-white dark:bg-gray-800", [
-      {
-        'shadow': !$props.flat,
-      },
-    ]])
-  }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class"]))
-}
-
-export { render };

package/lib/esm/components/checkbox/Checkbox.vue.js

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

package/lib/esm/components/checkbox/Checkbox.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: 'XCheckbox',
-  components: {
-    XSpinner: script$1,
-  },
-
-  validator: {
-    ...withValidator(),
-  },
-
-  props: {
-    ...withProps(),
-
-    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);
-      },
-    },
-  },
-
-  methods: {
-    toggle() {
-      this.$emit('update:modelValue', !this.modelValue);
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/checkbox/Checkbox.vue_vue_type_template_id_fa43bd62_lang.js

@@ -1,98 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withKeys, withModifiers, withDirectives, vModelCheckbox, createBlock, toDisplayString, renderSlot, createCommentVNode } from 'vue';
-
-const _hoisted_1 = { class: "inline-block mb-1 relative cursor-pointer pb-2" };
-const _hoisted_2 = ["aria-checked", "aria-disabled", "disabled", "name", "required", "value"];
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = ["textContent"];
-const _hoisted_6 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_spinner = resolveComponent("x-spinner");
-
-  return (openBlock(), createElementBlock("label", _hoisted_1, [
-    createElementVNode("div", {
-      ref: "focusRef",
-      class: normalizeClass(["flex items-center", { 'cursor-not-allowed': _ctx.disabled }]),
-      tabindex: 0,
-      onKeypress: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => ($options.toggle && $options.toggle(...args)), ["prevent","stop"]), ["enter","space"]))
-    }, [
-      withDirectives(createElementVNode("input", {
-        "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: "invisible absolute",
-        disabled: _ctx.disabled || _ctx.loading,
-        name: _ctx.name,
-        required: _ctx.required,
-        value: _ctx.modelValue
-      }, null, 8 /* PROPS */, _hoisted_2), [
-        [vModelCheckbox, $options.checked]
-      ]),
-      createElementVNode("div", {
-        class: normalizeClass(["rounded flex justify-center items-center flex-shrink-0", [
-          {
-            'shadow': !_ctx.flat && !_ctx.loading,
-            [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow && _ctx.modelValue,
-
-            'h-4 w-4': _ctx.size === 'sm' || _ctx.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.size),
-            'h-6 w-6': _ctx.size === 'xl',
-          },
-          _ctx.disabled ? {
-            'bg-gray-500 border-gray-600 dark:border-gray-400': _ctx.modelValue,
-            'bg-gray-200 border-gray-300 dark:border-gray-700': !_ctx.modelValue,
-          } :
-          {
-            [`bg-${_ctx.color}-500 border-${_ctx.color}-500`]: _ctx.modelValue && !_ctx.loading,
-            'border bg-white dark:bg-gray-900 border-gray-300 hover:border-gray-900 dark:border-gray-700': !_ctx.modelValue && !_ctx.loading,
-          }
-        ]])
-      }, [
-        (_ctx.loading)
-          ? (openBlock(), createBlock(_component_x_spinner, {
-              key: 0,
-              size: _ctx.size,
-              class: "absolute"
-            }, null, 8 /* PROPS */, ["size"]))
-          : (openBlock(), createElementBlock("svg", {
-              key: 1,
-              class: normalizeClass(["fill-current text-gray-100", {
-            'opacity-0': !_ctx.modelValue,
-            'h-2 w-2': _ctx.size === 'sm' || _ctx.size === 'xs',
-            'h-3 w-3': !['xs', 'sm', 'xl'].includes(_ctx.size),
-            'h-4 w-4': _ctx.size === 'xl',
-          }]),
-              viewBox: "0 0 20 20"
-            }, _hoisted_4, 2 /* CLASS */))
-      ], 2 /* CLASS */),
-      createElementVNode("div", {
-        class: normalizeClass(["inline-block font-medium text-gray-800 dark:text-gray-200 pl-2", {
-          'text-xs': _ctx.size === 'xs',
-          'text-sm': _ctx.size === 'sm',
-          'text-lg': _ctx.size === 'lg',
-          'text-xl': _ctx.size === 'xl',
-        }])
-      }, [
-        ($props.label)
-          ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              textContent: toDisplayString($props.label)
-            }, null, 8 /* PROPS */, _hoisted_5))
-          : renderSlot(_ctx.$slots, "default", { key: 1 })
-      ], 2 /* CLASS */)
-    ], 34 /* CLASS, HYDRATE_EVENTS */),
-    (_ctx.errorInternal)
-      ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8 /* PROPS */, _hoisted_6))
-      : createCommentVNode("v-if", true)
-  ]))
-}
-
-export { render };

package/lib/esm/components/collapse/Collapse.vue.js

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

package/lib/esm/components/collapse/Collapse.vue_vue_type_script_lang.js

@@ -1,67 +0,0 @@
-var script = {
-  name: 'XCollapse',
-
-  props: {
-    disabled: {
-      default: false,
-      type: Boolean,
-    },
-
-    expanded: {
-      default: false,
-      type: Boolean,
-    },
-
-    iconLeft: {
-      default: false,
-      type: Boolean,
-    },
-
-    tag: {
-      default: 'div',
-      type: String,
-    },
-  },
-
-  data() {
-    return {
-      collapsed: !this.expanded,
-      maxHeight: !this.expanded ? 0 : 'auto',
-      observer: null,
-    }
-  },
-
-  beforeMount() {
-    window.addEventListener('resize', this.onResize);
-  },
-
-  beforeUnmount() {
-    this.observer.disconnect();
-    window.removeEventListener('resize', this.onResize);
-  },
-
-  mounted() {
-    this.observer = new ResizeObserver(this.onResize);
-    this.observer.observe(this.$refs.content);
-  },
-
-  methods: {
-    toggleExpand() {
-      if (this.disabled) return
-
-      this.collapsed = !this.collapsed;
-      this.$emit('toggle', this.collapsed);
-      this.onResize();
-    },
-
-    onResize() {
-      if (this.collapsed) {
-        this.maxHeight = 0;
-      } else {
-        this.maxHeight = this.$refs.content.offsetHeight;
-      }
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/collapse/Collapse.vue_vue_type_template_id_06a1c88f_lang.js

@@ -1,60 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, createCommentVNode, normalizeStyle } from 'vue';
-
-const _hoisted_1 = { class: "flex-1" };
-const _hoisted_2 = { class: "absolute top-1/2 transform -translate-y-1/2 right-2" };
-const _hoisted_3 = /*#__PURE__*/createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = { ref: "content" };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    "aria-disabled": $props.disabled,
-    "aria-expanded": $data.collapsed ? 'false' : 'true'
-  }, {
-    default: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass(["flex items-center relative", {
-        'cursor-pointer' : !$props.disabled,
-        'flex-row-reverse': $props.iconLeft,
-      }]),
-        onClick: _cache[0] || (_cache[0] = $event => ($options.toggleExpand()))
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default", { collapsed: $data.collapsed })
-        ]),
-        createElementVNode("div", _hoisted_2, [
-          (openBlock(), createElementBlock("svg", {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            "stroke-linejoin": "round",
-            "stroke-linecap": "round",
-            fill: "none",
-            role: "presentation",
-            class: normalizeClass(["stroke-2 w-5 h-5 transform transition-transform duration-200", [
-            $props.iconLeft ? 'mr-2' : 'ml-2',
-            { 'rotate-180': !$data.collapsed }
-          ]])
-          }, _hoisted_4, 2 /* CLASS */))
-        ])
-      ], 2 /* CLASS */),
-      (_ctx.$slots.summary)
-        ? renderSlot(_ctx.$slots, "summary", { key: 0 })
-        : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        class: "overflow-y-hidden transition-all duration-300 ease-in-out",
-        style: normalizeStyle({ maxHeight: $data.maxHeight + 'px' })
-      }, [
-        createElementVNode("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "content")
-        ], 512 /* NEED_PATCH */)
-      ], 4 /* STYLE */)
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["aria-disabled", "aria-expanded"]))
-}
-
-export { render };

package/lib/esm/components/colors.vue.js

@@ -1,10 +0,0 @@
-import { render } from './colors.vue_vue_type_template_id_79d16100_lang.js';
-
-const script = {};
-
-
-script.render = render;
-script.__file = "src/components/colors.vue";
-var script$1 = script;
-
-export { script$1 as default };