asyncy-ui-components - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

dist/AppHeader.js

@@ -213,3 +213,3 @@ //
           margin: '6px 0 0 0'
-        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-narrow"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch is-narrow align-center"},[_c('nav',[_c('ul',{staticClass:"links"},_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.button)?_c('button',{staticClass:"header-button"},[_vm._v(_vm._s(link.text))]):_vm._e(),_vm._v(" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],1)}))])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
+        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-narrow"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch align-center links-column"},[_c('nav',{staticClass:"nav"},[_c('ul',{staticClass:"links"},_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.button)?_c('button',{staticClass:"header-button"},[_vm._v(_vm._s(link.text))]):_vm._e(),_vm._v(" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],1)}))])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
             padding: '22px',
@@ -224,7 +224,7 @@ })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1)]):_vm._l((link.items),function(item,index){return _c('li',{key:index,staticClass:"column",style:({
     if (!inject) return
-    inject("data-v-7aa7cd76_0", { source: "\n.app-header[data-v-7aa7cd76]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#111;padding-top:10px;padding-bottom:10px;min-height:66px;display:flex;align-items:center\n}\n.app-header .app-header-columns[data-v-7aa7cd76]{flex-grow:1;margin:0 auto;max-width:1440px;padding:0 25px\n}\n.logo-container[data-v-7aa7cd76]{margin:0\n}\n.mobile-menu[data-v-7aa7cd76]{position:fixed;background:#111;text-align:right;width:100vw;height:100vh;left:0;top:0;padding:23px;z-index:3000\n}\n.hamburger-container[data-v-7aa7cd76]{justify-content:flex-end;margin-left:30px\n}\n.hamburger-container .mobile-menu-icon-hamburger[data-v-7aa7cd76]{font-size:32px;line-height:20px;text-align:right;vertical-align:top\n}\n.mobile-menu-icon-close[data-v-7aa7cd76]{width:100%;font-size:2em;padding-bottom:25px\n}\n.icon[data-v-7aa7cd76]{color:#fff;cursor:pointer\n}\n.mobile-links[data-v-7aa7cd76]{text-align:center;font-size:1.2em;padding-left:0\n}\n.links[data-v-7aa7cd76]{text-align:right;font-size:1.06em;margin:0;padding:0\n}\n.links .web-header-link[data-v-7aa7cd76]{display:inline;margin-left:90px\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child{margin-left:0\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child:nth-last-child(5),.links .web-header-link:first-child:nth-last-child(5)~.web-header-link[data-v-7aa7cd76]{margin-left:65px\n}\n.header-button[data-v-7aa7cd76]{color:#fff;padding:13px 22px;border-radius:6px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.header-button[data-v-7aa7cd76]:hover{color:#111;background-color:#fff;border-color:#111\n}\n.link[data-v-7aa7cd76]{position:relative\n}\n.link a[data-v-7aa7cd76]{color:#fff;font-weight:400;font-size:.9em;cursor:pointer\n}\n.link[data-v-7aa7cd76]:before{content:\"\";position:absolute;width:100%;height:2px;bottom:-9px;background-color:#888;visibility:hidden;transform:scaleX(0);transition:all .15s ease-out 0s\n}\n.link[data-v-7aa7cd76]:hover:before{visibility:visible;transform:scaleX(1)\n}\n.link:hover a[data-v-7aa7cd76]{color:#d1d1d1;transition:all .15s ease-in-out 0s\n}\n.dropdown-header-text[data-v-7aa7cd76]{color:#fff;font-size:.9em\n}\n.dropdown[data-v-7aa7cd76]{vertical-align:baseline\n}\n.dropdown-menu[data-v-7aa7cd76]{min-width:130px\n}\n.dropdown-item[data-v-7aa7cd76]{font-weight:400;font-size:.9em;padding-right:0;cursor:pointer\n}\n.dropdown-content[data-v-7aa7cd76]{text-align:left\n}\n.header-form[data-v-7aa7cd76]{width:100%\n}\n.search-container[data-v-7aa7cd76]{margin-left:2rem\n}\n.header-search-bar[data-v-7aa7cd76]{font-size:1em;border-radius:6px;border:1px solid transparent;padding:12px 20px;background-color:#232323;color:#bebebe;transition:all .2s ease-in-out;outline:0;width:100%\n}\n.header-search-bar[data-v-7aa7cd76]:focus{border-color:#515cf9;filter:brightness(120%);color:#fff\n}\n.align-center[data-v-7aa7cd76]{padding:0;display:flex;align-items:center\n}", map: undefined, media: undefined });
+    inject("data-v-028c3d01_0", { source: "\n.app-header[data-v-028c3d01]{background:#111;padding-top:10px;padding-bottom:10px;min-height:66px;display:flex;align-items:center\n}\n.app-header .app-header-columns[data-v-028c3d01]{flex-grow:1;margin:0 auto;max-width:1440px;padding:0 25px;overflow:scroll\n}\n.logo-container[data-v-028c3d01]{margin:0\n}\n.mobile-menu[data-v-028c3d01]{position:fixed;background:#111;text-align:right;width:100vw;height:100vh;left:0;top:0;padding:23px;z-index:3000\n}\n.hamburger-container[data-v-028c3d01]{justify-content:flex-end;margin-left:30px\n}\n.hamburger-container .mobile-menu-icon-hamburger[data-v-028c3d01]{font-size:32px;line-height:20px;text-align:right;vertical-align:top\n}\n.mobile-menu-icon-close[data-v-028c3d01]{width:100%;font-size:2em;padding-bottom:25px\n}\n.icon[data-v-028c3d01]{color:#fff;cursor:pointer\n}\n.mobile-links[data-v-028c3d01]{text-align:center;font-size:1.2em;padding-left:0\n}\n.links-column[data-v-028c3d01]{flex:auto\n}\n.nav[data-v-028c3d01]{width:100%\n}\n.links[data-v-028c3d01]{text-align:right;font-size:1.06em;margin:0;padding:0\n}\n.links .web-header-link[data-v-028c3d01]{display:inline;margin-left:90px;white-space:nowrap\n}\n.links .web-header-link[data-v-028c3d01]:first-child{margin-left:0\n}\n.links .web-header-link[data-v-028c3d01]:first-child:nth-last-child(5),.links .web-header-link:first-child:nth-last-child(5)~.web-header-link[data-v-028c3d01]{margin-left:65px\n}\n.header-button[data-v-028c3d01]{color:#fff;padding:13px 22px;border-radius:6px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.header-button[data-v-028c3d01]:hover{color:#111;background-color:#fff;border-color:#111\n}\n.link[data-v-028c3d01]{position:relative\n}\n.link a[data-v-028c3d01]{color:#fff;font-weight:400;font-size:.9em;cursor:pointer\n}\n.link[data-v-028c3d01]:before{content:\"\";position:absolute;width:100%;height:2px;bottom:-9px;background-color:#888;visibility:hidden;transform:scaleX(0);transition:all .15s ease-out 0s\n}\n.link[data-v-028c3d01]:hover:before{visibility:visible;transform:scaleX(1)\n}\n.link:hover a[data-v-028c3d01]{color:#d1d1d1;transition:all .15s ease-in-out 0s\n}\n.dropdown-header-text[data-v-028c3d01]{color:#fff;font-size:.9em\n}\n.dropdown[data-v-028c3d01]{vertical-align:baseline\n}\n.dropdown-menu[data-v-028c3d01]{min-width:130px\n}\n.dropdown-item[data-v-028c3d01]{font-weight:400;font-size:.9em;padding-right:0;cursor:pointer\n}\n.dropdown-content[data-v-028c3d01]{text-align:left\n}\n.header-form[data-v-028c3d01]{width:100%\n}\n.search-container[data-v-028c3d01]{margin-left:2rem\n}\n.header-search-bar[data-v-028c3d01]{font-size:1em;border-radius:6px;border:1px solid transparent;padding:12px 20px;background-color:#232323;color:#bebebe;transition:all .2s ease-in-out;outline:0;width:100%\n}\n.header-search-bar[data-v-028c3d01]:focus{border-color:#515cf9;filter:brightness(120%);color:#fff\n}\n.align-center[data-v-028c3d01]{padding:0;display:flex;align-items:center\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-7aa7cd76";
+  const __vue_scope_id__$1 = "data-v-028c3d01";
   /* module identifier */
@@ -231,0 +231,0 @@ const __vue_module_identifier__$1 = undefined;

dist/AppHeader.ssr.js

@@ -205,3 +205,3 @@ //
           margin: '6px 0 0 0'
-        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._ssrNode(" <div class=\"column is-hidden-touch\"></div> "+((_vm.showSearch)?("<div class=\"column align-center is-hidden-mobile search-container is-narrow\"><form class=\"header-form\"><input"+(_vm._ssrAttr("placeholder",_vm.placeholder))+(_vm._ssrAttr("value",(_vm.search)))+" class=\"header-search-bar\"></form></div>"):"<!---->")+" <div class=\"column is-hidden-touch\"></div> "),_vm._ssrNode("<div class=\"column is-hidden-touch is-narrow align-center\">","</div>",[_vm._ssrNode("<nav>","</nav>",[_vm._ssrNode("<ul class=\"links\">","</ul>",_vm._l((_vm.headerLinks),function(link,index){return _vm._ssrNode("<li class=\"web-header-link\">","</li>",[(!link.items && !link.button)?_vm._ssrNode("<span class=\"link\">","</span>",[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._ssrNode(" "+((link.button)?("<button class=\"header-button\">"+_vm._ssrEscape(_vm._s(link.text))+"</button>"):"<!---->")+" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],2)}))])]),_vm._ssrNode(" <div class=\"column is-hidden-desktop align-center hamburger-container\"><div class=\"mobile-menu-icon-hamburger\"><a class=\"icon\">☰</a></div></div>")],2),_vm._ssrNode(" "),(_vm.mobileMenuOpen)?_vm._ssrNode("<div class=\"mobile-menu\">","</div>",[_vm._ssrNode("<div class=\"mobile-menu-icon-close\"><a class=\"icon\">✕</a></div> "),_vm._ssrNode("<nav>","</nav>",[_vm._ssrNode("<ul class=\"mobile-links\">","</ul>",_vm._l((_vm.mobileHeaderLinks),function(link,index){return _vm._ssrNode("<div>","</div>",[(!link.items)?_vm._ssrNode("<li class=\"column\""+(_vm._ssrStyle(null,{
+        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._ssrNode(" <div class=\"column is-hidden-touch\"></div> "+((_vm.showSearch)?("<div class=\"column align-center is-hidden-mobile search-container is-narrow\"><form class=\"header-form\"><input"+(_vm._ssrAttr("placeholder",_vm.placeholder))+(_vm._ssrAttr("value",(_vm.search)))+" class=\"header-search-bar\"></form></div>"):"<!---->")+" <div class=\"column is-hidden-touch\"></div> "),_vm._ssrNode("<div class=\"column is-hidden-touch align-center links-column\">","</div>",[_vm._ssrNode("<nav class=\"nav\">","</nav>",[_vm._ssrNode("<ul class=\"links\">","</ul>",_vm._l((_vm.headerLinks),function(link,index){return _vm._ssrNode("<li class=\"web-header-link\">","</li>",[(!link.items && !link.button)?_vm._ssrNode("<span class=\"link\">","</span>",[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._ssrNode(" "+((link.button)?("<button class=\"header-button\">"+_vm._ssrEscape(_vm._s(link.text))+"</button>"):"<!---->")+" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],2)}))])]),_vm._ssrNode(" <div class=\"column is-hidden-desktop align-center hamburger-container\"><div class=\"mobile-menu-icon-hamburger\"><a class=\"icon\">☰</a></div></div>")],2),_vm._ssrNode(" "),(_vm.mobileMenuOpen)?_vm._ssrNode("<div class=\"mobile-menu\">","</div>",[_vm._ssrNode("<div class=\"mobile-menu-icon-close\"><a class=\"icon\">✕</a></div> "),_vm._ssrNode("<nav>","</nav>",[_vm._ssrNode("<ul class=\"mobile-links\">","</ul>",_vm._l((_vm.mobileHeaderLinks),function(link,index){return _vm._ssrNode("<div>","</div>",[(!link.items)?_vm._ssrNode("<li class=\"column\""+(_vm._ssrStyle(null,{
             padding: '22px',
@@ -216,9 +216,9 @@ }, null))+">","</li>",[_vm._ssrNode("<span class=\"link\">","</span>",[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1)]):_vm._l((link.items),function(item,index){return _vm._ssrNode("<li class=\"column\""+(_vm._ssrStyle(null,{
     if (!inject) return
-    inject("data-v-7aa7cd76_0", { source: "\n.app-header[data-v-7aa7cd76]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#111;padding-top:10px;padding-bottom:10px;min-height:66px;display:flex;align-items:center\n}\n.app-header .app-header-columns[data-v-7aa7cd76]{flex-grow:1;margin:0 auto;max-width:1440px;padding:0 25px\n}\n.logo-container[data-v-7aa7cd76]{margin:0\n}\n.mobile-menu[data-v-7aa7cd76]{position:fixed;background:#111;text-align:right;width:100vw;height:100vh;left:0;top:0;padding:23px;z-index:3000\n}\n.hamburger-container[data-v-7aa7cd76]{justify-content:flex-end;margin-left:30px\n}\n.hamburger-container .mobile-menu-icon-hamburger[data-v-7aa7cd76]{font-size:32px;line-height:20px;text-align:right;vertical-align:top\n}\n.mobile-menu-icon-close[data-v-7aa7cd76]{width:100%;font-size:2em;padding-bottom:25px\n}\n.icon[data-v-7aa7cd76]{color:#fff;cursor:pointer\n}\n.mobile-links[data-v-7aa7cd76]{text-align:center;font-size:1.2em;padding-left:0\n}\n.links[data-v-7aa7cd76]{text-align:right;font-size:1.06em;margin:0;padding:0\n}\n.links .web-header-link[data-v-7aa7cd76]{display:inline;margin-left:90px\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child{margin-left:0\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child:nth-last-child(5),.links .web-header-link:first-child:nth-last-child(5)~.web-header-link[data-v-7aa7cd76]{margin-left:65px\n}\n.header-button[data-v-7aa7cd76]{color:#fff;padding:13px 22px;border-radius:6px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.header-button[data-v-7aa7cd76]:hover{color:#111;background-color:#fff;border-color:#111\n}\n.link[data-v-7aa7cd76]{position:relative\n}\n.link a[data-v-7aa7cd76]{color:#fff;font-weight:400;font-size:.9em;cursor:pointer\n}\n.link[data-v-7aa7cd76]:before{content:\"\";position:absolute;width:100%;height:2px;bottom:-9px;background-color:#888;visibility:hidden;transform:scaleX(0);transition:all .15s ease-out 0s\n}\n.link[data-v-7aa7cd76]:hover:before{visibility:visible;transform:scaleX(1)\n}\n.link:hover a[data-v-7aa7cd76]{color:#d1d1d1;transition:all .15s ease-in-out 0s\n}\n.dropdown-header-text[data-v-7aa7cd76]{color:#fff;font-size:.9em\n}\n.dropdown[data-v-7aa7cd76]{vertical-align:baseline\n}\n.dropdown-menu[data-v-7aa7cd76]{min-width:130px\n}\n.dropdown-item[data-v-7aa7cd76]{font-weight:400;font-size:.9em;padding-right:0;cursor:pointer\n}\n.dropdown-content[data-v-7aa7cd76]{text-align:left\n}\n.header-form[data-v-7aa7cd76]{width:100%\n}\n.search-container[data-v-7aa7cd76]{margin-left:2rem\n}\n.header-search-bar[data-v-7aa7cd76]{font-size:1em;border-radius:6px;border:1px solid transparent;padding:12px 20px;background-color:#232323;color:#bebebe;transition:all .2s ease-in-out;outline:0;width:100%\n}\n.header-search-bar[data-v-7aa7cd76]:focus{border-color:#515cf9;filter:brightness(120%);color:#fff\n}\n.align-center[data-v-7aa7cd76]{padding:0;display:flex;align-items:center\n}", map: undefined, media: undefined });
+    inject("data-v-028c3d01_0", { source: "\n.app-header[data-v-028c3d01]{background:#111;padding-top:10px;padding-bottom:10px;min-height:66px;display:flex;align-items:center\n}\n.app-header .app-header-columns[data-v-028c3d01]{flex-grow:1;margin:0 auto;max-width:1440px;padding:0 25px;overflow:scroll\n}\n.logo-container[data-v-028c3d01]{margin:0\n}\n.mobile-menu[data-v-028c3d01]{position:fixed;background:#111;text-align:right;width:100vw;height:100vh;left:0;top:0;padding:23px;z-index:3000\n}\n.hamburger-container[data-v-028c3d01]{justify-content:flex-end;margin-left:30px\n}\n.hamburger-container .mobile-menu-icon-hamburger[data-v-028c3d01]{font-size:32px;line-height:20px;text-align:right;vertical-align:top\n}\n.mobile-menu-icon-close[data-v-028c3d01]{width:100%;font-size:2em;padding-bottom:25px\n}\n.icon[data-v-028c3d01]{color:#fff;cursor:pointer\n}\n.mobile-links[data-v-028c3d01]{text-align:center;font-size:1.2em;padding-left:0\n}\n.links-column[data-v-028c3d01]{flex:auto\n}\n.nav[data-v-028c3d01]{width:100%\n}\n.links[data-v-028c3d01]{text-align:right;font-size:1.06em;margin:0;padding:0\n}\n.links .web-header-link[data-v-028c3d01]{display:inline;margin-left:90px;white-space:nowrap\n}\n.links .web-header-link[data-v-028c3d01]:first-child{margin-left:0\n}\n.links .web-header-link[data-v-028c3d01]:first-child:nth-last-child(5),.links .web-header-link:first-child:nth-last-child(5)~.web-header-link[data-v-028c3d01]{margin-left:65px\n}\n.header-button[data-v-028c3d01]{color:#fff;padding:13px 22px;border-radius:6px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.header-button[data-v-028c3d01]:hover{color:#111;background-color:#fff;border-color:#111\n}\n.link[data-v-028c3d01]{position:relative\n}\n.link a[data-v-028c3d01]{color:#fff;font-weight:400;font-size:.9em;cursor:pointer\n}\n.link[data-v-028c3d01]:before{content:\"\";position:absolute;width:100%;height:2px;bottom:-9px;background-color:#888;visibility:hidden;transform:scaleX(0);transition:all .15s ease-out 0s\n}\n.link[data-v-028c3d01]:hover:before{visibility:visible;transform:scaleX(1)\n}\n.link:hover a[data-v-028c3d01]{color:#d1d1d1;transition:all .15s ease-in-out 0s\n}\n.dropdown-header-text[data-v-028c3d01]{color:#fff;font-size:.9em\n}\n.dropdown[data-v-028c3d01]{vertical-align:baseline\n}\n.dropdown-menu[data-v-028c3d01]{min-width:130px\n}\n.dropdown-item[data-v-028c3d01]{font-weight:400;font-size:.9em;padding-right:0;cursor:pointer\n}\n.dropdown-content[data-v-028c3d01]{text-align:left\n}\n.header-form[data-v-028c3d01]{width:100%\n}\n.search-container[data-v-028c3d01]{margin-left:2rem\n}\n.header-search-bar[data-v-028c3d01]{font-size:1em;border-radius:6px;border:1px solid transparent;padding:12px 20px;background-color:#232323;color:#bebebe;transition:all .2s ease-in-out;outline:0;width:100%\n}\n.header-search-bar[data-v-028c3d01]:focus{border-color:#515cf9;filter:brightness(120%);color:#fff\n}\n.align-center[data-v-028c3d01]{padding:0;display:flex;align-items:center\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-7aa7cd76";
+  const __vue_scope_id__$1 = "data-v-028c3d01";
   /* module identifier */
-  const __vue_module_identifier__$1 = "data-v-7aa7cd76";
+  const __vue_module_identifier__$1 = "data-v-028c3d01";
   /* functional template */
@@ -225,0 +225,0 @@ const __vue_is_functional_template__$1 = false;

dist/HeroBackground.js

@@ -32,4 +32,2 @@ //
 //
-//
-//
 
@@ -40,20 +38,6 @@ var script = {
     return {
-      rightImageHeight: 700,
-      rightImageWidth: 1200,
-      leftImageHeight: 700,
-      leftImageWidth: 1200,
+      rightImageHeight: 150,
+      leftImageHeight: 150,
     };
   },
-  methods: {
-    setRightImageHeight(event) {
-      const image = event.target;
-      this.rightImageHeight = image.naturalHeight;
-      this.rightImageWidth = image.naturalWidth;
-    },
-    setLeftImageHeight(event) {
-      const image = event.target;
-      this.leftImageHeight = image.naturalHeight;
-      this.leftImageWidth = image.naturalWidth;
-    },
-  },
 };
@@ -74,5 +58,4 @@
       top: _vm.leftY ? (_vm.leftY + "px") : '0px',
-      width: ("calc(" + _vm.leftImageWidth + "px * " + (_vm.scale || 1) + ")"),
       height: ("calc(" + _vm.rightImageHeight + "px * " + (_vm.scale || 1) + ")"),
-    }),attrs:{"src":_vm.leftImage,"alt":"null"},on:{"~load":function($event){return _vm.setLeftImageHeight($event)}}})]),_vm._v(" "),_c('div',{staticClass:"right-image",style:({
+    }),attrs:{"src":_vm.leftImage,"alt":"null"}})]),_vm._v(" "),_c('div',{staticClass:"right-image",style:({
     position: 'absolute',
@@ -84,7 +67,6 @@ zIndex: '0',
       position: 'relative',
-      width: ("calc(" + _vm.rightImageWidth + "px * " + (_vm.scale || 1) + ")"),
       height: ("calc(" + _vm.rightImageHeight + "px * " + (_vm.scale || 1) + ")"),
       top: _vm.rightY ? (_vm.rightY + "px") : '0px',
       right: _vm.rightX ? (_vm.rightX + "px") : '0px',
-    }),attrs:{"src":_vm.rightImage,"alt":"null"},on:{"~load":function($event){return _vm.setRightImageHeight($event)}}})])])};
+    }),attrs:{"src":_vm.rightImage,"alt":"null"}})])])};
 var __vue_staticRenderFns__ = [];
@@ -95,7 +77,7 @@
     if (!inject) return
-    inject("data-v-75471cf2_0", { source: "\n.left-image[data-v-75471cf2],.right-image[data-v-75471cf2]{pointer-events:none\n}\n@media (max-width:1250px) and (min-width:1101px){\n.left-image[data-v-75471cf2]{left:-70px!important\n}\n.right-image[data-v-75471cf2]{right:-70px!important\n}\n}\n@media (max-width:1100px) and (min-width:626px){\n.left-image[data-v-75471cf2]{left:-155px!important\n}\n.right-image[data-v-75471cf2]{right:-155px!important\n}\n}\n@media (max-width:625px){\n.left-image[data-v-75471cf2]{left:-270px!important\n}\n.right-image[data-v-75471cf2]{right:-270px!important\n}\n}", map: undefined, media: undefined });
+    inject("data-v-984b0c5a_0", { source: "\n.left-image[data-v-984b0c5a],.right-image[data-v-984b0c5a]{pointer-events:none\n}\n@media (max-width:1250px) and (min-width:1101px){\n.left-image[data-v-984b0c5a]{left:-70px!important\n}\n.right-image[data-v-984b0c5a]{right:-70px!important\n}\n}\n@media (max-width:1100px) and (min-width:626px){\n.left-image[data-v-984b0c5a]{left:-155px!important\n}\n.right-image[data-v-984b0c5a]{right:-155px!important\n}\n}\n@media (max-width:625px){\n.left-image[data-v-984b0c5a]{left:-270px!important\n}\n.right-image[data-v-984b0c5a]{right:-270px!important\n}\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-75471cf2";
+  const __vue_scope_id__ = "data-v-984b0c5a";
   /* module identifier */
@@ -102,0 +84,0 @@ const __vue_module_identifier__ = undefined;

dist/HeroBackground.ssr.js

@@ -32,4 +32,2 @@ //
 //
-//
-//
 
@@ -40,20 +38,6 @@ var script = {
     return {
-      rightImageHeight: 700,
-      rightImageWidth: 1200,
-      leftImageHeight: 700,
-      leftImageWidth: 1200,
+      rightImageHeight: 150,
+      leftImageHeight: 150,
     };
   },
-  methods: {
-    setRightImageHeight(event) {
-      const image = event.target;
-      this.rightImageHeight = image.naturalHeight;
-      this.rightImageWidth = image.naturalWidth;
-    },
-    setLeftImageHeight(event) {
-      const image = event.target;
-      this.leftImageHeight = image.naturalHeight;
-      this.leftImageWidth = image.naturalWidth;
-    },
-  },
 };
@@ -74,3 +58,2 @@
       top: _vm.leftY ? (_vm.leftY + "px") : '0px',
-      width: ("calc(" + _vm.leftImageWidth + "px * " + (_vm.scale || 1) + ")"),
       height: ("calc(" + _vm.rightImageHeight + "px * " + (_vm.scale || 1) + ")"),
@@ -84,3 +67,2 @@ }, null))+"></div> <div class=\"right-image\""+(_vm._ssrStyle(null,{
       position: 'relative',
-      width: ("calc(" + _vm.rightImageWidth + "px * " + (_vm.scale || 1) + ")"),
       height: ("calc(" + _vm.rightImageHeight + "px * " + (_vm.scale || 1) + ")"),
@@ -95,9 +77,9 @@ top: _vm.rightY ? (_vm.rightY + "px") : '0px',
     if (!inject) return
-    inject("data-v-75471cf2_0", { source: "\n.left-image[data-v-75471cf2],.right-image[data-v-75471cf2]{pointer-events:none\n}\n@media (max-width:1250px) and (min-width:1101px){\n.left-image[data-v-75471cf2]{left:-70px!important\n}\n.right-image[data-v-75471cf2]{right:-70px!important\n}\n}\n@media (max-width:1100px) and (min-width:626px){\n.left-image[data-v-75471cf2]{left:-155px!important\n}\n.right-image[data-v-75471cf2]{right:-155px!important\n}\n}\n@media (max-width:625px){\n.left-image[data-v-75471cf2]{left:-270px!important\n}\n.right-image[data-v-75471cf2]{right:-270px!important\n}\n}", map: undefined, media: undefined });
+    inject("data-v-984b0c5a_0", { source: "\n.left-image[data-v-984b0c5a],.right-image[data-v-984b0c5a]{pointer-events:none\n}\n@media (max-width:1250px) and (min-width:1101px){\n.left-image[data-v-984b0c5a]{left:-70px!important\n}\n.right-image[data-v-984b0c5a]{right:-70px!important\n}\n}\n@media (max-width:1100px) and (min-width:626px){\n.left-image[data-v-984b0c5a]{left:-155px!important\n}\n.right-image[data-v-984b0c5a]{right:-155px!important\n}\n}\n@media (max-width:625px){\n.left-image[data-v-984b0c5a]{left:-270px!important\n}\n.right-image[data-v-984b0c5a]{right:-270px!important\n}\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-75471cf2";
+  const __vue_scope_id__ = "data-v-984b0c5a";
   /* module identifier */
-  const __vue_module_identifier__ = "data-v-75471cf2";
+  const __vue_module_identifier__ = "data-v-984b0c5a";
   /* functional template */
@@ -104,0 +86,0 @@ const __vue_is_functional_template__ = false;

package.json

 {
   "name": "asyncy-ui-components",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Shared components for Asyncy",
@@ -5,0 +5,0 @@ "main": "index.js",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

10874766

decreased by-1.51%

Lines of code

5816

decreased by-69.83%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes