@indielayer/ui 0.2.4 → 1.0.0-alpha.0

package/lib/esm/components/image/Image.vue_vue_type_script_lang.js

@@ -1,26 +0,0 @@
-const fallback = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
-
-var script = {
-  props: {
-    src: {
-      type: String,
-      default: '',
-    },
-  },
-
-  data() {
-    return {
-      source: fallback,
-    }
-  },
-
-  mounted() {
-    const img = new Image();
-
-    img.onload = () => { this.source = this.src; };
-    img.onerror = () => { };
-    img.src = this.src;
-  },
-};
-
-export { script as default };

package/lib/esm/components/image/Image.vue_vue_type_template_id_f1ec3bb2_lang.js

@@ -1,9 +0,0 @@
-import { openBlock, createElementBlock } from 'vue';
-
-const _hoisted_1 = ["src"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("img", { src: $data.source }, null, 8 /* PROPS */, _hoisted_1))
-}
-
-export { render };

package/lib/esm/components/index.js

@@ -1,40 +0,0 @@
-export { default as Spacer } from './spacer/Spacer.vue.js';
-export { default as Colors } from './colors.vue.js';
-export { default as Avatar } from './avatar/Avatar.vue_vue_type_script_lang.js';
-export { default as Button } from './button/Button.vue_vue_type_script_lang.js';
-export { default as Card } from './card/Card.vue_vue_type_script_lang.js';
-export { default as Checkbox } from './checkbox/Checkbox.vue_vue_type_script_lang.js';
-export { default as Collapse } from './collapse/Collapse.vue_vue_type_script_lang.js';
-export { default as Container } from './container/Container.vue_vue_type_script_lang.js';
-export { default as Divider } from './divider/Divider.vue_vue_type_script_lang.js';
-export { default as Form } from './form/Form.vue_vue_type_script_lang.js';
-export { default as Icon } from './icon/Icon.vue_vue_type_script_lang.js';
-export { default as Image } from './image/Image.vue_vue_type_script_lang.js';
-export { default as Input } from './input/Input.vue_vue_type_script_lang.js';
-export { default as Link } from './link/Link.vue_vue_type_script_lang.js';
-export { default as Modal } from './modal/Modal.vue_vue_type_script_lang.js';
-export { default as Note } from './note/Note.vue_vue_type_script_lang.js';
-export { default as Pagination } from './pagination/Pagination.vue_vue_type_script_lang.js';
-export { default as PaginationItem } from './pagination/PaginationItem.vue_vue_type_script_lang.js';
-export { default as Popover } from './popover/Popover.vue_vue_type_script_lang.js';
-export { default as PopoverContainer } from './popover/PopoverContainer.vue_vue_type_script_lang.js';
-export { default as PopoverItem } from './popover/PopoverItem.vue_vue_type_script_lang.js';
-export { default as Progress } from './progress/Progress.vue_vue_type_script_lang.js';
-export { default as Radio } from './radio/Radio.vue_vue_type_script_lang.js';
-export { default as Select } from './select/Select.vue_vue_type_script_lang.js';
-export { default as Spinner } from './spinner/Spinner.vue_vue_type_script_lang.js';
-export { default as Skeleton } from './skeleton/Skeleton.vue_vue_type_script_lang.js';
-export { default as StatusDot } from './status/StatusDot.vue_vue_type_script_lang.js';
-export { default as Table } from './table/Table.vue_vue_type_script_lang.js';
-export { default as TableBody } from './table/TableBody.vue_vue_type_script_lang.js';
-export { default as TableCell } from './table/TableCell.vue_vue_type_script_lang.js';
-export { default as TableHead } from './table/TableHead.vue_vue_type_script_lang.js';
-export { default as TableHeader } from './table/TableHeader.vue_vue_type_script_lang.js';
-export { default as TableRow } from './table/TableRow.vue_vue_type_script_lang.js';
-export { default as Tab } from './tabs/Tab.vue_vue_type_script_lang.js';
-export { default as Tabs } from './tabs/Tabs.vue_vue_type_script_lang.js';
-export { default as Tag } from './tag/Tag.vue_vue_type_script_lang.js';
-export { default as Textarea } from './textarea/Textarea.vue_vue_type_script_lang.js';
-export { default as Toast } from './toast/Toast.vue_vue_type_script_lang.js';
-export { default as Toggle } from './toggle/Toggle.vue_vue_type_script_lang.js';
-export { default as Tooltip } from './tooltip/Tooltip.vue_vue_type_script_lang.js';

package/lib/esm/components/input/Input.vue.js

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

package/lib/esm/components/input/Input.vue_vue_type_script_lang.js

