@penn-libraries/web 1.1.0-dev.2 → 1.1.0-dev.3

package/dist/collection/components/pennlibs-allow-tracking/pennlibs-allow-tracking.css

@@ -1,110 +0,0 @@
-:host {
-  background: var(--pl-color-penn-blue);
-  display: block;
-  margin: 0;
-  font-family: var(--pl-font-family);
-  font-size: var(--pl-font-size);
-  color: var(--pl-color-fg-on-emphasis);
-
-  *, *:before, *:after {
-    box-sizing: inherit;
-  }
-
-  & h2 {
-    font-size: var(--pl-font-size-xl);
-    font-family: var(--pl-font-sans-serif);
-    margin-bottom: 0;
-    margin-top: 0;
-    display: inline-flex;
-    flex-wrap: wrap;
-
-    & span {
-      padding-right: var(--pl-space-xs);
-    }
-  }
-
-  & p {
-    margin: 0;
-  }
-
-  & *:focus {
-    box-shadow: 0 0 0 2px var(--pl-color-bg-accent-emphasis), 0 0 0 4px var(--pl-color-bg-accent);
-    outline: none;
-  }
-
-  & a {
-    color: var(--pl-color-fg-on-emphasis);
-    text-decoration: underline;
-    text-underline-offset: var(--pl-link-text-underline-offset);
-
-    &:hover {
-      text-underline-offset: var(--pl-link-text-underline-offset);
-      text-decoration-thickness: 0.1em;
-    }
-  }
-}
-
-.container {
-  padding: var(--pl-space-m) 0;
-}
-
-.pl-viewport-margins {
-  width: 100%;
-  max-width: var(--pl-viewport-margins-max-width);
-  margin: 0 auto;
-  padding: 0 var(--pl-viewport-margins-gutter, 1em);
-
-  display: flex;
-  gap: var(--pl-space-m);
-  align-items: center;
-  justify-content: space-between;
-
-  flex-wrap: wrap;
-
-  & div:last-of-type {
-    display: flex;
-    gap: var(--pl-space-xs);
-  }
-}
-
-button {
-  all: unset;
-  display: flex;
-  align-items: center;
-  gap: 0.5em;
-  padding: 0.5em 1.5em;
-  font-family: var(--pl-font-family);
-  font-weight: 500;
-  line-height: 1.4;
-  color: var(--pl-color-fg-default);
-  background: var(--pl-color-bg-default);
-  border-radius: 1em;
-  box-sizing: border-box;
-
-  &:hover {
-    cursor: pointer;
-    text-decoration: underline;
-    text-underline-offset: var(--pl-link-text-underline-offset);
-    text-decoration-thickness: 0.1em;
-  }
-}
-
-.stop-sharing {
-  background: none;
-  color: var(--pl-color-fg-on-emphasis);
-  border: solid 1px var(--pl-color-fg-on-emphasis);
-}
-
-.tracking-message {
-  display: flex;
-  gap: var(--pl-space-xs);
-  align-items: center;
-
-  & svg {
-    flex-shrink: 0;
-  }
-}
-
-.tracking-options {
-  flex-wrap: wrap;
-}

package/dist/collection/components/pennlibs-allow-tracking/pennlibs-allow-tracking.js

