@penn-libraries/web 0.1.0-dev.0 → 0.1.0-dev.2

package/dist/web/p-f653959f.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, g as getAssetPath, h } from './p-dd3ab4f7.js';
-
-const pennlibsBannerCss = ":host{font-family:var(--font-family);font-size:var(--font-size)}.viewport-margins{max-width:calc(1080px + 1rem);margin:0 auto;padding:0 0.75rem}.skip-to-content-link{position:absolute;transform:translateY(-300%);background:var(--color-bg-default);left:0.5rem;padding:0.5rem 1rem;margin-top:0.5rem;position:absolute}.skip-to-content-link:focus{transform:translateY(0%);color:var(--color-fg-default)}.universal-nav{background:var(--color-penn-blue)}.universal-nav ul{display:flex;align-items:baseline;flex-wrap:wrap;scrollbar-color:var(--color-penn-red);list-style:none;padding:0;margin:0}.universal-nav li{display:inline-block}.universal-nav a{display:inline-block;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.075em;font-weight:600;color:var(--color-fg-subtle-on-emphasis);padding:0.5rem;text-decoration:none}.universal-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.universal-nav__shield-image{vertical-align:sub;height:1rem;padding-right:0.25rem}";
-
-const Banner = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        const shieldImageSrc = getAssetPath('./assets/penn-shield.png');
-        return (h("nav", { class: "universal-nav", "aria-label": "Penn Libraries Websites" }, h("a", { href: "#main-content", class: "skip-to-content-link" }, "Skip to content"), h("div", { class: "viewport-margins" }, h("ul", null, h("li", null, h("a", { href: "https://www.library.upenn.edu/", class: "universal-nav__penn-libraries" }, h("img", { src: shieldImageSrc, class: "universal-nav__shield-image", width: "16", height: "16" }), "Penn Libraries")), h("li", null, h("a", { href: "https://franklin.library.upenn.edu/" }, "Franklin")), h("li", null, h("a", { href: "https://upenn.alma.exlibrisgroup.com/discovery/account?vid=01UPENN_INST:Services&lang=en&section=overview" }, "Account")), h("li", null, h("a", { href: "https://guides.library.upenn.edu/" }, "Guides")), h("li", null, h("a", { href: "https://colenda.library.upenn.edu/" }, "Colenda")), h("li", null, h("a", { href: "https://faq.library.upenn.edu/ask" }, "Ask chat"))))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-};
-Banner.style = pennlibsBannerCss;
-
-export { Banner as pennlibs_banner };
-
-//# sourceMappingURL=p-f653959f.entry.js.map

package/dist/web/p-f653959f.entry.js.map

@@ -1 +0,0 @@
-{"file":"pennlibs-banner.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o/BAAo/B;;MCQjgC,MAAM;;;;IACjB,MAAM;QACJ,MAAM,cAAc,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAAC;QAEhE,QACE,WACE,KAAK,EAAC,eAAe,gBACV,yBAAyB,IAEpC,SAAG,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,sBAAsB,sBAAoB,EACxE,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,cACE,SAAG,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,+BAA+B,IAC5E,WAAK,GAAG,EAAE,cAAc,EAAE,KAAK,EAAC,6BAA6B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,mBACrF,CACD,EACL,cAAI,SAAG,IAAI,EAAC,qCAAqC,eAAa,CAAK,EACnE,cAAI,SAAG,IAAI,EAAC,2GAA2G,cAAY,CAAK,EACxI,cAAI,SAAG,IAAI,EAAC,mCAAmC,aAAW,CAAK,EAC/D,cAAI,SAAG,IAAI,EAAC,oCAAoC,cAAY,CAAK,EACjE,cAAI,SAAG,IAAI,EAAC,mCAAmC,eAAa,CAAK,CAC9D,CACD,CACF,EACN;KACH;;;;;;;","names":[],"sources":["src/components/pennlibs-banner/pennlibs-banner.css?tag=pennlibs-banner&encapsulation=shadow","src/components/pennlibs-banner/pennlibs-banner.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family);\n  font-size: var(--font-size);\n}\n\n.viewport-margins {\n  max-width: calc(1080px + 1rem); /* plus universal nav item link padding */\n  margin: 0 auto;\n  padding: 0 0.75rem;\n}\n\n.skip-to-content-link {\n  position: absolute;\n  transform: translateY(-300%);\n  background: var(--color-bg-default);\n  left: 0.5rem;\n  padding: 0.5rem 1rem;\n  margin-top: 0.5rem;\n  position: absolute;\n}\n\n.skip-to-content-link:focus {\n  transform: translateY(0%);\n  color: var(--color-fg-default);\n}\n\n.universal-nav {\n  background: var(--color-penn-blue);\n}\n\n.universal-nav ul {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  scrollbar-color: var(--color-penn-red);\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.universal-nav li {\n  display: inline-block;\n}\n\n.universal-nav a {\n  display: inline-block;\n  text-transform: uppercase;\n  font-size: 0.75rem;\n  letter-spacing: 0.075em;\n  font-weight: 600;\n  color: var(--color-fg-subtle-on-emphasis);\n  padding: 0.5rem;\n  text-decoration: none;\n}\n\n.universal-nav a:hover {\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-underline-offset: 3px;\n}\n\n.universal-nav__shield-image {\n  vertical-align: sub;\n  height: 1rem;\n  padding-right: 0.25rem;\n}\n","import { Component, h, getAssetPath } from '@stencil/core';\n\n@Component({\n  tag: 'pennlibs-banner',\n  styleUrl: 'pennlibs-banner.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class Banner {\n  render() {\n    const shieldImageSrc = getAssetPath('./assets/penn-shield.png');\n\n    return (\n      <nav\n        class=\"universal-nav\"\n        aria-label=\"Penn Libraries Websites\"\n      >\n        <a href=\"#main-content\" class=\"skip-to-content-link\">Skip to content</a>\n        <div class=\"viewport-margins\">\n          <ul>\n            <li>\n              <a href=\"https://www.library.upenn.edu/\" class=\"universal-nav__penn-libraries\">\n                <img src={shieldImageSrc} class=\"universal-nav__shield-image\" width=\"16\" height=\"16\" />Penn Libraries\n              </a>\n            </li>\n            <li><a href=\"https://franklin.library.upenn.edu/\">Franklin</a></li>\n            <li><a href=\"https://upenn.alma.exlibrisgroup.com/discovery/account?vid=01UPENN_INST:Services&lang=en&section=overview\">Account</a></li>\n            <li><a href=\"https://guides.library.upenn.edu/\">Guides</a></li>\n            <li><a href=\"https://colenda.library.upenn.edu/\">Colenda</a></li>\n            <li><a href=\"https://faq.library.upenn.edu/ask\">Ask chat</a></li>\n          </ul>\n        </div>\n      </nav>\n    );\n  }\n}\n"],"version":3}