@@ -1,99 +0,0 @@
-import { withValidator, withProps, withEmits, useInputtable } from '../../composables/inputtable.js';
-
-var script = {
-  name: 'XInput',
-
-  validator: withValidator(),
-
-  props: {
-    ...withProps(),
-
-    showPasswordToggle: {
-      type: Boolean,
-      default: true,
-    },
-
-    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,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    type: {
-      type: String,
-      default: 'text',
-    },
-
-    inputClass: {
-      type: String,
-      default: '',
-    },
-  },
-
-  emits: withEmits(),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...useInputtable(props, { attrs, emit }),
-    }
-  },
-
-  data() {
-    return {
-      currentType: this.type,
-    }
-  },
-
-  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';
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/input/Input.vue_vue_type_template_id_21c870c5_lang.js

@@ -1,122 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, renderSlot, mergeProps, toHandlers, Fragment } from 'vue';
-
-const _hoisted_1 = { class: "inline-block mb-1 relative" };
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { class: "relative" };
-const _hoisted_4 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "type", "value"];
-const _hoisted_5 = /*#__PURE__*/createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1 /* HOISTED */);
-const _hoisted_6 = /*#__PURE__*/createElementVNode("circle", {
-  cx: "12",
-  cy: "12",
-  r: "3"
-}, null, -1 /* HOISTED */);
-const _hoisted_7 = /*#__PURE__*/createElementVNode("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1 /* HOISTED */);
-const _hoisted_8 = /*#__PURE__*/createElementVNode("line", {
-  x1: "1",
-  y1: "1",
-  x2: "23",
-  y2: "23"
-}, null, -1 /* HOISTED */);
-const _hoisted_9 = ["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 /* CLASS, PROPS */, _hoisted_2))
-      : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_3, [
-      (_ctx.$slots.icon)
-        ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(["flex items-center w-5 h-5 text-gray-500 absolute my-auto inset-y-0", [{
-          'ml-2 left-0': _ctx.$slots.icon && !$props.iconRight,
-          'mr-2 right-0': _ctx.$slots.icon && $props.iconRight,
-        }]])
-          }, [
-            renderSlot(_ctx.$slots, "icon")
-          ], 2 /* CLASS */))
-        : createCommentVNode("v-if", true),
-      createElementVNode("input", 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", [
-          _ctx.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-          $props.type === 'password' ? 'pr-9' : (_ctx.flat ? '' : 'pr-4'),
-          _ctx.flat ? 'p-0 bg-transparent' : {
-            // shadow
-            'border shadow': true,
-
-            // 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',
-          },
-          {
-            '!pl-9': _ctx.$slots.icon && !$props.iconRight,
-            '!pr-9': _ctx.$slots.icon && $props.iconRight,
-            // 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,
-        type: $data.currentType,
-        value: _ctx.modelValue
-      }, toHandlers(_ctx.inputListeners), {
-        onChange: _cache[0] || (_cache[0] = (...args) => ($options.onChange && $options.onChange(...args)))
-      }), null, 16 /* FULL_PROPS */, _hoisted_4),
-      ($props.type === 'password' && $props.showPasswordToggle)
-        ? (openBlock(), createElementBlock("svg", {
-            key: 1,
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            "stroke-linejoin": "round",
-            "stroke-linecap": "round",
-            fill: "none",
-            class: "text-gray-700 dark:text-gray-300 stroke-2 w-4 h-4 absolute my-auto mr-2 inset-y-0 right-1 cursor-pointer",
-            onClick: _cache[1] || (_cache[1] = $event => ($options.togglePasswordVisibility()))
-          }, [
-            ($data.currentType === 'password')
-              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_5,
-                  _hoisted_6
-                ], 64 /* STABLE_FRAGMENT */))
-              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_7,
-                  _hoisted_8
-                ], 64 /* STABLE_FRAGMENT */))
-          ]))
-        : createCommentVNode("v-if", true)
-    ]),
-    (_ctx.errorInternal)
-      ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: toDisplayString(_ctx.errorInternal)
-        }, null, 8 /* PROPS */, _hoisted_9))
-      : createCommentVNode("v-if", true)
-  ]))
-}
-
-export { render };

package/lib/esm/components/link/Link.vue.js

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

package/lib/esm/components/link/Link.vue_vue_type_script_lang.js

@@ -1,45 +0,0 @@
-const validator = {
-  color: [
-    'error',
-    'gray',
-    'primary',
-    'success',
-    'warning',
-  ],
-};
-
-var script = {
-  name: 'XLink',
-
-  validator,
-
-  props: {
-    color: {
-      default: 'gray',
-      type: String,
-      validator: (value) => validator.color.includes(value),
-    },
-
-    external: {
-      default: false,
-      type: Boolean,
-    },
-
-    tag: {
-      default: 'a',
-      type: String,
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-
-    underline: {
-      default: false,
-      type: Boolean,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/link/Link.vue_vue_type_template_id_044f59af_lang.js

@@ -1,55 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "inline-flex items-center"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-4 h-4 ml"
-}, [
-  /*#__PURE__*/createElementVNode("line", {
-    x1: "7",
-    y1: "17",
-    x2: "17",
-    y2: "7"
-  }),
-  /*#__PURE__*/createElementVNode("polyline", { points: "7 7 17 7 17 17" })
-], -1 /* HOISTED */);
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
-    to: $props.to,
-    class: normalizeClass(["transition-colors duration-150 ease-in-out cursor-pointer", [
-      {
-        // color
-        'hover:text-gray-600 dark:hover:text-gray-300': $props.color === 'gray',
-        'text-primary-500 hover:text-primary-600': $props.color === 'primary',
-        'text-error-500 hover:text-error-600': $props.color === 'error',
-        'text-warning-500 hover:text-warning-600': $props.color === 'warning',
-        'text-success-500 hover:text-success-600': $props.color === 'success',
-        // underline
-        'underline': $props.underline
-      },
-    ]])
-  }, {
-    default: withCtx(() => [
-      ($props.external)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default"),
-            _hoisted_2
-          ]))
-        : renderSlot(_ctx.$slots, "default", { key: 1 })
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["to", "class"]))
-}
-
-export { render };

