@gits-id/app-bar - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0-alpha.1

dist/app-bar.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),c=require("@heroicons/vue/outline"),p=require("@gits-id/button");function v(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var g=v(p);var _=(t,r)=>{const a=t.__vccOpts||t;for(const[o,l]of r)a[o]=l;return a};const m={class:"flex-grow"},y=e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{emit:r}){const a=t,{mini:o,fixed:l,drawer:f,dark:n,hideToggle:i}=e.toRefs(a),u=()=>r("toggleMenu");return(d,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(n)?"bg-black":"bg-white",e.unref(o)?"v-app-bar-mini":e.unref(f)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(l)?"fixed w-full":"relative"]])},[e.unref(i)?e.createCommentVNode("",!0):e.renderSlot(d.$slots,"toggle",{key:0,toggle:u},()=>[e.createVNode(e.unref(g.default),{text:"",icon:"",dense:"",rounded:"",color:e.unref(n)?"white":"",class:"hover:bg-transparent hover:text-primary-500 mr-2",onClick:u},{default:e.withCtx(()=>[e.createVNode(e.unref(c.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",m,[e.renderSlot(d.$slots,"default",{},void 0,!0)])],2))}});var s=_(y,[["__scopeId","data-v-be735c64"]]);exports.VAppBar=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),p=require("@heroicons/vue/outline"),g=require("@gits-id/button");function v(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=v(g);var m=(t,r)=>{const a=t.__vccOpts||t;for(const[o,l]of r)a[o]=l;return a};const y=["data-hide-toggle"],h=e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{expose:r,emit:a}){const o=t,{mini:l,fixed:f,drawer:c,dark:d,hideToggle:i}=e.toRefs(o),n=()=>a("toggleMenu");return r(n),(u,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(d)?"bg-gray-900 text-white":"bg-white",e.unref(l)?"v-app-bar-mini":e.unref(c)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(f)?"fixed w-full":"relative"]])},[e.renderSlot(u.$slots,"default",{},()=>[e.unref(i)?e.createCommentVNode("",!0):e.renderSlot(u.$slots,"toggle",{key:0,toggle:n},()=>[e.createVNode(e.unref(_.default),{text:"",icon:"",dense:"",rounded:"","btn-toggle":"",color:e.unref(d)?"white":"",class:"btn-toggle hover:bg-transparent hover:text-primary-500 mr-2",onClick:n},{default:e.withCtx(()=>[e.createVNode(e.unref(p.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",{class:"flex-grow","data-hide-toggle":e.unref(i)},[e.renderSlot(u.$slots,"default",{},void 0,!0)],8,y)],!0)],2))}});var s=m(h,[["__scopeId","data-v-7870a1c6"]]);exports.VAppBar=s;exports.default=s;

dist/app-bar.es.js

@@ -15,3 +15,3 @@ import { defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, createCommentVNode, createElementVNode } from 'vue';
 
-const _hoisted_1 = { class: "flex-grow" };
+const _hoisted_1 = ["data-hide-toggle"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -49,10 +49,11 @@ props: {
   emits: ["toggleMenu", "update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const { mini, fixed, drawer, dark, hideToggle } = toRefs(props);
     const toggleMenu = () => emit("toggleMenu");
+    expose(toggleMenu);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["v-app-bar", [
-          unref(dark) ? "bg-black" : "bg-white",
+          unref(dark) ? "bg-gray-900 text-white" : "bg-white",
           unref(mini) ? "v-app-bar-mini" : unref(drawer) ? "v-app-bar-drawer" : "",
@@ -62,24 +63,30 @@ __props.defaultHidden ? "flex sm:hidden" : unref(fixed) ? "fixed w-full" : "relative"
       }, [
-        !unref(hideToggle) ? renderSlot(_ctx.$slots, "toggle", {
-          key: 0,
-          toggle: toggleMenu
-        }, () => [
-          createVNode(unref(VBtn), {
-            text: "",
-            icon: "",
-            dense: "",
-            rounded: "",
-            color: unref(dark) ? "white" : "",
-            class: "hover:bg-transparent hover:text-primary-500 mr-2",
-            onClick: toggleMenu
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(MenuIcon), { class: "w-6 h-6" })
-            ]),
-            _: 1
-          }, 8, ["color"])
-        ], true) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          !unref(hideToggle) ? renderSlot(_ctx.$slots, "toggle", {
+            key: 0,
+            toggle: toggleMenu
+          }, () => [
+            createVNode(unref(VBtn), {
+              text: "",
+              icon: "",
+              dense: "",
+              rounded: "",
+              "btn-toggle": "",
+              color: unref(dark) ? "white" : "",
+              class: "btn-toggle hover:bg-transparent hover:text-primary-500 mr-2",
+              onClick: toggleMenu
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MenuIcon), { class: "w-6 h-6" })
+              ]),
+              _: 1
+            }, 8, ["color"])
+          ], true) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: "flex-grow",
+            "data-hide-toggle": unref(hideToggle)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 8, _hoisted_1)
+        ], true)
       ], 2);
