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

Comparing version 0.13.20 to 0.14.0-alpha.48

dist/app-bar.iife.js

@@ -1,1 +0,1 @@
-var AppBar=function(o,e){"use strict";const i={inheritAttrs:!1},d=e.defineComponent({...i,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(a,{expose:s,emit:f}){const c=a,{modelValue:n}=e.toRefs(c),l=e.ref(n.value);e.watch(l,t=>{f("update:modelValue",t)}),e.watch(n,t=>{l.value=t});const r=()=>l.value=!l.value;return s(r),(t,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:a.transition},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${a.color}`,typeof a.shadow=="string"?`app-bar--shadow-${a.shadow}`:a.shadow?"app-bar--shadow":"",a.size?`app-bar--${a.size}`:"",{"app-bar--fixed":a.fixed,"app-bar--sticky":a.sticky,"app-bar--bordered":a.bordered}]]},t.$attrs),[e.renderSlot(t.$slots,"default",{toggle:r})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});return o.VAppBar=d,o.default=d,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),o}({},Vue);
+var AppBar=function(o,e){"use strict";const u="",s={inheritAttrs:!1},n=e.defineComponent({...s,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(a,{expose:i,emit:c}){const f=a,{modelValue:d}=e.toRefs(f),l=e.ref(d.value);e.watch(l,t=>{c("update:modelValue",t)}),e.watch(d,t=>{l.value=t});const r=()=>l.value=!l.value;return i(r),(t,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:a.transition},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${a.color}`,typeof a.shadow=="string"?`app-bar--shadow-${a.shadow}`:a.shadow?"app-bar--shadow":"",a.size?`app-bar--${a.size}`:"",{"app-bar--fixed":a.fixed,"app-bar--sticky":a.sticky,"app-bar--bordered":a.bordered}]]},t.$attrs),[e.renderSlot(t.$slots,"default",{toggle:r})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});return o.VAppBar=n,o.default=n,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),o}({},Vue);

