@penn-libraries/web 1.0.0 → 1.1.0-dev.0

package/dist/collection/components/pennlibs-autocomplete/pennlibs-autocomplete.js

@@ -0,0 +1,309 @@
+import { h } from "@stencil/core";
+export class Autocomplete {
+    constructor() {
+        this.showSuggestions = false;
+        this.currentIndex = -1;
+        this.originalValue = '';
+        this.options = [];
+        this.handleOptionClick = (index) => {
+            this.currentIndex = index;
+            this.selectCurrent();
+        };
+    }
+    componentWillLoad() {
+        this.options = this.parseOptionsFromDOM();
+    }
+    componentDidLoad() {
+        this.setupInput();
+    }
+    disconnectedCallback() {
+        if (this.blurTimeout)
+            clearTimeout(this.blurTimeout);
+    }
+    parseOptionsFromDOM() {
+        const listbox = this.findListbox();
+        if (!listbox)
+            return [];
+        const elements = Array.from(listbox.querySelectorAll('[role="option"]'));
+        return elements.map((el, i) => this.createOption(el, i));
+    }
+    findListbox() {
+        return Array.from(this.el.children).find(child => child.matches('ol[role="listbox"]'));
+    }
+    createOption(element, index) {
+        var _a;
+        return {
+            id: element.id || `option-${index}`,
+            html: element.innerHTML,
+            value: element.getAttribute('data-value') || ((_a = element.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || ''
+        };
+    }
+    getInput() {
+        var _a, _b;
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="start"]');
+        return ((_b = slot === null || slot === void 0 ? void 0 : slot.assignedElements()[0]) === null || _b === void 0 ? void 0 : _b.querySelector('input')) || null;
+    }
+    isInputFocused() {
+        return this.getInput() === document.activeElement;
+    }
+    isTrackedInput(input) {
+        return (input === null || input === void 0 ? void 0 : input.getAttribute('data-pl-autocomplete-input')) === 'true' &&
+            this.el.contains(input);
+    }
+    setupInput() {
+        const input = this.getInput();
+        if (!input)
+            return;
+        this.setComboboxAttributes(input);
+        input.setAttribute('data-pl-autocomplete-input', 'true');
+    }
+    setComboboxAttributes(input) {
+        input.setAttribute('role', 'combobox');
+        input.setAttribute('aria-autocomplete', 'list');
+        input.setAttribute('aria-expanded', 'false');
+        input.setAttribute('aria-controls', 'listbox');
+    }
+    handleSlotChange() {
+        this.setupInput();
+    }
+    handleInputEvent(event) {
+        const input = event.target;
+        if (this.isTrackedInput(input))
+            this.openSuggestions();
+    }
+    handleFocusEvent(event) {
+        const input = event.target;
+        if (this.isTrackedInput(input))
+            this.showSuggestionsPanel();
+    }
+    handleBlurEvent(event) {
+        const input = event.target;
+        if (this.isTrackedInput(input))
+            this.deferCloseSuggestions();
+    }
+    handleFocusOut(event) {
+        if (this.isFocusLeavingComponent(event))
+            this.closeSuggestions();
+    }
+    handleKeyDown(event) {
+        if (!this.isInputFocused())
+            return;
+        if (event.metaKey || event.ctrlKey)
+            return; // Ignore keyboard shortcuts
+        const handler = this.keyHandlers()[event.key];
+        if (handler) {
+            event.preventDefault();
+            handler();
+        }
+    }
+    keyHandlers() {
+        return {
+            'Escape': () => this.handleEscape(),
+            'ArrowDown': () => this.handleArrowDown(),
+            'ArrowUp': () => this.handleArrowUp(),
+            'Enter': () => this.handleEnter()
+        };
+    }
+    handleEscape() {
+        this.reset();
+        this.syncInputState();
+    }
+    handleArrowDown() {
+        if (!this.showSuggestions)
+            return;
+        this.moveNext();
+        this.syncInputState();
+    }
+    handleArrowUp() {
+        if (!this.showSuggestions)
+            return;
+        this.movePrevious();
+        this.syncInputState();
+    }
+    handleEnter() {
+        if (this.canSelect())
+            this.selectCurrent();
+    }
+    // Navigation
+    moveNext() {
+        const lastIndex = this.options.length - 1;
+        this.currentIndex = this.currentIndex < lastIndex ? this.currentIndex + 1 : -1;
+    }
+    movePrevious() {
+        const lastIndex = this.options.length - 1;
+        this.currentIndex = this.currentIndex > -1 ? this.currentIndex - 1 : lastIndex;
+    }
+    canSelect() {
+        return this.showSuggestions && this.currentIndex >= 0;
+    }
+    selectCurrent() {
+        if (this.currentIndex < 0)
+            return;
+        const selectedOption = this.options[this.currentIndex];
+        const input = this.getInput();
+        if (input) {
+            input.value = selectedOption.value;
+            this.originalValue = selectedOption.value;
+        }
+        this.activated.emit({
+            index: this.currentIndex,
+            value: selectedOption.value
+        });
+        this.closeSuggestions();
+    }
+    openSuggestions() {
+        if (!this.isInputFocused())
+            return;
+        const input = this.getInput();
+        if (input)
+            this.originalValue = input.value;
+        this.showSuggestionsPanel();
+        this.syncInputState();
+    }
+    showSuggestionsPanel() {
+        this.showSuggestions = true;
+        this.syncInputState();
+    }
+    closeSuggestions() {
+        this.reset();
+        this.syncInputState();
+    }
+    deferCloseSuggestions() {
+        this.blurTimeout = setTimeout(() => {
+            if (this.isFocusOutsideComponent())
+                this.closeSuggestions();
+        }, 150);
+    }
+    reset() {
+        this.showSuggestions = false;
+        this.currentIndex = -1;
+    }
+    isFocusLeavingComponent(event) {
+        var _a;
+        const target = event.relatedTarget;
+        return !target ||
+            (!this.el.contains(target) && !((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target)));
+    }
+    isFocusOutsideComponent() {
+        var _a;
+        const active = document.activeElement;
+        return !((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(active)) && active !== this.getInput();
+    }
+    // Input State Sync
+    syncInputState() {
+        const input = this.getInput();
+        if (!input)
+            return;
+        this.updateAriaExpanded(input);
+        this.updateAriaActiveDescendant(input);
+        this.updateInputValue(input);
+    }
+    updateAriaExpanded(input) {
+        input.setAttribute('aria-expanded', this.showSuggestions.toString());
+    }
+    updateAriaActiveDescendant(input) {
+        const hasSelection = this.showSuggestions && this.currentIndex >= 0;
+        if (hasSelection && this.options[this.currentIndex]) {
+            input.setAttribute('aria-activedescendant', this.options[this.currentIndex].id);
+        }
+        else {
+            input.removeAttribute('aria-activedescendant');
+        }
+    }
+    updateInputValue(input) {
+        input.value = this.currentIndex >= 0
+            ? this.options[this.currentIndex].value
+            : this.originalValue;
+    }
+    shouldShowListbox() {
+        return this.showSuggestions && this.options.length > 0 && this.isInputFocused();
+    }
+    render() {
+        return (h("div", { key: '115c30f765cf21c38e2e5376da41295850ec76e3' }, h("slot", { key: '878c10f3b561bf8c85f920b7238227a5b0429204', name: "start" }), this.shouldShowListbox() && (h("ol", { key: 'ea491160d597a9c2b553107fb3edad698d652549', role: "listbox", id: "listbox" }, this.options.map((option, index) => (h("li", { role: "option", id: option.id, "aria-selected": this.currentIndex === index ? 'true' : 'false', tabindex: "-1", onClick: () => this.handleOptionClick(index), innerHTML: option.html })))))));
+    }
+    static get is() { return "pennlibs-autocomplete"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pennlibs-autocomplete.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pennlibs-autocomplete.css"]
+        };
+    }
+    static get states() {
+        return {
+            "showSuggestions": {},
+            "currentIndex": {},
+            "originalValue": {},
+            "options": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "activated",
+                "name": "pl:activated",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a user activates (selects) an autocomplete option"
+                },
+                "complexType": {
+                    "original": "ActivatedEvent",
+                    "resolved": "ActivatedEvent",
+                    "references": {
+                        "ActivatedEvent": {
+                            "location": "local",
+                            "path": "/builds/DnZExnmH5/0/dld/design/design-system/penn-libraries-web/src/components/pennlibs-autocomplete/pennlibs-autocomplete.tsx",
+                            "id": "src/components/pennlibs-autocomplete/pennlibs-autocomplete.tsx::ActivatedEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "slotchange",
+                "method": "handleSlotChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "input",
+                "method": "handleInputEvent",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "focus",
+                "method": "handleFocusEvent",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "blur",
+                "method": "handleBlurEvent",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "focusout",
+                "method": "handleFocusOut",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=pennlibs-autocomplete.js.map

package/dist/collection/components/pennlibs-autocomplete/pennlibs-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pennlibs-autocomplete.js","sourceRoot":"","sources":["../../../src/components/pennlibs-autocomplete/pennlibs-autocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, State, Listen, Event, EventEmitter } from '@stencil/core';\n\ninterface ListboxOption {\n  id: string;\n  html: string;\n  value: string;\n}\n\nexport interface ActivatedEvent {\n  value: string;\n  index: number;\n}\n\n@Component({\n  tag: 'pennlibs-autocomplete',\n  styleUrl: 'pennlibs-autocomplete.css',\n  shadow: true\n})\nexport class Autocomplete {\n  @Element() el!: HTMLElement;\n  @State() showSuggestions: boolean = false;\n  @State() currentIndex: number = -1;\n  @State() originalValue: string = '';\n  @State() options: ListboxOption[] = [];\n\n  /**\n   * Emitted when a user activates (selects) an autocomplete option\n   */\n  @Event({ eventName: 'pl:activated' }) activated: EventEmitter<ActivatedEvent>;\n\n  private blurTimeout: number;\n\n  componentWillLoad() {\n    this.options = this.parseOptionsFromDOM();\n  }\n\n  componentDidLoad() {\n    this.setupInput();\n  }\n\n  disconnectedCallback() {\n    if (this.blurTimeout) clearTimeout(this.blurTimeout);\n  }\n\n  private parseOptionsFromDOM(): ListboxOption[] {\n    const listbox = this.findListbox();\n    if (!listbox) return [];\n\n    const elements = Array.from(listbox.querySelectorAll('[role=\"option\"]')) as HTMLElement[];\n    return elements.map((el, i) => this.createOption(el, i));\n  }\n\n  private findListbox(): HTMLOListElement | null {\n    return Array.from(this.el.children).find(child =>\n      child.matches('ol[role=\"listbox\"]')\n    ) as HTMLOListElement;\n  }\n\n  private createOption(element: HTMLElement, index: number): ListboxOption {\n    return {\n      id: element.id || `option-${index}`,\n      html: element.innerHTML,\n      value: element.getAttribute('data-value') || element.textContent?.trim() || ''\n    };\n  }\n\n  private getInput(): HTMLInputElement | null {\n    const slot = this.el.shadowRoot?.querySelector('slot[name=\"start\"]') as HTMLSlotElement;\n    return slot?.assignedElements()[0]?.querySelector('input') || null;\n  }\n\n  private isInputFocused(): boolean {\n    return this.getInput() === document.activeElement;\n  }\n\n  private isTrackedInput(input: HTMLInputElement): boolean {\n    return input?.getAttribute('data-pl-autocomplete-input') === 'true' &&\n           this.el.contains(input);\n  }\n\n  private setupInput(): void {\n    const input = this.getInput();\n    if (!input) return;\n\n    this.setComboboxAttributes(input);\n    input.setAttribute('data-pl-autocomplete-input', 'true');\n  }\n\n  private setComboboxAttributes(input: HTMLInputElement): void {\n    input.setAttribute('role', 'combobox');\n    input.setAttribute('aria-autocomplete', 'list');\n    input.setAttribute('aria-expanded', 'false');\n    input.setAttribute('aria-controls', 'listbox');\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.setupInput();\n  }\n\n  @Listen('input', { target: 'body' })\n  handleInputEvent(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (this.isTrackedInput(input)) this.openSuggestions();\n  }\n\n  @Listen('focus', { target: 'body' })\n  handleFocusEvent(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (this.isTrackedInput(input)) this.showSuggestionsPanel();\n  }\n\n  @Listen('blur', { target: 'body' })\n  handleBlurEvent(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (this.isTrackedInput(input)) this.deferCloseSuggestions();\n  }\n\n  @Listen('focusout')\n  handleFocusOut(event: FocusEvent) {\n    if (this.isFocusLeavingComponent(event)) this.closeSuggestions();\n  }\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.isInputFocused()) return;\n    if (event.metaKey || event.ctrlKey) return; // Ignore keyboard shortcuts\n\n    const handler = this.keyHandlers()[event.key];\n    if (handler) {\n      event.preventDefault();\n      handler();\n    }\n  }\n\n  private keyHandlers() {\n    return {\n      'Escape': () => this.handleEscape(),\n      'ArrowDown': () => this.handleArrowDown(),\n      'ArrowUp': () => this.handleArrowUp(),\n      'Enter': () => this.handleEnter()\n    };\n  }\n\n  private handleEscape() {\n    this.reset();\n    this.syncInputState();\n  }\n\n  private handleArrowDown() {\n    if (!this.showSuggestions) return;\n    this.moveNext();\n    this.syncInputState();\n  }\n\n  private handleArrowUp() {\n    if (!this.showSuggestions) return;\n    this.movePrevious();\n    this.syncInputState();\n  }\n\n  private handleEnter() {\n    if (this.canSelect()) this.selectCurrent();\n  }\n\n  // Navigation\n  private moveNext(): void {\n    const lastIndex = this.options.length - 1;\n    this.currentIndex = this.currentIndex < lastIndex ? this.currentIndex + 1 : -1;\n  }\n\n  private movePrevious(): void {\n    const lastIndex = this.options.length - 1;\n    this.currentIndex = this.currentIndex > -1 ? this.currentIndex - 1 : lastIndex;\n  }\n\n  private canSelect(): boolean {\n    return this.showSuggestions && this.currentIndex >= 0;\n  }\n\n  private selectCurrent(): void {\n    if (this.currentIndex < 0) return;\n\n    const selectedOption = this.options[this.currentIndex];\n    const input = this.getInput();\n\n    if (input) {\n      input.value = selectedOption.value;\n      this.originalValue = selectedOption.value;\n    }\n\n    this.activated.emit({\n      index: this.currentIndex,\n      value: selectedOption.value\n    });\n\n    this.closeSuggestions();\n  }\n\n  private handleOptionClick = (index: number): void => {\n    this.currentIndex = index;\n    this.selectCurrent();\n  }\n\n  private openSuggestions(): void {\n    if (!this.isInputFocused()) return;\n\n    const input = this.getInput();\n    if (input) this.originalValue = input.value;\n\n    this.showSuggestionsPanel();\n    this.syncInputState();\n  }\n\n  private showSuggestionsPanel(): void {\n    this.showSuggestions = true;\n    this.syncInputState();\n  }\n\n  private closeSuggestions(): void {\n    this.reset();\n    this.syncInputState();\n  }\n\n  private deferCloseSuggestions(): void {\n    this.blurTimeout = setTimeout(() => {\n      if (this.isFocusOutsideComponent()) this.closeSuggestions();\n    }, 150) as unknown as number;\n  }\n\n  private reset(): void {\n    this.showSuggestions = false;\n    this.currentIndex = -1;\n  }\n\n  private isFocusLeavingComponent(event: FocusEvent): boolean {\n    const target = event.relatedTarget as HTMLElement;\n    return !target ||\n           (!this.el.contains(target) && !this.el.shadowRoot?.contains(target));\n  }\n\n  private isFocusOutsideComponent(): boolean {\n    const active = document.activeElement;\n    return !this.el.shadowRoot?.contains(active) && active !== this.getInput();\n  }\n\n  // Input State Sync\n  private syncInputState(): void {\n    const input = this.getInput();\n    if (!input) return;\n\n    this.updateAriaExpanded(input);\n    this.updateAriaActiveDescendant(input);\n    this.updateInputValue(input);\n  }\n\n  private updateAriaExpanded(input: HTMLInputElement): void {\n    input.setAttribute('aria-expanded', this.showSuggestions.toString());\n  }\n\n  private updateAriaActiveDescendant(input: HTMLInputElement): void {\n    const hasSelection = this.showSuggestions && this.currentIndex >= 0;\n    if (hasSelection && this.options[this.currentIndex]) {\n      input.setAttribute('aria-activedescendant', this.options[this.currentIndex].id);\n    } else {\n      input.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  private updateInputValue(input: HTMLInputElement): void {\n    input.value = this.currentIndex >= 0\n      ? this.options[this.currentIndex].value\n      : this.originalValue;\n  }\n\n  private shouldShowListbox(): boolean {\n    return this.showSuggestions && this.options.length > 0 && this.isInputFocused();\n  }\n\n  render() {\n    return (\n      <div>\n        <slot name=\"start\" />\n        {this.shouldShowListbox() && (\n          <ol role=\"listbox\" id=\"listbox\">\n            {this.options.map((option, index) => (\n              <li\n                role=\"option\"\n                id={option.id}\n                aria-selected={this.currentIndex === index ? 'true' : 'false'}\n                tabindex=\"-1\"\n                onClick={() => this.handleOptionClick(index)}\n                innerHTML={option.html}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    )\n  }\n}\n"]}

package/dist/collection/components/pennlibs-banner/pennlibs-banner.js

@@ -2,7 +2,7 @@ import { h, getAssetPath } from "@stencil/core";
 export class Banner {
     render() {
         const shieldImageSrc = getAssetPath('./assets/penn-shield.png');
-        return (h("nav", { key: '5d8f303bc3db4445a91add6e57b6c20df8d0eb1a', class: "universal-nav", "aria-label": "Penn Libraries Websites" }, h("a", { key: 'd4617491f77f3a5a64c4434a5281da140ed32329', href: "#main-content", class: "skip-to-content-link" }, "Skip to content"), h("div", { key: '3858f6cea1a85336126908b0a3b0084735ac7deb', class: "viewport-margins" }, h("ul", { key: '18c4ae556af007616953db377b778186ff9cb31b' }, h("li", { key: '375aaa6be82566185cbb484ff082ed514861f1e2' }, h("a", { key: '4b8f30ed7eab1ae71de3097a4ece4887468558a7', href: "https://www.library.upenn.edu/", class: "universal-nav__penn-libraries" }, h("img", { key: '77c00c1b66d7c0775d4ab830f4bcdac94c21cf72', src: shieldImageSrc, class: "universal-nav__shield-image", width: "16", height: "16" }), "Penn Libraries")), h("li", { key: 'd0055db7eff99adc0fb46f0c3c62c8710ffad217' }, h("a", { key: '1f3245f1a96ae4f5ba037f7bbbf9278d79a8bc01', href: "https://franklin.library.upenn.edu/" }, "Franklin")), h("li", { key: '605908137ec7c38143acd911f9cf67ee842f3cbe' }, h("a", { key: 'c97cf1d1b1c8b3964088b2f4f6231b730e784f5c', href: "https://upenn.alma.exlibrisgroup.com/discovery/account?vid=01UPENN_INST:Services&lang=en&section=overview" }, "Account")), h("li", { key: 'cace330f410469ba715646858dde02323a1b6da8' }, h("a", { key: 'dc7adbbf75d443055a079d17acbad0ae71ea7bf5', href: "https://guides.library.upenn.edu/" }, "Guides")), h("li", { key: 'daa02dc5b510e4dcc8190c9e954df30c1aeecb8b' }, h("a", { key: 'be4fdefc5fa281365551eada13dc18809e7e5872', href: "https://colenda.library.upenn.edu/" }, "Colenda")), h("li", { key: '8ee4491bb2f9c80cd26c984bf1bf2f0a2b0b2b29' }, h("a", { key: 'e4be73893a0a174634edeaa461f0e394c16057f5', href: "https://faq.library.upenn.edu/ask" }, "Ask chat"))))));
+        return (h("nav", { key: 'f318d9a43db0cc13e9fc75457bec729651c57a30', class: "universal-nav", "aria-label": "Penn Libraries Websites" }, h("a", { key: '23a7f51454f2e1b8e80ec136b0b14d74c6b1d4a9', href: "#main-content", class: "skip-to-content-link" }, "Skip to content"), h("div", { key: 'ee4f8ea2959fb10ca40a02a3705ce8e8b138104c', class: "viewport-margins" }, h("ul", { key: '07e19892c97069299148ccc94ba1cf5a9fa2da68' }, h("li", { key: '8abc48c64b5ff7681f79fb21134cd60bebf2e6ea' }, h("a", { key: '7e238689e33ee4d6e20fc7eb1c8d5430b98fe3d1', href: "https://www.library.upenn.edu/", class: "universal-nav__penn-libraries" }, h("img", { key: 'ce41dda7bb3eb573afc63a0620acf0c7bc45dc64', src: shieldImageSrc, class: "universal-nav__shield-image", width: "16", height: "16" }), "Penn Libraries")), h("li", { key: '8167cb151dc399be53b684a1eaae397fefc368e5' }, h("a", { key: '16ddc57bbb75c2995745d16f1206074eb06777b0', href: "https://franklin.library.upenn.edu/" }, "Franklin")), h("li", { key: 'ab465ad5fec2fcdc832819c83344842dfa50305c' }, h("a", { key: '905738aaeea6a6500ff19e03916566a9053f48e8', href: "https://upenn.alma.exlibrisgroup.com/discovery/account?vid=01UPENN_INST:Services&lang=en&section=overview" }, "Account")), h("li", { key: '818b56e9f2df9f55dbb8b69042522d55b6d5ba22' }, h("a", { key: 'c0fb59b9717ee8f5eb6bf04fbab24e2be2d00d92', href: "https://guides.library.upenn.edu/" }, "Guides")), h("li", { key: 'd4938780fcb24ae14961af161f0a51324a32f886' }, h("a", { key: '83970fd3d39015975f75414fc24a874485529186', href: "https://colenda.library.upenn.edu/" }, "Colenda")), h("li", { key: 'a5e23ba88e82047961b22371d9a0ba327964d21b' }, h("a", { key: '3e89fb2806ec29ab8521e237e7b46fddee608ec1', href: "https://faq.library.upenn.edu/ask" }, "Ask chat"))))));
     }
     static get is() { return "pennlibs-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pennlibs-chat/pennlibs-chat.js

@@ -8,7 +8,7 @@ export class Chat {
         this.href = this.libchat_url + '?referer=' + window.location.href;
     }
     render() {
-        return (h("a", { key: '7e987c36da941c639917c16b2aa273262c1cabbb', href: this.href, target: "_blank", "aria-label": "Chat", id: "pennlibs-chat" }, h("svg", { key: '74dedb9dce8e714dc58df0f88149c157ae8f3ee0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 82 82" }, h("path", { key: '0bbdb855437c5c35ef3067e328c72325c0e40f6e', fill: "#fff", d: "M66.17 31.97H24.08c-1.19 0-2.17.97-2.17 2.17v28.55c0 1.19.97 2.17 2.17 2.17h24.68c1.19 0 2.17.97 2.17 2.17v2.28c0 1.93 2.33 2.89 3.69 1.53l5.34-5.34c.41-.41.96-.63 1.53-.63h4.67c1.19 0 2.17-.97 2.17-2.17V34.15c0-1.19-.97-2.17-2.17-2.17Z" }), h("path", { key: '23832dead6b6c2efe3353fef8c0367c50f7bffea', fill: "#011f5b", d: "M28.91 57.96c-1.01 0-2.01-.39-2.76-1.14l-5.34-5.34c-.08-.08-.19-.13-.31-.13h-4.67c-2.15 0-3.9-1.75-3.9-3.9V18.9c0-2.15 1.75-3.9 3.9-3.9h42.09c2.15 0 3.9 1.75 3.9 3.9v28.55c0 2.15-1.75 3.9-3.9 3.9H33.24c-.24 0-.43.19-.43.43v2.28c0 1.58-.94 2.99-2.41 3.6-.48.2-.99.3-1.5.3ZM15.83 18.47c-.24 0-.43.19-.43.43v28.55c0 .24.19.43.43.43h4.67c1.04 0 2.02.41 2.76 1.14l5.34 5.34c.13.13.29.17.47.09.18-.07.27-.21.27-.4v-2.28c0-2.15 1.75-3.9 3.9-3.9h24.68c.24 0 .43-.19.43-.43V18.89c0-.24-.19-.43-.43-.43H15.83Z" })), h("span", { key: '5fe7d4714917699688a27cfac156e3cc88545d4c' }, "Chat")));
+        return (h("a", { key: '89edeaea008aae32c102d5782e15f09799170956', href: this.href, target: "_blank", "aria-label": "Chat", id: "pennlibs-chat" }, h("svg", { key: '496ef16ba01331ca8601e4549e9c715f970a095e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 82 82" }, h("path", { key: '6bd0f09e3e80faf8ecfefeed9ddc2aa9dbc08eff', fill: "#fff", d: "M66.17 31.97H24.08c-1.19 0-2.17.97-2.17 2.17v28.55c0 1.19.97 2.17 2.17 2.17h24.68c1.19 0 2.17.97 2.17 2.17v2.28c0 1.93 2.33 2.89 3.69 1.53l5.34-5.34c.41-.41.96-.63 1.53-.63h4.67c1.19 0 2.17-.97 2.17-2.17V34.15c0-1.19-.97-2.17-2.17-2.17Z" }), h("path", { key: '8ac87f21317effb697c28cfcc3ebf288ceb9db5e', fill: "#011f5b", d: "M28.91 57.96c-1.01 0-2.01-.39-2.76-1.14l-5.34-5.34c-.08-.08-.19-.13-.31-.13h-4.67c-2.15 0-3.9-1.75-3.9-3.9V18.9c0-2.15 1.75-3.9 3.9-3.9h42.09c2.15 0 3.9 1.75 3.9 3.9v28.55c0 2.15-1.75 3.9-3.9 3.9H33.24c-.24 0-.43.19-.43.43v2.28c0 1.58-.94 2.99-2.41 3.6-.48.2-.99.3-1.5.3ZM15.83 18.47c-.24 0-.43.19-.43.43v28.55c0 .24.19.43.43.43h4.67c1.04 0 2.02.41 2.76 1.14l5.34 5.34c.13.13.29.17.47.09.18-.07.27-.21.27-.4v-2.28c0-2.15 1.75-3.9 3.9-3.9h24.68c.24 0 .43-.19.43-.43V18.89c0-.24-.19-.43-.43-.43H15.83Z" })), h("span", { key: '571e0cfea414ce512ec915e03f891d0b311caedd' }, "Chat")));
     }
     static get is() { return "pennlibs-chat"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pennlibs-fallback-img/pennlibs-fallback-img.js

@@ -2,7 +2,7 @@ import { h, getAssetPath } from "@stencil/core";
 export class NoImage {
     render() {
         const shieldImg = getAssetPath('./assets/simplified-shield.webp');
-        return (h("img", { key: '042513b9ac53d6d78dd2af6a58b8ad18cf82ec0f', src: shieldImg, alt: "", class: "no-image__img" }));
+        return (h("img", { key: 'ba6cc227e90aac2e22b9997ad5c794fd4fd6d5ef', src: shieldImg, alt: "", class: "no-image__img" }));
     }
     static get is() { return "pennlibs-fallback-img"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pennlibs-footer/pennlibs-footer.js

@@ -48,12 +48,12 @@ export class Footer {
     }
     render() {
         const footerBackgroundSrc = getAssetPath('./assets/footer-bg.webp');
-        return (h("div", { key: 'a1cbb7636191cb3ac934a1bb375054357bcf93fc', class: "website-footer-wrapper" }, h("footer", { key: 'f2f2ab282f7d8e5a4603e0a6d8337135c4625ba6', class: "website-footer", style: {
+        return (h("div", { key: '968368b94435f332d852c7599308992195df8792', class: "website-footer-wrapper" }, h("footer", { key: '6c709b86bef34533d5350e7040d043fd2dd5caf2', class: "website-footer", style: {
                 background: `var(--pl-color-penn-blue) url(${footerBackgroundSrc}) no-repeat 50% 50%`,
                 backgroundSize: 'cover',
-            } }, h("div", { key: 'eb24a52f9c3f135bc75f3e23ef3088a928a3ce65', class: "viewport-margins" }, h("div", { key: '439be8c6582f5eaa173251af97f17252fce9243c', class: "website-footer__content" }, h("div", { key: '3f30c3156c96a35a772fb85d890e1f5d81af8ec6', class: "website-footer__links-container" }, h("section", { key: 'e32be08455a07061a8eaeb13b2ae3f377f818c5f' }, h("h2", { key: 'bc2be34b67cc0953338d8f418950f428a5f55172', class: "website-footer__heading" }, "Penn Libraries"), h("ul", { key: 'bae0ee381df1883da90752c9476491217a2c2ca7', class: "website-footer__links" }, h("li", { key: 'f5025e51424e5c972b46a5d1650552b6187aa4e9' }, h("a", { key: '836172e6d531eb0d37d0c0a5e66a3a6c92ba95b3', href: "https://maps.google.com/?q=Van Pelt Library 3420 Walnut Street, Philadelphia, PA 19104-6206" }, "3420 Walnut Street", h("br", { key: 'ae8b8d41baccd3bb62c15d336c7664100f407886' }), "Philadelphia, PA 19104-6206")), h("li", { key: 'ed016c0fbe56c899bedb3e25eabbb1b3773b0167' }, h("a", { key: '04eab3b14fcda0ccff15f069beceb0bd0ef111fa', href: "tel:(215) 898-7555" }, "(215) 898-7555")), h("li", { key: 'e1968b748a2303a2b6176f502f68f7ed20e90c9b' }, h("a", { key: '9823456a1a5d7016431f88cd5a1c871cc8ef6a6d', href: "https://www.library.upenn.edu/contact-us" }, "Contact us")), h("li", { key: 'aedd3b51a66e6a78c463d0e76a9fddd60a0e4fa8' }, h("a", { key: '1972520903c54834e83c3f99ea4b35964d09b8a5', href: "https://www.library.upenn.edu/about/hours", target: "_blank" }, "Locations and hours")))), h("section", { key: '3604f648361768c4c4fdae3bb19af3625ccc5cbd' }, h("h2", { key: 'a79782bb074b215f3e44ebaf7e2bdcb8e1b37e27', class: "website-footer__heading" }, "Stay in touch"), h("ul", { key: 'cf7d5c3ddf5473471a5e4f154a82a3c4c6d3b7b5', class: "website-footer__links" }, h("li", { key: '8eb5e4f10197d0a428088e676d55620cc4a5ca6a' }, h("a", { key: '8e698ca0cc1614db65e64466dd1912bd74a8f58c', href: "https://www.alumni.upenn.edu/libsignup" }, "Newsletter")), h("li", { key: '62e6161d9ef81872473cb3c7df8df82fa5e49027' }, h("a", { key: 'b24bd5cfea7998bdf3b7674e32b0e72597cdf6c9', href: "https://www.instagram.com/upennlib/" }, "Instagram")), h("li", { key: 'd7260d10fda8fcde1bb799b2a6f5d9e34c47b4e1' }, h("a", { key: 'b24f2b33851e30a61d859c507ee5781caec47cb3', href: "https://www.facebook.com/PennLibraries/" }, "Facebook")), h("li", { key: '796d833e8f9e21a2739079ee7c5e7cf4f5bf5aa4' }, h("a", { key: 'e8ec25b48d06450abe3db34eb98f338e1caadd1b', href: "https://www.linkedin.com/company/penn-libraries" }, "LinkedIn")))), this.navigationByChildren && [
+            } }, h("div", { key: 'cfb33794f711d427f8cc64026bc1caff589ff444', class: "viewport-margins" }, h("div", { key: '7f7518568ef5884a0014be4e10b4ba6d00b14d9c', class: "website-footer__content" }, h("div", { key: '8fb9612358f3c42b3a5621f54cb646c06307776a', class: "website-footer__links-container" }, h("section", { key: '1bed43fbe1c161d8d4de0381f71f093bab6a3791' }, h("h2", { key: 'bdd5487da839597ce52715eff9fae099301a3f4b', class: "website-footer__heading" }, "Penn Libraries"), h("ul", { key: '0579c77c9120b73f67eb5560716cc9194182e645', class: "website-footer__links" }, h("li", { key: 'c8cadddc0867b4bded9f22975bc6e80210501737' }, h("a", { key: '34a076d9417b0da1a390f9757be5cece974b8658', href: "https://maps.google.com/?q=Van Pelt Library 3420 Walnut Street, Philadelphia, PA 19104-6206" }, "3420 Walnut Street", h("br", { key: '159e1ceed4693f7a85489ad4a1ef8f916f505955' }), "Philadelphia, PA 19104-6206")), h("li", { key: '3de1e966c16afc1ae5c82d25b1d87e24f27af826' }, h("a", { key: '39a6709291115a6f6ead9116171b97c31c6e77d9', href: "tel:(215) 898-7555" }, "(215) 898-7555")), h("li", { key: '7236b41454b66bc155bc4a7568f603c70504f01b' }, h("a", { key: '49b285935d3240e900079b62c8d90eb564e5707d', href: "https://www.library.upenn.edu/contact-us" }, "Contact us")), h("li", { key: '9329fe40a9aef5e1eaa74c6b22b33aee5b94f624' }, h("a", { key: 'd2bc79dff8b3a5c01cbc1ece4268b4fdddc56954', href: "https://www.library.upenn.edu/about/hours", target: "_blank" }, "Locations and hours")))), h("section", { key: '8b05b90f531f99c6223a7a080baa9472bb00b2b0' }, h("h2", { key: 'c950fd6a248e5d673a8a4e050f3aaa84f91c5014', class: "website-footer__heading" }, "Stay in touch"), h("ul", { key: '7ce913dd26948c9c1bb6f5ab14f1febc07425836', class: "website-footer__links" }, h("li", { key: 'ccd80b1eee71f058caad49e3da56cbf1a8d28aa2' }, h("a", { key: 'b09d62df23e341bd9424ff541a842c3b17a24637', href: "https://www.alumni.upenn.edu/libsignup" }, "Newsletter")), h("li", { key: '7b7c04fdf9d6673fef77fecd460c110f55700350' }, h("a", { key: '08cd159b59ff63471f4075913a644bbd171c5e90', href: "https://www.instagram.com/upennlib/" }, "Instagram")), h("li", { key: 'f0fffc02b5a55f41ad9e97b1e35dd7217e4d3aa6' }, h("a", { key: '0269c87d87e2b2b3db93fae2d5e33d19cf6a82a1', href: "https://www.facebook.com/PennLibraries/" }, "Facebook")), h("li", { key: '3c008831c4c3e5d700d4f16427b3cfd50082a8a6' }, h("a", { key: 'db56894184243b375d3f8c7c42458720f70a34f2', href: "https://www.linkedin.com/company/penn-libraries" }, "LinkedIn")))), this.navigationByChildren && [
             this.navigationByChildren.map(section => (h("section", null, h("h2", { class: "website-footer__heading" }, section.heading), h("ul", { class: "website-footer__links" }, section.links.map(link => (h("li", null, h("a", { href: link.href }, link.label))))))))
-        ]))), h("div", { key: 'eb01f1b9475979942a291cecb5c49a7f99ac76ff', class: "website-footer__footer" }, h("div", { key: 'fe811b0a667ac77fbd65c6947fc64b11e6fd105a', class: "viewport-margins" }, h("ul", { key: '2999c3b798c86365232fa948bba6ba42bad4ac05', class: "website-footer__links website-footer__links--footer" }, h("li", { key: '5fbd7893982b9bd85dd0bec9ae0ced8fa254b01c' }, h("a", { key: '9ae82c6cad2c9d97a479407a8c1a2b7db451ba6e', href: "https://www.upenn.edu/" }, "UPenn")), h("li", { key: '9a312ef71677395ae9e36140b50f26283e463e1f' }, h("a", { key: '34881d92dd5bafaddda98f492e531663993ebcb5', href: "https://www.upenn.edu/about/privacy-policy" }, "Privacy Policy")), h("li", { key: 'be80ff6346e925d3d4ca73148cab8f87e9eafc00' }, h("a", { key: '1aa4f3965db242abaaea538a6c3d5a5358215348', href: "https://accessibility.web-resources.upenn.edu/get-help" }, "Report Accessibility Issues and Get Help")), h("li", { key: '4f6e9174acdf75d75b8beefc12950fee8d185f94' }, h("a", { key: '81b1a21a40057f8b1bb66efdd6fc264ebf132370', href: "https://www.upenn.edu/about/disclaimer" }, "Disclaimer")), h("li", { key: 'd9054f8cb3a387947a75e0ce686401d43fbfac9a' }, h("a", { key: '2bf7344740a7418eb68170b46afdb5eefc73dae3', href: "https://www.publicsafety.upenn.edu/contact/" }, "Emergency Services")), h("li", { key: 'c6962c1ea1e96c351da514ac41eb7782a79d3c22' }, h("a", { key: '0fd6ebe891954438f46c0265366a69ae319c2b7e', href: "https://www.upenn.edu/about/report-copyright-infringement" }, "Report Copyright Infringement"))))))));
+        ]))), h("div", { key: '3a48e365b66300beeb261d3c14e8d98e7565373d', class: "website-footer__footer" }, h("div", { key: '699738c3f57f35796a1f4397a6fada44eaaa1683', class: "viewport-margins" }, h("ul", { key: 'c88fb2fb6bbc3fc5eb13664f7288d7afe3ec7e57', class: "website-footer__links website-footer__links--footer" }, h("li", { key: '8c3ecc9499cb5fdf180906d2d681eba515dae399' }, h("a", { key: 'ae916ed72fc00e93f0e9c73b49878c75790a0227', href: "https://www.upenn.edu/" }, "UPenn")), h("li", { key: 'c5a51aabc04937e09ae3df7c0fe13fbb9ff9b0d8' }, h("a", { key: '359a6693330af0a701ff2e9a13fffb9e5ca573b6', href: "https://www.upenn.edu/about/privacy-policy" }, "Privacy Policy")), h("li", { key: '1e323f9c47a94933f48abaf0c1c5fef1479a1395' }, h("a", { key: '55dde719bb09dc79fc158f931adaf2b1926120c9', href: "https://accessibility.web-resources.upenn.edu/get-help" }, "Report Accessibility Issues and Get Help")), h("li", { key: 'e83955780f877039da38ddd946fd9ab0455812e1' }, h("a", { key: '7ed5e27e6f6ea677a35c7f3e78dba2e72f629488', href: "https://www.upenn.edu/about/disclaimer" }, "Disclaimer")), h("li", { key: 'cd28d78bec76cc13e0272cbb30e11bcde6459cb9' }, h("a", { key: 'a6a64d9949ea4cbbc8f90703d886e83dd9f0df9b', href: "https://www.publicsafety.upenn.edu/contact/" }, "Emergency Services")), h("li", { key: 'cbc668f7728653b15748a8488f9694c632884d6f' }, h("a", { key: 'b681b57236ee23c3be9c85c4f199ef7f4c66b607', href: "https://www.upenn.edu/about/report-copyright-infringement" }, "Report Copyright Infringement"))))))));
     }
     static get is() { return "pennlibs-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pennlibs-header/pennlibs-header.js

@@ -63,7 +63,7 @@ export class Header {
         return (h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 -960 960 960", width: "24" }, h("path", { fill: "currentColor", d: "M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" })));
     }
     render() {
-        return (h("header", { key: 'b0f71640bc4b1fb494f78cac49c3f7383ab80aad', class: `viewport-margins website-header ${this.theme === 'dark' && 'website-header--dark'}` }, h("div", { key: '5492827910960ab2ccb95879d512ef9b029ec852', class: "website-header__inner-container" }, h("div", { key: '298b7f9aa12d67009b61ff5df6215117943e2d6c', class: "website-header__logo-name-container" }, h("a", { key: '2664b772fda1ea60ba2fbe84a4383faee5111dce', href: "https://www.library.upenn.edu/", class: "website-header_logo-link", "aria-label": "Penn Libraries" }, this.theme === 'dark' ? h(LogoWhite, null) : h(LogoBlue, null)), this.serviceName && (h("a", { key: '6310df5c59a848778bc9fa7525ca43eb0b40acdf', href: "/", class: "website-header__service-link" }, h("span", { key: '55b750954e5576380e0341bc6506db961644593b', class: "website-header__service-name" }, this.serviceName), this.serviceLede && h("span", { key: '3cf6efc9e14dd0e3aa9ca5f18d87ebe8ed0f3a55', class: "website-header__service-lede" }, this.serviceLede))), h("slot", { key: 'd549e890b64cf848f2a9854d9e8e27af372d4d13', name: "name-end" })), this.navigation.length > 0 && (h("nav", { key: '3577977564128734899f3725454ab405bab1524d', class: "website-header__navigation" }, h("button", { key: '5f6d6d8c3f9428741d8920ba402e5427b450c9be', class: "website-header__navigation-button", "aria-expanded": `${this.isMenuOpen}`, onClick: () => this.handleToggleMenu() }, this.renderMenuIcon(), " Menu"), this.navigation && (h("ol", { key: '73c47406768a97690b06b18f84acc3822a646b12', class: `website-header__navigation-list ${this.isMenuOpen && 'website-header__navigation-list--visible'}` }, this.navigation.map(element => h("li", { innerHTML: element.outerHTML })))))), h("slot", { key: '28c4bae6cd0c86909c991a501cc5e7e1cb94b73c', name: "end" }))));
+        return (h("header", { key: '7764d8c5041a19eba4786e6469e6b915066523da', class: `viewport-margins website-header ${this.theme === 'dark' && 'website-header--dark'}` }, h("div", { key: 'f7ab412767f5cf4e8d4cb9c1c05e969ece062927', class: "website-header__inner-container" }, h("div", { key: '55a8d55b15be439e772c59bd6fb1d6d34cf073f3', class: "website-header__logo-name-container" }, h("a", { key: 'edb380951b11d45b9b61b39253eebf0df32131de', href: "https://www.library.upenn.edu/", class: "website-header_logo-link", "aria-label": "Penn Libraries" }, this.theme === 'dark' ? h(LogoWhite, null) : h(LogoBlue, null)), this.serviceName && (h("a", { key: '036d3e3eac035f8eb8c8999892bc3322f5171e05', href: "/", class: "website-header__service-link" }, h("span", { key: '8d8ae853e2ce7ef8713226317260c2fdd79ae11b', class: "website-header__service-name" }, this.serviceName), this.serviceLede && h("span", { key: '5c878d5bb98689268362d76cdf04db42d7444560', class: "website-header__service-lede" }, this.serviceLede))), h("slot", { key: '3370137e9c3099f534c890d7422608fcf8bae09a', name: "name-end" })), this.navigation.length > 0 && (h("nav", { key: '50751b716f9600691093ace08e2c90a92a2274c5', class: "website-header__navigation" }, h("button", { key: 'e57793641ed5d314f1fec03821586d71cc82d889', class: "website-header__navigation-button", "aria-expanded": `${this.isMenuOpen}`, onClick: () => this.handleToggleMenu() }, this.renderMenuIcon(), " Menu"), this.navigation && (h("ol", { key: '8c6f479cf0da87a289593fceab55a4ce1436b146', class: `website-header__navigation-list ${this.isMenuOpen && 'website-header__navigation-list--visible'}` }, this.navigation.map(element => h("li", { innerHTML: element.outerHTML })))))), h("slot", { key: '04edf00df086103b723f3e2bcf2241aa7a4624f2', name: "end" }))));
     }
     static get is() { return "pennlibs-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pennlibs-hero/pennlibs-hero.js

@@ -51,7 +51,7 @@ export class Hero {
         }
     }
     render() {
-        return (h("div", { key: '284eede0a201fc23f19af63ce875cf82514c007f', class: "hero", style: { backgroundImage: `url(${this.heroSrc})` } }, h("div", { key: '6d1643211563e173e20be38fa480d622a2e08d9b', class: "hero__content" }, h("slot", { key: 'd5905b079db6367dd6c917588d76c3bc949cc078', name: "start" }), h("div", { key: 'ecfbcb172bfb018ede01a1773ce12f135dac60f6', class: "hero__heading-container" }, this.heroHeadingElement && (h("div", { key: 'fd285ee37293132a02b03c70eb53b31fde007c7e', class: "viewport-margins" }, h("h1", { key: '3d71930c47c9c5d6a64c240847407953f424dac2', class: "hero__heading", innerHTML: this.heroHeadingElement.innerText }), this.heroParagraphElement && h("p", { key: '828d2a13daa5ae92c1591d0ea00ee8e91ab4f6cf', class: "hero__sub-heading", innerHTML: this.heroParagraphElement.innerHTML })))))));
+        return (h("div", { key: '2bfc2fc02554851ded092ebdcecb68688a6f935f', class: "hero", style: { backgroundImage: `url(${this.heroSrc})` } }, h("div", { key: '7478c83cce6840513cd69986ecea53ee3d8c6822', class: "hero__content" }, h("slot", { key: 'be29866c255988aa292e4406bccc1f65bd676fe2', name: "start" }), h("div", { key: '32de0b18788e090b1779a5454a5f128fbe501d9a', class: "hero__heading-container" }, this.heroHeadingElement && (h("div", { key: '7aa696c4acb519580d109ba6fb2d75099d35519a', class: "viewport-margins" }, h("h1", { key: 'ac51221966fb7bb98e22d934ac591a66690e12bd', class: "hero__heading", innerHTML: this.heroHeadingElement.innerText }), this.heroParagraphElement && h("p", { key: 'c496699e3c7f8898cdab88c408bb188bbaf3f93a', class: "hero__sub-heading", innerHTML: this.heroParagraphElement.innerHTML })))))));
     }
     static get is() { return "pennlibs-hero"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.d.ts

@@ -1,4 +1,8 @@
 /* web custom elements */
+export { AllowTracking as PennlibsAllowTracking } from '../types/components/pennlibs-allow-tracking/pennlibs-allow-tracking';
+export { defineCustomElement as defineCustomElementPennlibsAllowTracking } from './pennlibs-allow-tracking';
+export { Autocomplete as PennlibsAutocomplete } from '../types/components/pennlibs-autocomplete/pennlibs-autocomplete';
+export { defineCustomElement as defineCustomElementPennlibsAutocomplete } from './pennlibs-autocomplete';
 export { Banner as PennlibsBanner } from '../types/components/pennlibs-banner/pennlibs-banner';
 export { defineCustomElement as defineCustomElementPennlibsBanner } from './pennlibs-banner';
 export { Chat as PennlibsChat } from '../types/components/pennlibs-chat/pennlibs-chat';

package/dist/components/index.js

@@ -1,4 +1,6 @@
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { PennlibsAllowTracking, defineCustomElement as defineCustomElementPennlibsAllowTracking } from './pennlibs-allow-tracking.js';
+export { PennlibsAutocomplete, defineCustomElement as defineCustomElementPennlibsAutocomplete } from './pennlibs-autocomplete.js';
 export { PennlibsBanner, defineCustomElement as defineCustomElementPennlibsBanner } from './pennlibs-banner.js';
 export { PennlibsChat, defineCustomElement as defineCustomElementPennlibsChat } from './pennlibs-chat.js';
 export { PennlibsFallbackImg, defineCustomElement as defineCustomElementPennlibsFallbackImg } from './pennlibs-fallback-img.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1 @@
+{"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}

package/dist/components/pennlibs-autocomplete.d.ts

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