package/lib/esm/components/modal/Modal.vue.js

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

package/lib/esm/components/modal/Modal.vue_vue_type_script_lang.js

@@ -1,53 +0,0 @@
-var script = {
-  name: 'XModal',
-
-  props: {
-    size: {
-      type: String,
-      default: null,
-    },
-    showClose: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  data() {
-    return {
-      isOpen: false,
-    }
-  },
-
-  beforeMount() {
-    document.addEventListener('keydown', this.onKeydown);
-  },
-
-  beforeUnmount() {
-    document.removeEventListener('keydown', this.onKeydown);
-  },
-
-  methods: {
-    close() {
-      this.isOpen = false;
-      this.$emit('close');
-    },
-
-    onKeydown(event) {
-      if (event.keyCode === 27 && this.isOpen) {
-        this.close();
-      }
-    },
-
-    open() {
-      this.isOpen = true;
-      this.$emit('open');
-    },
-
-    toggle() {
-      this.isOpen = !this.isOpen;
-      this.$emit('toggle', this.isOpen);
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/modal/Modal.vue_vue_type_template_id_177f8d4b_lang.js

@@ -1,77 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, createCommentVNode } from 'vue';
-
-const _hoisted_1 = { class: "flex items-end sm:items-center justify-center min-h-full p-4 sm:p-6" };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-4 h-4"
-}, [
-  /*#__PURE__*/createElementVNode("line", {
-    x1: "18",
-    y1: "6",
-    x2: "6",
-    y2: "18"
-  }),
-  /*#__PURE__*/createElementVNode("line", {
-    x1: "6",
-    y1: "6",
-    x2: "18",
-    y2: "18"
-  })
-], -1 /* HOISTED */);
-const _hoisted_3 = [
-  _hoisted_2
-];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["fixed z-40 inset-0 overflow-y-auto transition-all", [
-      $data.isOpen ? 'visible' : 'invisible ease-in duration-100'
-    ]])
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(["fixed inset-0 bg-gray-500 dark:bg-gray-600 transition-opacity", [
-        $data.isOpen ? 'ease-out duration-200 opacity-75' : 'ease-in duration-100 opacity-0',
-      ]]),
-      onClick: _cache[0] || (_cache[0] = withModifiers($event => ($options.close()), ["self"]))
-    }, null, 2 /* CLASS */),
-    createElementVNode("div", _hoisted_1, [
-      createElementVNode("div", {
-        class: normalizeClass(["relative inline-block bg-white dark:bg-gray-900 rounded-lg shadow-xl transform transition-all", [
-          {
-            'w-full': $props.size === 'auto',
-            'sm:max-w-xs w-full': $props.size === 'xs',
-            'sm:max-w-sm w-full': $props.size === 'sm',
-            'sm:max-w-lg w-full': !['auto', 'full', 'xs', 'sm', 'lg', 'xl'].includes($props.size),
-            'sm:max-w-xl w-full': $props.size === 'lg',
-            'sm:max-w-3xl w-full': $props.size === 'xl',
-            'w-full': $props.size === 'full',
-          },
-          $data.isOpen ?
-            'ease-out duration-200 opacity-100 translate-y-0 sm:scale-100'
-            : 'ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
-        ]]),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "modal-headline"
-      }, [
-        renderSlot(_ctx.$slots, "default"),
-        ($props.showClose)
-          ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "absolute rounded-md bg-white -top-4 -right-2 w-8 h-8 shadow-md flex items-center justify-center cursor-pointer",
-              onClick: _cache[1] || (_cache[1] = $event => ($options.close()))
-            }, _hoisted_3))
-          : createCommentVNode("v-if", true)
-      ], 2 /* CLASS */)
-    ])
-  ], 2 /* CLASS */))
-}
-
-export { render };

package/lib/esm/components/note/Note.vue.js

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

package/lib/esm/components/note/Note.vue_vue_type_script_lang.js

@@ -1,22 +0,0 @@
-var script = {
-  name: 'XNote',
-
-  props: {
-    filled: {
-      type: Boolean,
-      default: false,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-  },
-};
-
-export { script as default };