@@ -1,67 +0,0 @@
-import { h } from "@stencil/core";
-export class AllowTracking {
-    constructor() {
-        this.consentGiven = null;
-        this.hide = true;
-        this.handleAllow = () => {
-            this.setCookie('pennlibs-allow-tracking', 'YES');
-            this.consentGiven = 'YES';
-        };
-        this.handleDoNotTrack = () => {
-            this.setCookie('pennlibs-allow-tracking', 'NO');
-            this.consentGiven = 'NO';
-        };
-        this.handleHide = () => {
-            this.hide = true;
-        };
-    }
-    componentWillLoad() {
-        if (navigator.cookieEnabled) {
-            this.hide = false;
-        }
-        const existingConsent = this.getCookie('pennlibs-allow-tracking');
-        if (existingConsent) {
-            this.consentGiven = existingConsent;
-        }
-    }
-    getCookie(name) {
-        var _a;
-        return ((_a = document.cookie
-            .split('; ')
-            .find(row => row.startsWith(`${name}=`))) === null || _a === void 0 ? void 0 : _a.split('=')[1]) || null;
-    }
-    setCookie(name, value) {
-        document.cookie = `${name}=${value}; path=/; max-age=31536000`;
-    }
-    render() {
-        if (this.hide) {
-            return null;
-        }
-        if (this.consentGiven) {
-            return (h("div", { class: "container" }, h("div", { class: "pl-viewport-margins" }, h("div", null, h("p", null, "You've ", h("strong", null, this.consentGiven === 'YES' ? 'accepted' : 'rejected'), " tracking. You can ", h("a", { href: "#" }, "change this setting"), " at anytime.")), h("div", null, h("button", { onClick: this.handleHide }, "Hide tracking message")))));
-        }
-        return (h("div", { class: "container" }, h("div", { class: "pl-viewport-margins" }, h("div", { class: "tracking-message" }, h(TrackingIcon, null), h("p", null, h("a", { href: "https://www.library.upenn.edu/about/policies/penn-libraries-privacy-policy" }, "We use anonymized data"), " from your visit such as clicks to gather analytics and understand how we can make improvements.")), h("div", { class: "tracking-options" }, h("button", { onClick: this.handleAllow }, "Continue sharing"), h("button", { onClick: this.handleDoNotTrack, class: "stop-sharing" }, "Stop sharing")))));
-    }
-    static get is() { return "pennlibs-allow-tracking"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["pennlibs-allow-tracking.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pennlibs-allow-tracking.css"]
-        };
-    }
-    static get states() {
-        return {
-            "consentGiven": {},
-            "hide": {}
-        };
-    }
-}
-function TrackingIcon() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-trending-up-down-icon lucide-trending-up-down" }, h("path", { d: "M14.828 14.828 21 21" }), h("path", { d: "M21 16v5h-5" }), h("path", { d: "m21 3-9 9-4-4-6 6" }), h("path", { d: "M21 8V3h-5" })));
-}
-//# sourceMappingURL=pennlibs-allow-tracking.js.map

