@system76/components
Version:
System76 standard Vue components
3 lines (2 loc) • 22.4 kB
JavaScript
import{faGithub as t,faInstagram as e,faLinkedin as s,faYoutubeSquare as o,faSquareXTwitter as n}from"@fortawesome/free-brands-svg-icons";import{faRssSquare as a,faCogs as l,faComments as i,faLifeRing as r,faSignOutAlt as c,faUser as p}from"@fortawesome/free-solid-svg-icons";import{FontAwesomeIcon as y}from"@fortawesome/vue-fontawesome";import{SysLogoType as d,SysLogoType16bit as m}from"@system76/design";var u={name:"SysFooterbar",components:{FontAwesomeIcon:y},props:{backgroundClass:{type:String,default:null},showNewsletterButton:{type:Boolean,default:!1},urlContact:{type:String,default:"/contact"},urlAbout:{type:String,default:"/about"},urlCareers:{type:String,default:"/careers"},urlSustainability:{type:String,default:"/sustainability"},urlShipping:{type:String,default:"/shipping"},urlPrivacy:{type:String,default:"/privacy-and-legal"}},computed:{faGithub:()=>t,faInstagram:()=>e,faLinkedin:()=>s,faRssSquare:()=>a,faYoutubeSquare:()=>o,faSquareXTwitter:()=>n},methods:{currentYear:()=>(new Date).getFullYear(),linkAttributes(t){switch(this.linkComponent(t)){case"nuxt-link":case"router-link":return{to:t};default:return{href:t}}},linkComponent(t){return t.startsWith("/")?null!=this.$nuxt?"nuxt-link":null!=this.$route?"router-link":"a":"a"}}};function g(t,e,s,o,n,a,l,i,r,c){"boolean"!=typeof l&&(r=i,i=l,l=!1);const p="function"==typeof s?s.options:s;let y;if(t&&t.render&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0,n&&(p.functional=!0)),o&&(p._scopeId=o),a?(y=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,r(t)),t&&t._registeredComponents&&t._registeredComponents.add(a)},p._ssrRegister=y):e&&(y=l?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,i(t))}),y)if(p.functional){const t=p.render;p.render=function(e,s){return y.call(s),t(e,s)}}else{const t=p.beforeCreate;p.beforeCreate=t?[].concat(t,y):[y]}return s}const b="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function h(t){return(t,e)=>function(t,e){const s=b?e.media||"default":t,o=k[s]||(k[s]={ids:new Set,styles:[]});if(!o.ids.has(t)){o.ids.add(t);let s=e.source;if(e.map&&(s+="\n/*# sourceURL="+e.map.sources[0]+" */",s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===f&&(f=document.head||document.getElementsByTagName("head")[0]),f.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(s),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{const t=o.ids.size-1,e=document.createTextNode(s),n=o.element.childNodes;n[t]&&o.element.removeChild(n[t]),n.length?o.element.insertBefore(e,n[t]):o.element.appendChild(e)}}}(t,e)}let f;const k={};const v=g({render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("footer",{class:t.$style.footer},[s("div",{class:t.$style.container},[s("nav",{class:t.$style.nav},[s("div",{class:t.$style.links},[s(t.linkComponent(t.urlContact),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlContact),!1),[t._v("\n Contact\n ")]),s("a",{class:t.$style.link,attrs:{href:"https://support.system76.com"}},[t._v("\n Support\n ")]),s(t.linkComponent(t.urlShipping),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlShipping),!1),[t._v("\n Shipping\n ")]),s(t.linkComponent(t.urlCareers),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlCareers),!1),[t._v("\n Careers\n ")])],1),s("div",{class:t.$style.links},[s(t.linkComponent(t.urlAbout),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlAbout),!1),[t._v("\n About Us\n ")]),s(t.linkComponent(t.urlSustainability),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlSustainability),!1),[t._v("\n Sustainability\n ")]),s(t.linkComponent(t.urlPrivacy),t._b({tag:"component",class:t.$style.link},"component",t.linkAttributes(t.urlPrivacy),!1),[t._v("\n Privacy & Legal\n ")]),s("a",{class:t.$style.link,attrs:{href:"http://blog.system76.com"}},[t._v("\n Blog\n ")])],1),s("div",{class:t.$style.connections},[s("div",[t.showNewsletterButton?s("div",{class:t.$style.subscribe},[s("p",[t._v("Subscribe for updates on products, OS features, and promotions.")]),s("p",[s("button",{staticClass:"button",on:{click:function(e){return e.preventDefault(),t.$emit("subscribe")}}},[t._v("\n Subscribe\n ")])])]):t._e(),s("div",{class:t.$style.socials},[s("a",{class:t.$style.social,attrs:{"aria-label":"RSS",href:"https://blog.system76.com/rss.xml",rel:"noopener",target:"_blank",title:"Blog RSS Feed"}},[s("font-awesome-icon",{attrs:{icon:t.faRssSquare}})],1),s("a",{class:t.$style.social,attrs:{"aria-label":"LinkedIn",href:"https://www.linkedin.com/company/system76",rel:"noopener",target:"_blank",title:"LinkedIn"}},[s("font-awesome-icon",{attrs:{icon:t.faLinkedin}})],1),s("a",{class:t.$style.social,attrs:{"aria-label":"GitHub",href:"https://github.com/system76",rel:"noopener",target:"_blank",title:"GitHub"}},[s("font-awesome-icon",{attrs:{icon:t.faGithub}})],1),s("a",{class:t.$style.social,attrs:{"aria-label":"YouTube",href:"https://www.youtube.com/system76/",rel:"noopener",target:"_blank",title:"YouTube"}},[s("font-awesome-icon",{attrs:{icon:t.faYoutubeSquare}})],1),s("a",{class:t.$style.social,attrs:{"aria-label":"Instagram",href:"https://instagram.com/system76_com",rel:"noopener",target:"_blank",title:"Instagram"}},[s("font-awesome-icon",{attrs:{icon:t.faInstagram}})],1),s("a",{class:t.$style.social,attrs:{"aria-label":"X (formerly Twitter)",href:"https://x.com/system76/",rel:"noopener",target:"_blank",title:"X (formerly Twitter)"}},[s("font-awesome-icon",{attrs:{icon:t.faSquareXTwitter}})],1)])])])]),s("div",{class:t.$style.copy},[s("div",{class:t.$style.copyright},[t._t("copyright",[t._v("\n Copyright © "+t._s(t.currentYear())+" System76, Inc.\n ")])],2),t.$slots.default?[s("div",{class:t.$style.copyright},[t._t("default")],2)]:t._e(),s("div",{class:t.$style.trademarks},[t._t("trademarks",[t._v("\n Intel, the Intel Logo, Intel Core, Iris, and Xeon are trademarks of\n Intel Corporation or its subsidiaries in the U.S. and/or other\n countries.\n ")])],2)],2)])])},staticRenderFns:[]},(function(t){t&&(t("data-v-463d5a72_0",{source:".sys-footer-VZcu{background-color:var(--color-warm-gray);color:var(--color-light-gray)}.sys-container-yCz9{max-width:1280px;margin:0 auto}.sys-nav-2CaX{align-content:flex-start;align-items:flex-start;font-family:var(--font-family-sans);display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem .5rem 0}.sys-links-3xA_{flex:1 1 auto}.sys-link-2vJw{color:inherit;display:block;outline:0;padding:.5rem;text-decoration:none}.sys-connections-1k17{display:flex;flex-direction:column;align-items:center;margin-bottom:2em}.sys-subscribe-2qCq{text-align:center;margin:2em auto;max-width:30ch}.sys-subscribe-2qCq>p:first-child{margin:0}.sys-socials-3bH6{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;flex:1 1 100%;justify-content:center}.sys-social-1krc{align-content:center;align-items:center;color:inherit;display:flex;font-size:1.8rem;height:48px;justify-content:center;outline:0;padding:.5rem;transition:color 250ms ease;width:48px}.sys-link-2vJw:focus,.sys-link-2vJw:hover{text-decoration:underline}.sys-social-1krc:focus,.sys-social-1krc:hover{color:var(--color-orange)}.sys-copy-vnwb{font-family:var(--font-family-slab);font-weight:300;padding:.5rem 1rem 1rem;text-align:center}.sys-copyright-QQnO{margin-bottom:.5rem}.sys-trademarks-2M90{font-size:.675rem}button{border-radius:4px;background-color:#6acad8;-webkit-font-smoothing:antialiased;align-content:center;align-items:center;appearance:none;border-radius:.25em;border:.15em solid transparent;cursor:pointer;display:inline-flex;font-style:normal;font-weight:400;justify-content:center;letter-spacing:1px;line-height:24px;text-align:center;text-decoration:none;transition-duration:.1s;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;user-select:none;letter-spacing:normal;font-family:var(--font-family-sans);text-transform:uppercase;font-size:1rem;padding:.4em 1.6em}@media (min-width:50rem){.sys-links-3xA_{flex:0 0 15rem}.sys-connections-1k17{flex:1 1 auto;align-items:flex-end}.sys-connections-1k17>div{display:flex;align-items:center;flex-direction:column}.sys-subscribe-2qCq{text-align:center;margin:.5rem 0}}@media (min-width:60rem){.sys-social-1krc{font-size:2.2rem;height:64px;width:64px}}@media (min-width:1280px){.sys-socials-3bH6{margin:-.5rem}.sys-social-1krc{margin:.5rem}}",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{footer:"sys-footer-VZcu",container:"sys-container-yCz9",nav:"sys-nav-2CaX",links:"sys-links-3xA_",link:"sys-link-2vJw",connections:"sys-connections-1k17",subscribe:"sys-subscribe-2qCq",socials:"sys-socials-3bH6",social:"sys-social-1krc",copy:"sys-copy-vnwb",copyright:"sys-copyright-QQnO",trademarks:"sys-trademarks-2M90"}}))}),u,void 0,!1,void 0,!1,h,void 0,void 0);const x=g({render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("header",{class:t.$style.header},[s("nav",{class:t.$style.nav},[s(t.linkComponent(t.urlHomepage),t._b({tag:"component",class:t.$style.home,attrs:{"aria-label":"Home",title:"Home"}},"component",t.linkAttributes(t.urlHomepage),!1),[t.retro?s("sys-logo-type-16bit",{class:t.$style.logo}):s("sys-logo-type",{class:t.$style.logo})],1),s("div",{class:t.$style.pages},[s(t.linkComponent(t.urlLaptops),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlLaptops),!1),[t._v("\n laptops\n ")]),s(t.linkComponent(t.urlDesktops),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlDesktops),!1),[t._v("\n desktops\n ")]),s(t.linkComponent(t.urlMini),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlMini),!1),[t._v("\n mini\n ")]),s(t.linkComponent(t.urlServers),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlServers),!1),[t._v("\n servers\n ")]),s(t.linkComponent(t.urlKeyboards),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlKeyboards),!1),[t._v("\n keyboards\n ")]),s(t.linkComponent(t.urlComponents),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlComponents),!1),[t._v("\n components\n ")]),s(t.linkComponent(t.urlPopOs),t._b({tag:"component",class:t.$style.page},"component",t.linkAttributes(t.urlPopOs),!1),[t._v("\n pop!_os\n ")])],1),s("div",{class:t.$style.quicks},[s(t.linkComponent(t.urlContact),t._b({tag:"component",class:t.$style.quick,attrs:{"aria-label":"Contact",title:"Contact"}},"component",t.linkAttributes(t.urlContact),!1),[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faComments}})],1),s("a",{class:t.$style.quick,attrs:{"aria-label":"Support",title:"Support",href:"https://support.system76.com"}},[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faLifeRing}})],1),t.authenticated?s(t.linkComponent(t.urlAccount),t._b({tag:"component",class:t.$style.quick,attrs:{"aria-label":"My Account",title:"My Account"}},"component",t.linkAttributes(t.urlAccount),!1),[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faUser}})],1):t._e(),t.authenticated&&t.admin?s(t.linkComponent(t.urlAdmin),t._b({tag:"component",class:t.$style.quick,attrs:{"aria-label":"Admin",title:"Admin"}},"component",t.linkAttributes(t.urlAdmin),!1),[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faCogs}})],1):t._e(),t.authenticated?s(t.linkComponent(t.urlLogout),t._b({tag:"component",class:t.$style.quick,attrs:{"aria-label":"Log Out",title:"Log Out"}},"component",t.linkAttributes(t.urlLogout),!1),[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faSignOutAlt}})],1):t._e(),t.authenticated?t._e():s(t.linkComponent(t.urlLogin),t._b({tag:"component",class:t.$style.quick,attrs:{"aria-label":"Log In",title:"Log In"}},"component",t.linkAttributes(t.urlLogin),!1),[s("font-awesome-icon",{class:t.$style.icon,attrs:{icon:t.faUser}})],1)],1)],1)])},staticRenderFns:[]},(function(t){t&&(t("data-v-81064b18_0",{source:'.sys-header-2tLE{background-color:var(--color-white);color:var(--color-warm-gray);font-family:var(--font-family-slab);position:relative;z-index:6}.sys-nav-2Pkq{display:grid;grid-gap:1rem;grid-template-areas:"logo auto quicks" "pages pages pages";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:1rem;margin:0 auto;max-width:1280px}.sys-home-XN_B{grid-area:logo;margin:-.5rem;outline:0;padding:.5rem;transition:box-shadow 250ms ease}.sys-logo-VFIf{max-width:22ch}.sys-pages-3zhk{grid-area:pages;align-content:center;align-items:center;display:flex;flex-wrap:wrap;flex:999 1 auto;justify-content:flex-start;margin:-.5rem}.sys-page-12Ax{align-content:center;align-items:center;color:inherit;display:flex;flex:0 0 auto;font-weight:300;justify-content:center;outline:0;padding:.5rem;text-decoration:none;transition:box-shadow 250ms ease}.sys-page-12Ax.sys-active-1nqm{font-weight:700}.sys-quicks-3C4_{grid-area:quicks;align-content:center;align-items:center;display:flex;flex-wrap:wrap;flex:1 0 auto;margin:-.5rem;justify-content:flex-end}.sys-quick-1q8H{align-content:center;align-items:center;color:inherit;display:flex;justify-content:center;outline:0;height:42px;width:42px;transition:box-shadow 250ms ease}.sys-home-XN_B:focus,.sys-page-12Ax:focus,.sys-quick-1q8H:focus{border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-orange),0 0 12px var(--color-orange),0 0 1px var(--color-orange);color:inherit}@media (min-width:920px){.sys-nav-2Pkq{grid-template-areas:"logo pages quicks";grid-template-columns:22ch 1fr auto;grid-template-rows:auto}.sys-pages-3zhk{justify-content:center}.sys-page-12Ax{padding:1rem}.sys-quick-1q8H{height:48px;width:48px}}@media (min-width:1000px){.sys-page-12Ax{margin:0 .5rem}}',map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{header:"sys-header-2tLE",nav:"sys-nav-2Pkq",home:"sys-home-XN_B",logo:"sys-logo-VFIf",pages:"sys-pages-3zhk",page:"sys-page-12Ax",active:"sys-active-1nqm",quicks:"sys-quicks-3C4_",quick:"sys-quick-1q8H"}}))}),{name:"SysHeaderbar",components:{FontAwesomeIcon:y,SysLogoType:d,SysLogoType16bit:m},props:{admin:{type:Boolean,default:!1},authenticated:{type:Boolean,default:!1},backgroundClass:{type:String,default:null},retro:{type:Boolean,default:!1},urlHomepage:{type:String,default:"/"},urlLaptops:{type:String,default:"/laptops"},urlDesktops:{type:String,default:"/desktops"},urlMini:{type:String,default:"/desktops/meerkat"},urlServers:{type:String,default:"/servers"},urlComponents:{type:String,default:"/components"},urlKeyboards:{type:String,default:"/accessories/launch"},urlPopOs:{type:String,default:"/pop"},urlContact:{type:String,default:"/contact"},urlAccount:{type:String,default:"/my-account"},urlAdmin:{type:String,default:"/admin"},urlLogin:{type:String,default:"/login"},urlLogout:{type:String,default:"/my-account/logout"}},computed:{faCogs:()=>l,faComments:()=>i,faLifeRing:()=>r,faSignOutAlt:()=>c,faUser:()=>p},methods:{linkAttributes(t){switch(this.linkComponent(t)){case"nuxt-link":case"router-link":return{to:t};default:return{href:t}}},linkComponent(t){return t.startsWith("/")?null!=this.$nuxt?"nuxt-link":null!=this.$route?"router-link":"a":"a"}}},void 0,!1,void 0,!1,h,void 0,void 0);const w=g({},(function(t){t&&(t("data-v-6933e046_0",{source:'.sys-header-U6nZ{background-color:var(--color-omnibar-background);border-bottom:1px solid var(--color-omnibar-border);color:var(--color-omnibar-foreground);fill:var(--color-omnibar-foreground);flex:0 0 auto;font-size:1rem;text-align:center;transition:none;width:100%;z-index:9999}.sys-content-cBSp{align-content:stretch;align-items:stretch;display:grid;grid-gap:1rem;grid-template-rows:1fr;justify-content:stretch;margin:0 auto;max-width:1280px;min-height:3rem;padding:.5rem 1rem}.sys-global-2fri{grid-area:global}.sys-copy-dlbD{grid-area:copy}.sys-price-3w3d{grid-area:price}.sys-local-3ieQ{grid-area:local}.sys-button-3nyP{align-content:center;align-items:center;appearance:none;background:0 0;border-radius:.25em;border:.15em solid var(--color-omnibar-foreground);color:var(--color-omnibar-foreground);cursor:pointer;display:flex;font-family:var(--font-family-slab);font-size:1rem;justify-content:center;line-height:1;padding:.5em .25em;text-decoration:none;text-transform:uppercase;transition:all 150ms ease;user-select:none;width:100%}.sys-button-3nyP:focus{box-shadow:0 0 12px var(--color-omnibar-accent),0 0 1px var(--color-omnibar-accent);outline:0}.sys-button-3nyP:active,.sys-button-3nyP:hover{background-color:var(--color-omnibar-accent);color:var(--color-omnibar-foreground)}.sys-copy-dlbD,.sys-price-3w3d{align-self:center}@media (max-width:600px){.sys-content-cBSp{grid-template-columns:1fr 1fr}.sys-mobile-5-31Ia{grid-template-areas:"price local"}.sys-mobile-5-31Ia>:not(.sys-price-3w3d):not(.sys-local-3ieQ){display:none}.sys-mobile-4-3wAi{grid-template-areas:"global local"}.sys-mobile-4-3wAi>:not(.sys-global-2fri):not(.sys-local-3ieQ){display:none}.sys-mobile-3-NmMD{grid-template-areas:"global global"}.sys-mobile-3-NmMD>:not(.sys-global-2fri){display:none}.sys-mobile-2-MJVy{grid-template-areas:"local local"}.sys-mobile-2-MJVy>:not(.sys-local-3ieQ){display:none}.sys-mobile-1-2keu{grid-template-areas:"price price"}.sys-mobile-1-2keu>:not(.sys-price-3w3d){display:none}.sys-mobile-0-WucO{grid-template-areas:"copy copy"}.sys-mobile-0-WucO>:not(.sys-copy-dlbD){display:none}}@media (min-width:600px) and (max-width:1000px){.sys-content-cBSp{grid-template-columns:21ch auto 21ch}.sys-tablet-6-11v4{grid-template-areas:"price price local"}.sys-tablet-6-11v4>:not(.sys-price-3w3d):not(.sys-local-3ieQ){display:none}.sys-tablet-5-3U2C{grid-template-areas:"global price price"}.sys-tablet-5-3U2C>:not(.sys-global-2fri):not(.sys-price-3w3d){display:none}.sys-tablet-4-3CUs{grid-template-areas:"global noop local"}.sys-tablet-4-3CUs>:not(.sys-global-2fri):not(.sys-local-3ieQ){display:none}.sys-tablet-3-2Y6j{grid-template-areas:"global copy copy"}.sys-tablet-3-2Y6j>:not(.sys-global-2fri):not(.sys-copy-dlbD){display:none}.sys-tablet-2-3HIA{grid-template-areas:"price price price"}.sys-tablet-2-3HIA>:not(.sys-price-3w3d){display:none}.sys-tablet-1-s-Pe{grid-template-areas:"copy copy local"}.sys-tablet-1-s-Pe>:not(.sys-copy-dlbD):not(.sys-local-3ieQ){display:none}.sys-tablet-0-3aal{grid-template-areas:"copy copy copy"}.sys-tablet-0-3aal>:not(.sys-copy-dlbD){display:none}}@media (min-width:1000px){.sys-content-cBSp{grid-template-columns:21ch auto 21ch}.sys-desktop-1-2kaZ{grid-template-areas:"global price local"}.sys-desktop-1-2kaZ>:not(.sys-global-2fri):not(.sys-price-3w3d):not(.sys-local-3ieQ){display:none}.sys-desktop-0-2jZ4{grid-template-areas:"global copy local"}.sys-desktop-0-2jZ4>:not(.sys-global-2fri):not(.sys-copy-dlbD):not(.sys-local-3ieQ){display:none}}@media (min-height:400px){.sys-header-U6nZ{position:sticky;top:0}}',map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{header:"sys-header-U6nZ",content:"sys-content-cBSp",global:"sys-global-2fri",copy:"sys-copy-dlbD",price:"sys-price-3w3d",local:"sys-local-3ieQ",button:"sys-button-3nyP","mobile-5":"sys-mobile-5-31Ia","mobile-4":"sys-mobile-4-3wAi","mobile-3":"sys-mobile-3-NmMD","mobile-2":"sys-mobile-2-MJVy","mobile-1":"sys-mobile-1-2keu","mobile-0":"sys-mobile-0-WucO","tablet-6":"sys-tablet-6-11v4","tablet-5":"sys-tablet-5-3U2C","tablet-4":"sys-tablet-4-3CUs","tablet-3":"sys-tablet-3-2Y6j","tablet-2":"sys-tablet-2-3HIA","tablet-1":"sys-tablet-1-s-Pe","tablet-0":"sys-tablet-0-3aal","desktop-1":"sys-desktop-1-2kaZ","desktop-0":"sys-desktop-0-2jZ4"}}))}),{name:"SysOmnibar",props:{backgroundClass:{type:String,default:null}},computed:{containerClasses(){return[this.$style.content,this.$style["mobile-"+this.mobileTemplate],this.$style["tablet-"+this.tabletTemplate],this.$style["desktop-"+this.desktopTemplate]]},copyVnodes(){return(this.$slots.copy||[]).filter(t=>null!=t)},desktopTemplate(){return this.hasPrice?1:0},hasCopy(){return this.copyVnodes.length>0},hasGlobal(){return null!=this.$slots.global&&this.$slots.global.length>0},hasLocal(){return null!=this.$slots.local&&this.$slots.local.length>0},hasPrice(){return this.priceVnodes.length>0},mobileTemplate(){return this.hasPrice&&this.hasLocal?5:this.hasGlobal&&this.hasLocal?4:this.hasGlobal?3:this.hasLocal?2:this.hasPrice?1:0},priceVnodes(){return(this.$slots.price||[]).filter(t=>null!=t)},tabletTemplate(){return this.hasPrice&&this.hasLocal?6:this.hasGlobal&&this.hasPrice?5:this.hasGlobal&&this.hasLocal?4:this.hasGlobal&&this.hasCopy?3:this.hasPrice?2:this.hasCopy&&this.hasLocal?1:0}},methods:{addClasses(t,e){return Array.isArray(e)?e.reduce((t,e)=>this.addClasses(t,e),t):(null==t.data&&(t.data={}),null==t.data.class?t.data.class=[]:"string"==typeof t.data.class&&(t.data.class=[t.data.class]),t.data.class.push(e),t)}},render(t){const e=[this.hasGlobal?this.addClasses(this.$slots.global[0],[this.$style.global,this.$style.button]):null,this.hasCopy?t("div",{class:this.$style.copy},this.copyVnodes):null,this.hasPrice?t("div",{class:this.$style.price},this.priceVnodes):null,this.hasLocal?this.addClasses(this.$slots.local[0],[this.$style.local,this.$style.button]):null];return t("header",{class:this.$style.header},[t("div",{class:this.containerClasses},[...e])])}},void 0,void 0,void 0,!1,h,void 0,void 0);var _=Object.freeze({__proto__:null,SysFooterbar:v,SysHeaderbar:x,SysOmnibar:w});function C(t){Object.keys(_).forEach(e=>{t.component(e,_[e])})}var $=Object.freeze({__proto__:null,install:C,SysFooterbar:v,SysHeaderbar:x,SysOmnibar:w});let S=null;"undefined"!=typeof window?S=window.Vue:"undefined"!=typeof global&&(S=global.Vue),S&&S.use($);export{v as SysFooterbar,x as SysHeaderbar,w as SysOmnibar,C as install};
//# sourceMappingURL=index.esm.js.map