@code-coaching/vuetiful 0.8.1 → 0.9.0

package/dist/types/components/atoms/VButton.vue.d.ts

@@ -1,20 +1,27 @@
 declare const _default: import("vue").DefineComponent<{
+    icon: {
+        type: () => boolean;
+        default: boolean;
+    };
     tag: {
         type: () => string;
         default: string;
     };
-    msg: {
-        type: StringConstructor;
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: () => boolean;
+        default: boolean;
     };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: () => string;
         default: string;
     };
-    msg: {
-        type: StringConstructor;
-    };
-}>>, {
+}>> & {
+    onClick?: (() => any) | undefined;
+}, {
+    icon: boolean;
     tag: string;
 }>;
 export default _default;

package/dist/types/services/drawer.service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/services/rail.service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/vuetiful.es.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, resolveDynamicComponent, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode, ref, reactive, readonly, toRefs, computed, onMounted, createVNode, Transition, provide, createElementVNode, inject, mergeProps, withDirectives, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
+import { defineComponent, useAttrs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, resolveDynamicComponent, withCtx, ref, reactive, readonly, toRefs, computed, onMounted, Fragment, createVNode, Transition, createCommentVNode, provide, createElementVNode, inject, mergeProps, toDisplayString, withDirectives, createTextVNode, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VBadge",
   setup(__props) {
@@ -16,29 +16,52 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VButton",
   props: {
+    icon: {
+      type: Boolean,
+      default: false
+    },
     tag: {
       type: String,
       default: "button"
-    },
-    msg: {
-      type: String
     }
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, { emit }) {
     const attrs = useAttrs();
+    const activate = () => {
+      emit("click");
+    };
+    const clickHandler = (event) => {
+      event.preventDefault();
+      activate();
+    };
+    const keydownHandler = (event) => {
+      if (["Enter", " "].includes(event.key))
+        event.preventDefault();
+      if (event.key === "Enter")
+        activate();
+    };
+    const keyupHandler = (event) => {
+      if (event.key === " ") {
+        event.preventDefault();
+        activate();
+      }
+    };
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
-        class: normalizeClass(`vuetiful-button btn border-token hover:cursor-pointer ${(_a = unref(attrs).class) != null ? _a : ""}`)
+        tabindex: "0",
+        role: "button",
+        class: normalizeClass(`vuetiful-button ${__props.icon ? "btn-icon" : "btn"} border-token hover:cursor-pointer ${(_a = unref(attrs).class) != null ? _a : ""}`),
+        onClick: clickHandler,
+        onKeydown: keydownHandler,
+        onKeyup: keyupHandler
       }, {
         default: withCtx(() => [
-          __props.msg ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(__props.msg), 1)
-          ], 64)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 40, ["class"]);
     };
   }
 });
@@ -264,24 +287,33 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const { selectedRailTile: selectedRailTile2 } = useRail();
     const active = inject("active");
     const hover = inject("hover");
-    const onClickHandler = () => {
-      if (!props.value)
-        return;
+    const activate = () => {
       selectedRailTile2.value = props.value;
       emit("click");
     };
-    const onKeyHandler = (event) => {
-      if (!props.value)
-        return;
-      if (!["Enter", "Space"].includes(event.key))
-        return;
-      selectedRailTile2.value = props.value;
-      emit("click");
+    const clickHandler = (event) => {
+      event.preventDefault();
+      activate();
+    };
+    const keydownHandler = (event) => {
+      if (["Enter", " "].includes(event.key))
+        event.preventDefault();
+      if (event.key === "Enter")
+        activate();
+    };
+    const keyupHandler = (event) => {
+      if (event.key === " ") {
+        event.preventDefault();
+        activate();
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        onClick: onClickHandler,
-        onKeydown: onKeyHandler
+        role: "button",
+        tabindex: "0",
+        onClick: clickHandler,
+        onKeydown: keydownHandler,
+        onKeyup: keyupHandler
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps(unref(attrs), {
           class: `app-rail-tile unstyled grid aspect-square w-full cursor-pointer place-content-center place-items-center space-y-1.5 ${unref(hover)} ${unref(selectedRailTile2) === __props.value ? `${unref(active)}` : ""} ${unref(attrs).class || ""}`