package/dist/collection/components/pennlibs-allow-tracking/pennlibs-allow-tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pennlibs-allow-tracking.js","sourceRoot":"","sources":["../../../src/components/pennlibs-allow-tracking/pennlibs-allow-tracking.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'pennlibs-allow-tracking',\n  styleUrl: 'pennlibs-allow-tracking.css',\n  shadow: true\n})\nexport class AllowTracking {\n  @State() consentGiven: 'YES' | 'NO' | null = null;\n  @State() hide: boolean = true;\n\n  componentWillLoad() {\n    if (navigator.cookieEnabled) {\n      this.hide = false;\n    }\n\n    const existingConsent = this.getCookie('pennlibs-allow-tracking');\n    if (existingConsent) {\n      this.consentGiven = existingConsent as 'YES' | 'NO';\n    }\n  }\n\n  private getCookie(name: string): string | null {\n    return document.cookie\n      .split('; ')\n      .find(row => row.startsWith(`${name}=`))\n      ?.split('=')[1] || null;\n  }\n\n  private setCookie(name: string, value: string) {\n    document.cookie = `${name}=${value}; path=/; max-age=31536000`;\n  }\n\n  private handleAllow = () => {\n    this.setCookie('pennlibs-allow-tracking', 'YES');\n    this.consentGiven = 'YES';\n  }\n\n  private handleDoNotTrack = () => {\n    this.setCookie('pennlibs-allow-tracking', 'NO');\n    this.consentGiven = 'NO';\n  }\n\n  private handleHide = () => {\n    this.hide = true;\n  }\n\n  render() {\n    if (this.hide) {\n      return null;\n    }\n\n    if (this.consentGiven) {\n      return (\n        <div class=\"container\">\n          <div class=\"pl-viewport-margins\">\n            <div>\n              <p>You've <strong>{this.consentGiven === 'YES' ? 'accepted' : 'rejected'}</strong> tracking. You can <a href=\"#\">change this setting</a> at anytime.</p>\n            </div>\n            <div>\n              <button onClick={this.handleHide}>Hide tracking message</button>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"container\">\n        <div class=\"pl-viewport-margins\">\n          <div class=\"tracking-message\">\n            <TrackingIcon /><p><a href=\"https://www.library.upenn.edu/about/policies/penn-libraries-privacy-policy\">We use anonymized data</a> from your visit such as clicks to gather analytics and understand how we can make improvements.</p>\n          </div>\n\n          <div class=\"tracking-options\">\n            <button onClick={this.handleAllow}>Continue sharing</button>\n            <button onClick={this.handleDoNotTrack} class=\"stop-sharing\">Stop sharing</button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction TrackingIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-trending-up-down-icon lucide-trending-up-down\"><path d=\"M14.828 14.828 21 21\"/><path d=\"M21 16v5h-5\"/><path d=\"m21 3-9 9-4-4-6 6\"/><path d=\"M21 8V3h-5\"/></svg>\n  )\n}"]}

package/dist/components/pennlibs-allow-tracking.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PennlibsAllowTracking extends Components.PennlibsAllowTracking, HTMLElement {}
-export const PennlibsAllowTracking: {
-    prototype: PennlibsAllowTracking;
-    new (): PennlibsAllowTracking;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/pennlibs-allow-tracking.js

@@ -1,79 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const pennlibsAllowTrackingCss = ":host {\n  background: var(--pl-color-penn-blue);\n  display: block;\n  margin: 0;\n  font-family: var(--pl-font-family);\n  font-size: var(--pl-font-size);\n  color: var(--pl-color-fg-on-emphasis);\n\n  *, *:before, *:after {\n    box-sizing: inherit;\n  }\n\n  & h2 {\n    font-size: var(--pl-font-size-xl);\n    font-family: var(--pl-font-sans-serif);\n    margin-bottom: 0;\n    margin-top: 0;\n    display: inline-flex;\n    flex-wrap: wrap;\n\n    & span {\n      padding-right: var(--pl-space-xs);\n    }\n  }\n\n  & p {\n    margin: 0;\n  }\n\n  & *:focus {\n    box-shadow: 0 0 0 2px var(--pl-color-bg-accent-emphasis), 0 0 0 4px var(--pl-color-bg-accent);\n    outline: none;\n  }\n\n  & a {\n    color: var(--pl-color-fg-on-emphasis);\n    text-decoration: underline;\n    text-underline-offset: var(--pl-link-text-underline-offset);\n\n    &:hover {\n      text-underline-offset: var(--pl-link-text-underline-offset);\n      text-decoration-thickness: 0.1em;\n    }\n  }\n}\n\n.container {\n  padding: var(--pl-space-m) 0;\n}\n\n.pl-viewport-margins {\n  width: 100%;\n  max-width: var(--pl-viewport-margins-max-width);\n  margin: 0 auto;\n  padding: 0 var(--pl-viewport-margins-gutter, 1em);\n\n  display: flex;\n  gap: var(--pl-space-m);\n  align-items: center;\n  justify-content: space-between;\n\n  flex-wrap: wrap;\n\n  & div:last-of-type {\n    display: flex;\n    gap: var(--pl-space-xs);\n  }\n}\n\nbutton {\n  all: unset;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.5em 1.5em;\n  font-family: var(--pl-font-family);\n  font-weight: 500;\n  line-height: 1.4;\n  color: var(--pl-color-fg-default);\n  background: var(--pl-color-bg-default);\n  border-radius: 1em;\n  box-sizing: border-box;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n    text-underline-offset: var(--pl-link-text-underline-offset);\n    text-decoration-thickness: 0.1em;\n  }\n}\n\n.stop-sharing {\n  background: none;\n  color: var(--pl-color-fg-on-emphasis);\n  border: solid 1px var(--pl-color-fg-on-emphasis);\n}\n\n.tracking-message {\n  display: flex;\n  gap: var(--pl-space-xs);\n  align-items: center;\n\n  & svg {\n    flex-shrink: 0;\n  }\n}\n\n.tracking-options {\n  flex-wrap: wrap;\n}";
-
-const AllowTracking = /*@__PURE__*/ proxyCustomElement(class AllowTracking extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.consentGiven = null;
-        this.hide = true;
-        this.handleAllow = () => {
-            this.setCookie('pennlibs-allow-tracking', 'YES');
-            this.consentGiven = 'YES';
-        };
-        this.handleDoNotTrack = () => {
-            this.setCookie('pennlibs-allow-tracking', 'NO');
-            this.consentGiven = 'NO';
-        };
-        this.handleHide = () => {
-            this.hide = true;
-        };
-    }
-    componentWillLoad() {
-        if (navigator.cookieEnabled) {
-            this.hide = false;
-        }
-        const existingConsent = this.getCookie('pennlibs-allow-tracking');
-        if (existingConsent) {
-            this.consentGiven = existingConsent;
-        }
-    }
-    getCookie(name) {
-        var _a;
-        return ((_a = document.cookie
-            .split('; ')
-            .find(row => row.startsWith(`${name}=`))) === null || _a === void 0 ? void 0 : _a.split('=')[1]) || null;
-    }
-    setCookie(name, value) {
-        document.cookie = `${name}=${value}; path=/; max-age=31536000`;
-    }
-    render() {
-        if (this.hide) {
-            return null;
-        }
-        if (this.consentGiven) {
-            return (h("div", { class: "container" }, h("div", { class: "pl-viewport-margins" }, h("div", null, h("p", null, "You've ", h("strong", null, this.consentGiven === 'YES' ? 'accepted' : 'rejected'), " tracking. You can ", h("a", { href: "#" }, "change this setting"), " at anytime.")), h("div", null, h("button", { onClick: this.handleHide }, "Hide tracking message")))));
-        }
-        return (h("div", { class: "container" }, h("div", { class: "pl-viewport-margins" }, h("div", { class: "tracking-message" }, h(TrackingIcon, null), h("p", null, h("a", { href: "https://www.library.upenn.edu/about/policies/penn-libraries-privacy-policy" }, "We use anonymized data"), " from your visit such as clicks to gather analytics and understand how we can make improvements.")), h("div", { class: "tracking-options" }, h("button", { onClick: this.handleAllow }, "Continue sharing"), h("button", { onClick: this.handleDoNotTrack, class: "stop-sharing" }, "Stop sharing")))));
-    }
-    static get style() { return pennlibsAllowTrackingCss; }
-}, [1, "pennlibs-allow-tracking", {
-        "consentGiven": [32],
-        "hide": [32]
-    }]);
-function TrackingIcon() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-trending-up-down-icon lucide-trending-up-down" }, h("path", { d: "M14.828 14.828 21 21" }), h("path", { d: "M21 16v5h-5" }), h("path", { d: "m21 3-9 9-4-4-6 6" }), h("path", { d: "M21 8V3h-5" })));
-}
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pennlibs-allow-tracking"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pennlibs-allow-tracking":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AllowTracking);
-            }
-            break;
-    } });
-}
-
-const PennlibsAllowTracking = AllowTracking;
-const defineCustomElement = defineCustomElement$1;
-
-export { PennlibsAllowTracking, defineCustomElement };
-//# sourceMappingURL=pennlibs-allow-tracking.js.map
-
-//# sourceMappingURL=pennlibs-allow-tracking.js.map

