@indielayer/ui 0.1.1 → 0.2.0

package/lib/cjs/composables/interactive.js

@@ -0,0 +1,43 @@
+'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 methods = {
+    focus: () => {
+      if (focusRef.value) focusRef.value.focus();
+    },
+  };
+
+  return {
+    focusRef,
+    ...methods,
+  }
+};
+
+exports.useInteractive = useInteractive;
+exports.withProps = withProps;
+exports.withValidator = withValidator;

package/lib/cjs/index.js

@@ -4,72 +4,74 @@ 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');
+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');
+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');
+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');
+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');
+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');
+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');
+var Divider_vue_vue_type_script_lang = require('./components/divider/Divider.vue_vue_type_script_lang.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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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');
+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 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 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]) => {
@@ -91,6 +93,7 @@ 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;
@@ -121,4 +124,5 @@ 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/esm/components/Colors.vue.js

@@ -0,0 +1,9 @@
+import { render } from './Colors.vue_vue_type_template_id_039e5c98_lang.js';
+
+const script = {};
+
+
+script.render = render;
+var script$1 = script;
+
+export { script$1 as default };

package/lib/esm/components/Colors.vue_vue_type_template_id_039e5c98_lang.js

@@ -0,0 +1,402 @@
+import { openBlock, createElementBlock, normalizeClass } from 'vue';
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass([
+      'bg-primary-50',
+      'bg-primary-200',
+      'bg-primary-500',
+      'bg-primary-600',
+      'bg-primary-800',
+      'border-primary-200',
+      'border-primary-500',
+      'border-primary-600',
+      'border-primary-700',
+      'border-primary-900',
+      'text-primary-50',
+      'text-primary-500',
+      'text-primary-600',
+      'text-primary-900',
+      'shadow-primary-500/50',
+      'bg-secondary-50',
+      'bg-secondary-200',
+      'bg-secondary-500',
+      'bg-secondary-600',
+      'bg-secondary-800',
+      'border-secondary-200',
+      'border-secondary-500',
+      'border-secondary-600',
+      'border-secondary-700',
+      'border-secondary-900',
+      'text-secondary-50',
+      'text-secondary-500',
+      'text-secondary-600',
+      'text-secondary-900',
+      'shadow-secondary-500/50',
+      'bg-error-50',
+      'bg-error-200',
+      'bg-error-500',
+      'bg-error-600',
+      'bg-error-800',
+      'border-error-200',
+      'border-error-500',
+      'border-error-600',
+      'border-error-700',
+      'border-error-900',
+      'text-error-50',
+      'text-error-500',
+      'text-error-600',
+      'text-error-900',
+      'shadow-error-500/50',
+      'bg-warning-50',
+      'bg-warning-200',
+      'bg-warning-500',
+      'bg-warning-600',
+      'bg-warning-800',
+      'border-warning-200',
+      'border-warning-500',
+      'border-warning-600',
+      'border-warning-700',
+      'border-warning-900',
+      'text-warning-50',
+      'text-warning-500',
+      'text-warning-600',
+      'text-warning-900',
+      'shadow-warning-500/50',
+      'bg-success-50',
+      'bg-success-200',
+      'bg-success-500',
+      'bg-success-600',
+      'bg-success-800',
+      'border-success-200',
+      'border-success-500',
+      'border-success-600',
+      'border-success-700',
+      'border-success-900',
+      'text-success-50',
+      'text-success-500',
+      'text-success-600',
+      'text-success-900',
+      'shadow-success-500/50',
+      'bg-rose-50',
+      'bg-rose-200',
+      'bg-rose-500',
+      'bg-rose-600',
+      'bg-rose-800',
+      'border-rose-200',
+      'border-rose-500',
+      'border-rose-600',
+      'border-rose-700',
+      'border-rose-900',
+      'text-rose-50',
+      'text-rose-500',
+      'text-rose-600',
+      'text-rose-900',
+      'shadow-rose-500/50',
+      'bg-zinc-50',
+      'bg-zinc-200',
+      'bg-zinc-500',
+      'bg-zinc-600',
+      'bg-zinc-800',
+      'border-zinc-200',
+      'border-zinc-500',
+      'border-zinc-600',
+      'border-zinc-700',
+      'border-zinc-900',
+      'text-zinc-50',
+      'text-zinc-500',
+      'text-zinc-600',
+      'text-zinc-900',
+      'shadow-zinc-500/50',
+      'bg-neutral-50',
+      'bg-neutral-200',
+      'bg-neutral-500',
+      'bg-neutral-600',
+      'bg-neutral-800',
+      'border-neutral-200',
+      'border-neutral-500',
+      'border-neutral-600',
+      'border-neutral-700',
+      'border-neutral-900',
+      'text-neutral-50',
+      'text-neutral-500',
+      'text-neutral-600',
+      'text-neutral-900',
+      'shadow-neutral-500/50',
+      'bg-stone-50',
+      'bg-stone-200',
+      'bg-stone-500',
+      'bg-stone-600',
+      'bg-stone-800',
+      'border-stone-200',
+      'border-stone-500',
+      'border-stone-600',
+      'border-stone-700',
+      'border-stone-900',
+      'text-stone-50',
+      'text-stone-500',
+      'text-stone-600',
+      'text-stone-900',
+      'shadow-stone-500/50',
+      'bg-pink-50',
+      'bg-pink-200',
+      'bg-pink-500',
+      'bg-pink-600',
+      'bg-pink-800',
+      'border-pink-200',
+      'border-pink-500',
+      'border-pink-600',
+      'border-pink-700',
+      'border-pink-900',
+      'text-pink-50',
+      'text-pink-500',
+      'text-pink-600',
+      'text-pink-900',
+      'shadow-pink-500/50',
+      'bg-fuchsia-50',
+      'bg-fuchsia-200',
+      'bg-fuchsia-500',
+      'bg-fuchsia-600',
+      'bg-fuchsia-800',
+      'border-fuchsia-200',
+      'border-fuchsia-500',
+      'border-fuchsia-600',
+      'border-fuchsia-700',
+      'border-fuchsia-900',
+      'text-fuchsia-50',
+      'text-fuchsia-500',
+      'text-fuchsia-600',
+      'text-fuchsia-900',
+      'shadow-fuchsia-500/50',
+      'bg-purple-50',
+      'bg-purple-200',
+      'bg-purple-500',
+      'bg-purple-600',
+      'bg-purple-800',
+      'border-purple-200',
+      'border-purple-500',
+      'border-purple-600',
+      'border-purple-700',
+      'border-purple-900',
+      'text-purple-50',
+      'text-purple-500',
+      'text-purple-600',
+      'text-purple-900',
+      'shadow-purple-500/50',
+      'bg-violet-50',
+      'bg-violet-200',
+      'bg-violet-500',
+      'bg-violet-600',
+      'bg-violet-800',
+      'border-violet-200',
+      'border-violet-500',
+      'border-violet-600',
+      'border-violet-700',
+      'border-violet-900',
+      'text-violet-50',
+      'text-violet-500',
+      'text-violet-600',
+      'text-violet-900',
+      'shadow-violet-500/50',
+      'bg-indigo-50',
+      'bg-indigo-200',
+      'bg-indigo-500',
+      'bg-indigo-600',
+      'bg-indigo-800',
+      'border-indigo-200',
+      'border-indigo-500',
+      'border-indigo-600',
+      'border-indigo-700',
+      'border-indigo-900',
+      'text-indigo-50',
+      'text-indigo-500',
+      'text-indigo-600',
+      'text-indigo-900',
+      'shadow-indigo-500/50',
+      'bg-blue-50',
+      'bg-blue-200',
+      'bg-blue-500',
+      'bg-blue-600',
+      'bg-blue-800',
+      'border-blue-200',
+      'border-blue-500',
+      'border-blue-600',
+      'border-blue-700',
+      'border-blue-900',
+      'text-blue-50',
+      'text-blue-500',
+      'text-blue-600',
+      'text-blue-900',
+      'shadow-blue-500/50',
+      'bg-sky-50',
+      'bg-sky-200',
+      'bg-sky-500',
+      'bg-sky-600',
+      'bg-sky-800',
+      'border-sky-200',
+      'border-sky-500',
+      'border-sky-600',
+      'border-sky-700',
+      'border-sky-900',
+      'text-sky-50',
+      'text-sky-500',
+      'text-sky-600',
+      'text-sky-900',
+      'shadow-sky-500/50',
+      'bg-cyan-50',
+      'bg-cyan-200',
+      'bg-cyan-500',
+      'bg-cyan-600',
+      'bg-cyan-800',
+      'border-cyan-200',
+      'border-cyan-500',
+      'border-cyan-600',
+      'border-cyan-700',
+      'border-cyan-900',
+      'text-cyan-50',
+      'text-cyan-500',
+      'text-cyan-600',
+      'text-cyan-900',
+      'shadow-cyan-500/50',
+      'bg-teal-50',
+      'bg-teal-200',
+      'bg-teal-500',
+      'bg-teal-600',
+      'bg-teal-800',
+      'border-teal-200',
+      'border-teal-500',
+      'border-teal-600',
+      'border-teal-700',
+      'border-teal-900',
+      'text-teal-50',
+      'text-teal-500',
+      'text-teal-600',
+      'text-teal-900',
+      'shadow-teal-500/50',
+      'bg-emerald-50',
+      'bg-emerald-200',
+      'bg-emerald-500',
+      'bg-emerald-600',
+      'bg-emerald-800',
+      'border-emerald-200',
+      'border-emerald-500',
+      'border-emerald-600',
+      'border-emerald-700',
+      'border-emerald-900',
+      'text-emerald-50',
+      'text-emerald-500',
+      'text-emerald-600',
+      'text-emerald-900',
+      'shadow-emerald-500/50',
+      'bg-green-50',
+      'bg-green-200',
+      'bg-green-500',
+      'bg-green-600',
+      'bg-green-800',
+      'border-green-200',
+      'border-green-500',
+      'border-green-600',
+      'border-green-700',
+      'border-green-900',
+      'text-green-50',
+      'text-green-500',
+      'text-green-600',
+      'text-green-900',
+      'shadow-green-500/50',
+      'bg-lime-50',
+      'bg-lime-200',
+      'bg-lime-500',
+      'bg-lime-600',
+      'bg-lime-800',
+      'border-lime-200',
+      'border-lime-500',
+      'border-lime-600',
+      'border-lime-700',
+      'border-lime-900',
+      'text-lime-50',
+      'text-lime-500',
+      'text-lime-600',
+      'text-lime-900',
+      'shadow-lime-500/50',
+      'bg-yellow-50',
+      'bg-yellow-200',
+      'bg-yellow-500',
+      'bg-yellow-600',
+      'bg-yellow-800',
+      'border-yellow-200',
+      'border-yellow-500',
+      'border-yellow-600',
+      'border-yellow-700',
+      'border-yellow-900',
+      'text-yellow-50',
+      'text-yellow-500',
+      'text-yellow-600',
+      'text-yellow-900',
+      'shadow-yellow-500/50',
+      'bg-amber-50',
+      'bg-amber-200',
+      'bg-amber-500',
+      'bg-amber-600',
+      'bg-amber-800',
+      'border-amber-200',
+      'border-amber-500',
+      'border-amber-600',
+      'border-amber-700',
+      'border-amber-900',
+      'text-amber-50',
+      'text-amber-500',
+      'text-amber-600',
+      'text-amber-900',
+      'shadow-amber-500/50',
+      'bg-orange-50',
+      'bg-orange-200',
+      'bg-orange-500',
+      'bg-orange-600',
+      'bg-orange-800',
+      'border-orange-200',
+      'border-orange-500',
+      'border-orange-600',
+      'border-orange-700',
+      'border-orange-900',
+      'text-orange-50',
+      'text-orange-500',
+      'text-orange-600',
+      'text-orange-900',
+      'shadow-orange-500/50',
+      'bg-red-50',
+      'bg-red-200',
+      'bg-red-500',
+      'bg-red-600',
+      'bg-red-800',
+      'border-red-200',
+      'border-red-500',
+      'border-red-600',
+      'border-red-700',
+      'border-red-900',
+      'text-red-50',
+      'text-red-500',
+      'text-red-600',
+      'text-red-900',
+      'shadow-red-500/50',
+      'bg-gray-50',
+      'bg-gray-200',
+      'bg-gray-500',
+      'bg-gray-600',
+      'bg-gray-800',
+      'border-gray-200',
+      'border-gray-500',
+      'border-gray-600',
+      'border-gray-700',
+      'border-gray-900',
+      'text-gray-50',
+      'text-gray-500',
+      'text-gray-600',
+      'text-gray-900',
+      'shadow-gray-500/50',
+    ])
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", _hoisted_1))
+}
+
+export { render };

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

@@ -1,5 +1,5 @@
-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=36a4d50f&lang.js';
+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_d5090cb0_lang.js';
 
 script.render = render;

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

@@ -0,0 +1,84 @@
+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 };