@@ -89,4 +96,4 @@ };
 });
-var VAppBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be735c64"]]);
+var VAppBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7870a1c6"]]);
 
 export { VAppBar, VAppBar as default };

dist/app-bar.iife.js

@@ -1,1 +0,1 @@
-var AppBar=function(a,e,c,u){"use strict";function p(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=p(u),V="",g=(t,o)=>{const l=t.__vccOpts||t;for(const[r,n]of o)l[r]=n;return l};const m={class:"flex-grow"};var d=g(e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{emit:o}){const l=t,{mini:r,fixed:n,drawer:y,dark:f,hideToggle:B}=e.toRefs(l),s=()=>o("toggleMenu");return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(f)?"bg-black":"bg-white",e.unref(r)?"v-app-bar-mini":e.unref(y)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(n)?"fixed w-full":"relative"]])},[e.unref(B)?e.createCommentVNode("",!0):e.renderSlot(i.$slots,"toggle",{key:0,toggle:s},()=>[e.createVNode(e.unref(_.default),{text:"",icon:"",dense:"",rounded:"",color:e.unref(f)?"white":"",class:"hover:bg-transparent hover:text-primary-500 mr-2",onClick:s},{default:e.withCtx(()=>[e.createVNode(e.unref(c.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",m,[e.renderSlot(i.$slots,"default",{},void 0,!0)])],2))}}),[["__scopeId","data-v-be735c64"]]);return a.VAppBar=d,a.default=d,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),a}({},Vue,outline,VBtn);
+var AppBar=function(a,e,c,p){"use strict";function g(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=g(p),V="",m=(t,o)=>{const l=t.__vccOpts||t;for(const[r,n]of o)l[r]=n;return l};const y=["data-hide-toggle"];var s=m(e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{expose:o,emit:l}){const r=t,{mini:n,fixed:B,drawer:h,dark:i,hideToggle:u}=e.toRefs(r),d=()=>l("toggleMenu");return o(d),(f,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(i)?"bg-gray-900 text-white":"bg-white",e.unref(n)?"v-app-bar-mini":e.unref(h)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(B)?"fixed w-full":"relative"]])},[e.renderSlot(f.$slots,"default",{},()=>[e.unref(u)?e.createCommentVNode("",!0):e.renderSlot(f.$slots,"toggle",{key:0,toggle:d},()=>[e.createVNode(e.unref(_.default),{text:"",icon:"",dense:"",rounded:"","btn-toggle":"",color:e.unref(i)?"white":"",class:"btn-toggle hover:bg-transparent hover:text-primary-500 mr-2",onClick:d},{default:e.withCtx(()=>[e.createVNode(e.unref(c.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",{class:"flex-grow","data-hide-toggle":e.unref(u)},[e.renderSlot(f.$slots,"default",{},void 0,!0)],8,y)],!0)],2))}}),[["__scopeId","data-v-7870a1c6"]]);return a.VAppBar=s,a.default=s,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),a}({},Vue,outline,VBtn);

dist/app-bar.umd.js

@@ -1,1 +0,1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@heroicons/vue/outline"),require("@gits-id/button")):typeof define=="function"&&define.amd?define(["exports","vue","@heroicons/vue/outline","@gits-id/button"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.AppBar={},o.Vue,o.outline,o.VBtn))})(this,function(o,e,u,p){"use strict";function c(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=c(p),B="",g=(t,r)=>{const n=t.__vccOpts||t;for(const[a,l]of r)n[a]=l;return n};const m={class:"flex-grow"};var d=g(e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{emit:r}){const n=t,{mini:a,fixed:l,drawer:y,dark:i,hideToggle:h}=e.toRefs(n),f=()=>r("toggleMenu");return(s,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(i)?"bg-black":"bg-white",e.unref(a)?"v-app-bar-mini":e.unref(y)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(l)?"fixed w-full":"relative"]])},[e.unref(h)?e.createCommentVNode("",!0):e.renderSlot(s.$slots,"toggle",{key:0,toggle:f},()=>[e.createVNode(e.unref(_.default),{text:"",icon:"",dense:"",rounded:"",color:e.unref(i)?"white":"",class:"hover:bg-transparent hover:text-primary-500 mr-2",onClick:f},{default:e.withCtx(()=>[e.createVNode(e.unref(u.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",m,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],2))}}),[["__scopeId","data-v-be735c64"]]);o.VAppBar=d,o.default=d,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@heroicons/vue/outline"),require("@gits-id/button")):typeof define=="function"&&define.amd?define(["exports","vue","@heroicons/vue/outline","@gits-id/button"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.AppBar={},o.Vue,o.outline,o.VBtn))})(this,function(o,e,p,c){"use strict";function g(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=g(c),V="",m=(t,r)=>{const n=t.__vccOpts||t;for(const[a,l]of r)n[a]=l;return n};const h=["data-hide-toggle"];var f=m(e.defineComponent({props:{modelValue:{type:Boolean,default:!0},mini:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},drawer:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},hideToggle:{type:Boolean,default:!1},defaultHidden:{type:Boolean,default:!1}},emits:["toggleMenu","update:modelValue"],setup(t,{expose:r,emit:n}){const a=t,{mini:l,fixed:y,drawer:B,dark:s,hideToggle:u}=e.toRefs(a),d=()=>n("toggleMenu");return r(d),(i,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-app-bar",[e.unref(s)?"bg-gray-900 text-white":"bg-white",e.unref(l)?"v-app-bar-mini":e.unref(B)?"v-app-bar-drawer":"",t.defaultHidden?"flex sm:hidden":e.unref(y)?"fixed w-full":"relative"]])},[e.renderSlot(i.$slots,"default",{},()=>[e.unref(u)?e.createCommentVNode("",!0):e.renderSlot(i.$slots,"toggle",{key:0,toggle:d},()=>[e.createVNode(e.unref(_.default),{text:"",icon:"",dense:"",rounded:"","btn-toggle":"",color:e.unref(s)?"white":"",class:"btn-toggle hover:bg-transparent hover:text-primary-500 mr-2",onClick:d},{default:e.withCtx(()=>[e.createVNode(e.unref(p.MenuIcon),{class:"w-6 h-6"})]),_:1},8,["color"])],!0),e.createElementVNode("div",{class:"flex-grow","data-hide-toggle":e.unref(u)},[e.renderSlot(i.$slots,"default",{},void 0,!0)],8,h)],!0)],2))}}),[["__scopeId","data-v-7870a1c6"]]);o.VAppBar=f,o.default=f,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@gits-id/app-bar",
-  "version": "0.3.0",
+  "version": "0.4.0-alpha.1+ba7ba8c",
   "description": "GITS AppBar Component",
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "prepublishOnly": "npm run build",
+    "test": "vitest"
+  },
   "keywords": [
@@ -13,11 +18,14 @@ "app-bar",
   "dependencies": {
-    "@heroicons/vue": "^1.0.6"
+    "@heroicons/vue": "^1.0.6",
+    "vue": "^3.2.33"
   },
   "devDependencies": {
-    "@gits-id/button": "^0.3.0",
-    "@gits-id/tailwind-config": "^0.3.0",
-    "@gits-id/utils": "^0.3.0",
+    "@gits-id/button": "^0.4.0-alpha.1+ba7ba8c",
+    "@gits-id/tailwind-config": "^0.4.0-alpha.1+ba7ba8c",
+    "@gits-id/utils": "^0.4.0-alpha.1+ba7ba8c",
     "@vue/test-utils": "^2.0.0-rc.17",
+    "c8": "^7.11.3",
     "tailwindcss": "^3.0.23",
-    "vitest": "^0.7.10"
+    "vite": "^2.9.9",
+    "vitest": "^0.12.4"
   },
@@ -29,7 +37,3 @@ "main": "dist/app-bar.umd.js",
   "types": "./dist/types/index.d.ts",
-  "gitHead": "1c8786cbf03a24b464264d95d0d3a90812476412",
-  "scripts": {
-    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "test": "vitest"
-  }
-}
+  "gitHead": "ba7ba8c5dc8af8222d6e31795ca3cfa86995b5ec"
+}

src/VAppBar.stories.ts

@@ -17,9 +17,6 @@ import VAppBar from './VAppBar.vue';
 const Template: Story<{}> = (args) => ({
-  // Components used in your story `template` are defined in the `components` object
   components: {VAppBar},
-  // The story's `args` need to be mapped into the template through the `setup()` method
   setup() {
     return {args};
   },
-  // And then the `args` are bound to your component with `v-bind="args"`
   template: `<VAppBar v-bind="args">Hello</VAppBar>`,
@@ -83,5 +80,5 @@ });
     source: {
-      code: `<v-app-bar dark class="rounded-lg"/>`,
+      code: `<v-app-bar class="rounded-lg">`,
     },
   },
 };

tsconfig.json

@@ -19,4 +19,4 @@ {
   },
-  "include": ["vue.d.ts", "*.vue", "src"],
+  "include": ["src/vue.d.ts", "*.vue", "src"],
   "exclude": ["**/*.stories.ts", "**/*.spec.ts", "**/*.test.ts"]
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19621

increased by24.65%

Number of package files

20

increased by5.26%

Lines of code

396

increased by44%

Worsened metrics

Dependency count

2

increased by100%

Dev dependency count

8

increased by33.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedvue@^3.2.33