package/dist/components/pennlibs-allow-tracking.js.map

@@ -1 +0,0 @@
-{"file":"pennlibs-allow-tracking.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/pennlibs-allow-tracking/pennlibs-allow-tracking.css?tag=pennlibs-allow-tracking&encapsulation=shadow","src/components/pennlibs-allow-tracking/pennlibs-allow-tracking.tsx"],"sourcesContent":[":host {\n  background: var(--pl-color-penn-blue);\n  display: block;\n  margin: 0;\n  font-family: var(--pl-font-family);\n  font-size: var(--pl-font-size);\n  color: var(--pl-color-fg-on-emphasis);\n\n  *, *:before, *:after {\n    box-sizing: inherit;\n  }\n\n  & h2 {\n    font-size: var(--pl-font-size-xl);\n    font-family: var(--pl-font-sans-serif);\n    margin-bottom: 0;\n    margin-top: 0;\n    display: inline-flex;\n    flex-wrap: wrap;\n\n    & span {\n      padding-right: var(--pl-space-xs);\n    }\n  }\n\n  & p {\n    margin: 0;\n  }\n\n  & *:focus {\n    box-shadow: 0 0 0 2px var(--pl-color-bg-accent-emphasis), 0 0 0 4px var(--pl-color-bg-accent);\n    outline: none;\n  }\n\n  & a {\n    color: var(--pl-color-fg-on-emphasis);\n    text-decoration: underline;\n    text-underline-offset: var(--pl-link-text-underline-offset);\n\n    &:hover {\n      text-underline-offset: var(--pl-link-text-underline-offset);\n      text-decoration-thickness: 0.1em;\n    }\n  }\n}\n\n.container {\n  padding: var(--pl-space-m) 0;\n}\n\n.pl-viewport-margins {\n  width: 100%;\n  max-width: var(--pl-viewport-margins-max-width);\n  margin: 0 auto;\n  padding: 0 var(--pl-viewport-margins-gutter, 1em);\n\n  display: flex;\n  gap: var(--pl-space-m);\n  align-items: center;\n  justify-content: space-between;\n\n  flex-wrap: wrap;\n\n  & div:last-of-type {\n    display: flex;\n    gap: var(--pl-space-xs);\n  }\n}\n\nbutton {\n  all: unset;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.5em 1.5em;\n  font-family: var(--pl-font-family);\n  font-weight: 500;\n  line-height: 1.4;\n  color: var(--pl-color-fg-default);\n  background: var(--pl-color-bg-default);\n  border-radius: 1em;\n  box-sizing: border-box;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n    text-underline-offset: var(--pl-link-text-underline-offset);\n    text-decoration-thickness: 0.1em;\n  }\n}\n\n.stop-sharing {\n  background: none;\n  color: var(--pl-color-fg-on-emphasis);\n  border: solid 1px var(--pl-color-fg-on-emphasis);\n}\n\n.tracking-message {\n  display: flex;\n  gap: var(--pl-space-xs);\n  align-items: center;\n\n  & svg {\n    flex-shrink: 0;\n  }\n}\n\n.tracking-options {\n  flex-wrap: wrap;\n}","import { Component, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'pennlibs-allow-tracking',\n  styleUrl: 'pennlibs-allow-tracking.css',\n  shadow: true\n})\nexport class AllowTracking {\n  @State() consentGiven: 'YES' | 'NO' | null = null;\n  @State() hide: boolean = true;\n\n  componentWillLoad() {\n    if (navigator.cookieEnabled) {\n      this.hide = false;\n    }\n\n    const existingConsent = this.getCookie('pennlibs-allow-tracking');\n    if (existingConsent) {\n      this.consentGiven = existingConsent as 'YES' | 'NO';\n    }\n  }\n\n  private getCookie(name: string): string | null {\n    return document.cookie\n      .split('; ')\n      .find(row => row.startsWith(`${name}=`))\n      ?.split('=')[1] || null;\n  }\n\n  private setCookie(name: string, value: string) {\n    document.cookie = `${name}=${value}; path=/; max-age=31536000`;\n  }\n\n  private handleAllow = () => {\n    this.setCookie('pennlibs-allow-tracking', 'YES');\n    this.consentGiven = 'YES';\n  }\n\n  private handleDoNotTrack = () => {\n    this.setCookie('pennlibs-allow-tracking', 'NO');\n    this.consentGiven = 'NO';\n  }\n\n  private handleHide = () => {\n    this.hide = true;\n  }\n\n  render() {\n    if (this.hide) {\n      return null;\n    }\n\n    if (this.consentGiven) {\n      return (\n        <div class=\"container\">\n          <div class=\"pl-viewport-margins\">\n            <div>\n              <p>You've <strong>{this.consentGiven === 'YES' ? 'accepted' : 'rejected'}</strong> tracking. You can <a href=\"#\">change this setting</a> at anytime.</p>\n            </div>\n            <div>\n              <button onClick={this.handleHide}>Hide tracking message</button>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"container\">\n        <div class=\"pl-viewport-margins\">\n          <div class=\"tracking-message\">\n            <TrackingIcon /><p><a href=\"https://www.library.upenn.edu/about/policies/penn-libraries-privacy-policy\">We use anonymized data</a> from your visit such as clicks to gather analytics and understand how we can make improvements.</p>\n          </div>\n\n          <div class=\"tracking-options\">\n            <button onClick={this.handleAllow}>Continue sharing</button>\n            <button onClick={this.handleDoNotTrack} class=\"stop-sharing\">Stop sharing</button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction TrackingIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-trending-up-down-icon lucide-trending-up-down\"><path d=\"M14.828 14.828 21 21\"/><path d=\"M21 16v5h-5\"/><path d=\"m21 3-9 9-4-4-6 6\"/><path d=\"M21 8V3h-5\"/></svg>\n  )\n}"],"version":3}