dist/app-bar.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i={inheritAttrs:!1},r=e.defineComponent({...i,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(a,{expose:n,emit:u}){const s=a,{modelValue:o}=e.toRefs(s),l=e.ref(o.value);e.watch(l,t=>{u("update:modelValue",t)}),e.watch(o,t=>{l.value=t});const d=()=>l.value=!l.value;return n(d),(t,f)=>(e.openBlock(),e.createBlock(e.Transition,{name:a.transition},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${a.color}`,typeof a.shadow=="string"?`app-bar--shadow-${a.shadow}`:a.shadow?"app-bar--shadow":"",a.size?`app-bar--${a.size}`:"",{"app-bar--fixed":a.fixed,"app-bar--sticky":a.sticky,"app-bar--bordered":a.bordered}]]},t.$attrs),[e.renderSlot(t.$slots,"default",{toggle:d})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.VAppBar=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");const i={inheritAttrs:!1},d=e.defineComponent({...i,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(a,{expose:n,emit:s}){const u=a,{modelValue:o}=e.toRefs(u),l=e.ref(o.value);e.watch(l,t=>{s("update:modelValue",t)}),e.watch(o,t=>{l.value=t});const r=()=>l.value=!l.value;return n(r),(t,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:a.transition},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${a.color}`,typeof a.shadow=="string"?`app-bar--shadow-${a.shadow}`:a.shadow?"app-bar--shadow":"",a.size?`app-bar--${a.size}`:"",{"app-bar--fixed":a.fixed,"app-bar--sticky":a.sticky,"app-bar--bordered":a.bordered}]]},t.$attrs),[e.renderSlot(t.$slots,"default",{toggle:r})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.VAppBar=d;exports.default=d;

dist/app-bar.umd.js

@@ -1,1 +0,1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.AppBar={},a.Vue))})(this,function(a,e){"use strict";const r={inheritAttrs:!1},d=e.defineComponent({...r,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(t,{expose:s,emit:f}){const u=t,{modelValue:l}=e.toRefs(u),n=e.ref(l.value);e.watch(n,o=>{f("update:modelValue",o)}),e.watch(l,o=>{n.value=o});const i=()=>n.value=!n.value;return s(i),(o,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:t.transition},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${t.color}`,typeof t.shadow=="string"?`app-bar--shadow-${t.shadow}`:t.shadow?"app-bar--shadow":"",t.size?`app-bar--${t.size}`:"",{"app-bar--fixed":t.fixed,"app-bar--sticky":t.sticky,"app-bar--bordered":t.bordered}]]},o.$attrs),[e.renderSlot(o.$slots,"default",{toggle:i})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});a.VAppBar=d,a.default=d,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.AppBar={},a.Vue))})(this,function(a,e){"use strict";const p="",r={inheritAttrs:!1},l=e.defineComponent({...r,__name:"VAppBar",props:{modelValue:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},shadow:{type:[Boolean,String],default:!1},color:{type:String,default:"default"},transition:{type:String,default:"fade"},size:{type:String,default:"md"}},emits:["update:modelValue"],setup(t,{expose:i,emit:f}){const u=t,{modelValue:d}=e.toRefs(u),n=e.ref(d.value);e.watch(n,o=>{f("update:modelValue",o)}),e.watch(d,o=>{n.value=o});const s=()=>n.value=!n.value;return i(s),(o,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:t.transition},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("header",e.mergeProps({key:0,class:["app-bar",[`app-bar-${t.color}`,typeof t.shadow=="string"?`app-bar--shadow-${t.shadow}`:t.shadow?"app-bar--shadow":"",t.size?`app-bar--${t.size}`:"",{"app-bar--fixed":t.fixed,"app-bar--sticky":t.sticky,"app-bar--bordered":t.bordered}]]},o.$attrs),[e.renderSlot(o.$slots,"default",{toggle:s})],16)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});a.VAppBar=l,a.default=l,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@gits-id/app-bar",
-  "version": "0.13.20",
-  "description": "Application Bar / Navigation Bar Component",
+  "version": "0.14.0-alpha.48+b403f585",
+  "description": "The AppBar, also known as a Navigation Bar, is a component used to display content at the top of a page.",
   "scripts": {
@@ -22,5 +22,5 @@ "build": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
   "devDependencies": {
-    "@gits-id/button": "^0.13.20",
-    "@gits-id/icon": "^0.13.20",
-    "@gits-id/tailwind-config": "^0.13.20",
+    "@gits-id/button": "^0.14.0-alpha.48+b403f585",
+    "@gits-id/icon": "^0.14.0-alpha.48+b403f585",
+    "@gits-id/tailwind-config": "^0.14.0-alpha.48+b403f585",
     "@vue/test-utils": "^2.0.0-rc.17",
@@ -46,3 +46,3 @@ "c8": "^7.11.3",
   },
-  "gitHead": "7ea03f4873d31042f5cc51c4d6a29484717965ab"
+  "gitHead": "b403f585284423524872f48fd7ccd2c7ea017207"
 }

README.md

@@ -1,23 +0,25 @@
-# AppBar Component
+# GITS AppBar
 
-Application Bar Component. Generally used for navigation bar.
+The AppBar, also known as a Navigation Bar, is a component used to display content at the top of a page.
 
 ## Installation
 
-Via npm:
+Install with your prefered package manager.
 
+With NPM:
+
 ```
-npm i @gits-id/app-bar
+npm i @gits-id/alert
 ```
 
-Via yarn:
+With Yarn:
 
 ```
-yarn add @gits-id/app-bar
+yarn add @gits-id/alert
 ```
 
-Via pnpm:
+With PNPM:
 
 ```
-pnpm i @gits-id/app-bar
+pnpm i @gits-id/alert
 ```
@@ -27,2 +29,4 @@
 
+To use the component, you can simply include it in your template like this:
+
 ```vue
@@ -29,0 +33,0 @@ <script setup lang="ts">

src/VAppBar.stories.ts

@@ -9,2 +9,3 @@ import VAppBar from './VAppBar.vue';
 import '@gits-id/forms/dist/style.css';
+import '@gits-id/theme/transition.css';
 
@@ -22,7 +23,9 @@ export default {
   template: `
+  <div>
 <VAppBar v-bind="args">Hello</VAppBar>
-<main class="container mx-auto p-6 space-y-2">
+<main class="container mx-auto p-6 space-y-2 mt-2">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pellentesque diam, ac sollicitudin urna. Integer blandit quam quis arcu tempus, non consequat leo consectetur. Aliquam id consectetur nibh. Pellentesque tincidunt dolor eu malesuada sagittis. Nam eu porttitor libero. Pellentesque aliquam, metus ac sagittis tincidunt, quam eros vehicula lacus, sed rhoncus nulla mauris a eros. Suspendisse imperdiet blandit risus vitae hendrerit. Nunc eget nisl ut tellus efficitur hendrerit ac sed nisl. Nunc sed blandit nulla, at scelerisque justo. Duis mollis interdum orci. Cras pulvinar laoreet massa, at iaculis enim efficitur eu. Nam et lacus at turpis gravida aliquam nec nec arcu. Sed venenatis enim nec velit feugiat, vitae ullamcorper tellus lacinia.</p>
   <p>Sed ut ante id elit maximus accumsan. Sed at ligula vitae velit elementum scelerisque. Phasellus vel felis vel lacus sodales ullamcorper. Fusce pharetra lorem ac ultricies laoreet. Pellentesque congue nunc vitae nibh bibendum, id volutpat ligula pretium. Suspendisse semper ipsum sit amet interdum efficitur. Quisque elit nunc, porttitor ut eleifend at, fermentum sit amet elit. Etiam a ultricies felis, sed eleifend sapien. Donec id eros velit. Morbi blandit commodo vulputate. Praesent interdum sollicitudin rhoncus. Maecenas commodo ac ante eu egestas. In hac habitasse platea dictumst. Cras quis consequat justo.</p>
 </main>
+</div>
 `,
@@ -29,0 +32,0 @@ });

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

42137

increased by14.52%

Number of package files

24

increased by9.09%

Lines of code

814

increased by1.37%

Number of lines in readme file

51

increased by8.51%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes