@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

package/dist/src/collection-facets/smart-facets/smart-facet-button.js

@@ -1,33 +1,33 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { mediatypeConfig } from '../../mediatype/mediatype-config';
-function capitalize(str) {
-    if (!str)
-        return str;
-    return str.charAt(0).toLocaleUpperCase() + str.slice(1);
-}
-let SmartFacetButton = class SmartFacetButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selected = false;
-    }
-    //
-    // COMPONENT LIFECYCLE METHODS
-    //
-    render() {
-        var _a, _b;
-        if (!this.facetInfo)
-            return nothing;
-        const isSingleFacet = this.facetInfo.facets.length === 1;
-        const firstFacet = this.facetInfo.facets[0];
-        const displayText = capitalize((this.labelPrefix ? `${this.labelPrefix} ` : '') +
-            ((_b = (_a = this.facetInfo.label) !== null && _a !== void 0 ? _a : firstFacet.displayText) !== null && _b !== void 0 ? _b : firstFacet.bucketKey));
-        if (!displayText)
-            return nothing;
-        const icon = isSingleFacet && firstFacet.facetType === 'mediatype'
-            ? mediatypeConfig[firstFacet.bucketKey].icon
-            : nothing;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { mediatypeConfig } from '../../mediatype/mediatype-config';
+function capitalize(str) {
+    if (!str)
+        return str;
+    return str.charAt(0).toLocaleUpperCase() + str.slice(1);
+}
+let SmartFacetButton = class SmartFacetButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+    }
+    //
+    // COMPONENT LIFECYCLE METHODS
+    //
+    render() {
+        var _a, _b;
+        if (!this.facetInfo)
+            return nothing;
+        const isSingleFacet = this.facetInfo.facets.length === 1;
+        const firstFacet = this.facetInfo.facets[0];
+        const displayText = capitalize((this.labelPrefix ? `${this.labelPrefix} ` : '') +
+            ((_b = (_a = this.facetInfo.label) !== null && _a !== void 0 ? _a : firstFacet.displayText) !== null && _b !== void 0 ? _b : firstFacet.bucketKey));
+        if (!displayText)
+            return nothing;
+        const icon = isSingleFacet && firstFacet.facetType === 'mediatype'
+            ? mediatypeConfig[firstFacet.bucketKey].icon
+            : nothing;
         return html `
       <a
         class="smart-facet-button ${this.selected ? 'selected' : ''}"
@@ -35,48 +35,48 @@ let SmartFacetButton = class SmartFacetButton extends LitElement {
         @click=${this.facetClicked}
       >
         ${icon} ${displayText}
-        ${this.selected
-            ? html `<span style="margin-left: 5px;">×</span>`
+        ${this.selected
+            ? html `<span style="margin-left: 5px;">×</span>`
             : nothing}
       </a>
-    `;
-    }
-    //
-    // OTHER METHODS
-    //
-    get href() {
-        const url = new URL(window.location.href);
-        if (this.facetInfo) {
-            for (const facet of this.facetInfo.facets) {
-                url.searchParams.append('and[]', encodeURIComponent(`${facet.facetType}:"${facet.bucketKey}"`));
-            }
-        }
-        return url.toString();
-    }
-    facetClicked(e) {
-        e.preventDefault();
-        if (!this.facetInfo)
-            return;
-        this.selected = !this.selected;
-        this.dispatchEvent(new CustomEvent('facetClick', {
-            detail: {
-                smartFacet: this.facetInfo,
-                details: this.facetInfo.facets.map(f => ({
-                    facetType: f.facetType,
-                    bucket: {
-                        key: f.bucketKey,
-                        count: 0,
-                        state: this.selected ? 'selected' : 'none',
-                    },
-                    negative: false,
-                })),
-            },
-        }));
-    }
-    //
-    // STYLES
-    //
-    static get styles() {
+    `;
+    }
+    //
+    // OTHER METHODS
+    //
+    get href() {
+        const url = new URL(window.location.href);
+        if (this.facetInfo) {
+            for (const facet of this.facetInfo.facets) {
+                url.searchParams.append('and[]', encodeURIComponent(`${facet.facetType}:"${facet.bucketKey}"`));
+            }
+        }
+        return url.toString();
+    }
+    facetClicked(e) {
+        e.preventDefault();
+        if (!this.facetInfo)
+            return;
+        this.selected = !this.selected;
+        this.dispatchEvent(new CustomEvent('facetClick', {
+            detail: {
+                smartFacet: this.facetInfo,
+                details: this.facetInfo.facets.map(f => ({
+                    facetType: f.facetType,
+                    bucket: {
+                        key: f.bucketKey,
+                        count: 0,
+                        state: this.selected ? 'selected' : 'none',
+                    },
+                    negative: false,
+                })),
+            },
+        }));
+    }
+    //
+    // STYLES
+    //
+    static get styles() {
         return css `
       .smart-facet-button {
         padding: 5px 10px;
@@ -98,20 +98,20 @@ let SmartFacetButton = class SmartFacetButton extends LitElement {
         filter: invert(1);
         vertical-align: text-top;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], SmartFacetButton.prototype, "facetInfo", void 0);
-__decorate([
-    property({ type: String })
-], SmartFacetButton.prototype, "labelPrefix", void 0);
-__decorate([
-    property({ type: Boolean })
-], SmartFacetButton.prototype, "selected", void 0);
-SmartFacetButton = __decorate([
-    customElement('smart-facet-button')
-], SmartFacetButton);
-export { SmartFacetButton };
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], SmartFacetButton.prototype, "facetInfo", void 0);
+__decorate([
+    property({ type: String })
+], SmartFacetButton.prototype, "labelPrefix", void 0);
+__decorate([
+    property({ type: Boolean })
+], SmartFacetButton.prototype, "selected", void 0);
+SmartFacetButton = __decorate([
+    customElement('smart-facet-button')
+], SmartFacetButton);
+export { SmartFacetButton };
 //# sourceMappingURL=smart-facet-button.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-button.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { mediatypeConfig } from '../../mediatype/mediatype-config';\nimport type { SmartFacet, SmartFacetEvent } from './models';\n\nfunction capitalize(str?: string): string | undefined {\n  if (!str) return str;\n  return str.charAt(0).toLocaleUpperCase() + str.slice(1);\n}\n\n@customElement('smart-facet-button')\nexport class SmartFacetButton extends LitElement {\n  @property({ type: Object }) facetInfo?: SmartFacet;\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Boolean }) selected = false;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo) return nothing;\n\n    const isSingleFacet = this.facetInfo.facets.length === 1;\n    const firstFacet = this.facetInfo.facets[0];\n\n    const displayText = capitalize(\n      (this.labelPrefix ? `${this.labelPrefix} ` : '') +\n        (this.facetInfo.label ?? firstFacet.displayText ?? firstFacet.bucketKey)\n    );\n    if (!displayText) return nothing;\n\n    const icon =\n      isSingleFacet && firstFacet.facetType === 'mediatype'\n        ? mediatypeConfig[firstFacet.bucketKey].icon\n        : nothing;\n\n    return html`\n      <a\n        class=\"smart-facet-button ${this.selected ? 'selected' : ''}\"\n        href=${this.href}\n        @click=${this.facetClicked}\n      >\n        ${icon} ${displayText}\n        ${this.selected\n          ? html`<span style=\"margin-left: 5px;\">×</span>`\n          : nothing}\n      </a>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get href(): string {\n    const url = new URL(window.location.href);\n    if (this.facetInfo) {\n      for (const facet of this.facetInfo.facets) {\n        url.searchParams.append(\n          'and[]',\n          encodeURIComponent(`${facet.facetType}:\"${facet.bucketKey}\"`)\n        );\n      }\n    }\n    return url.toString();\n  }\n\n  private facetClicked(e: Event): void {\n    e.preventDefault();\n    if (!this.facetInfo) return;\n\n    this.selected = !this.selected;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: this.facetInfo,\n          details: this.facetInfo.facets.map(f => ({\n            facetType: f.facetType,\n            bucket: {\n              key: f.bucketKey,\n              count: 0,\n              state: this.selected ? 'selected' : 'none',\n            },\n            negative: false,\n          })),\n        },\n      })\n    );\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .smart-facet-button {\n        padding: 5px 10px;\n        border-radius: 15px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        text-decoration: none;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .smart-facet-button.selected {\n        background: #4c76aa;\n      }\n\n      .smart-facet-button > svg {\n        width: 15px;\n        filter: invert(1);\n        vertical-align: text-top;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-button.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { mediatypeConfig } from '../../mediatype/mediatype-config';\nimport type { SmartFacet, SmartFacetEvent } from './models';\n\nfunction capitalize(str?: string): string | undefined {\n  if (!str) return str;\n  return str.charAt(0).toLocaleUpperCase() + str.slice(1);\n}\n\n@customElement('smart-facet-button')\nexport class SmartFacetButton extends LitElement {\n  @property({ type: Object }) facetInfo?: SmartFacet;\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Boolean }) selected = false;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo) return nothing;\n\n    const isSingleFacet = this.facetInfo.facets.length === 1;\n    const firstFacet = this.facetInfo.facets[0];\n\n    const displayText = capitalize(\n      (this.labelPrefix ? `${this.labelPrefix} ` : '') +\n        (this.facetInfo.label ??\n          firstFacet.displayText ??\n          firstFacet.bucketKey),\n    );\n    if (!displayText) return nothing;\n\n    const icon =\n      isSingleFacet && firstFacet.facetType === 'mediatype'\n        ? mediatypeConfig[firstFacet.bucketKey].icon\n        : nothing;\n\n    return html`\n      <a\n        class=\"smart-facet-button ${this.selected ? 'selected' : ''}\"\n        href=${this.href}\n        @click=${this.facetClicked}\n      >\n        ${icon} ${displayText}\n        ${this.selected\n          ? html`<span style=\"margin-left: 5px;\">×</span>`\n          : nothing}\n      </a>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get href(): string {\n    const url = new URL(window.location.href);\n    if (this.facetInfo) {\n      for (const facet of this.facetInfo.facets) {\n        url.searchParams.append(\n          'and[]',\n          encodeURIComponent(`${facet.facetType}:\"${facet.bucketKey}\"`),\n        );\n      }\n    }\n    return url.toString();\n  }\n\n  private facetClicked(e: Event): void {\n    e.preventDefault();\n    if (!this.facetInfo) return;\n\n    this.selected = !this.selected;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: this.facetInfo,\n          details: this.facetInfo.facets.map(f => ({\n            facetType: f.facetType,\n            bucket: {\n              key: f.bucketKey,\n              count: 0,\n              state: this.selected ? 'selected' : 'none',\n            },\n            negative: false,\n          })),\n        },\n      }),\n    );\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .smart-facet-button {\n        padding: 5px 10px;\n        border-radius: 15px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        text-decoration: none;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .smart-facet-button.selected {\n        background: #4c76aa;\n      }\n\n      .smart-facet-button > svg {\n        width: 15px;\n        filter: invert(1);\n        vertical-align: text-top;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.d.ts

@@ -1,16 +1,16 @@
-import { LitElement, CSSResultGroup, nothing } from 'lit';
-import type { IaDropdown } from '@internetarchive/ia-dropdown';
-import type { FacetRef, SmartFacet } from './models';
-export declare class SmartFacetDropdown extends LitElement {
-    facetInfo?: SmartFacet[];
-    labelPrefix?: string;
-    activeFacetRef?: FacetRef;
-    dropdown?: IaDropdown;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private get dropdownOptions();
-    private get activeDropdownOption();
-    private optionSelected;
-    private onDropdownClick;
-    close(): void;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup, nothing } from 'lit';
+import type { IaDropdown } from '@internetarchive/ia-dropdown';
+import type { FacetRef, SmartFacet } from './models';
+export declare class SmartFacetDropdown extends LitElement {
+    facetInfo?: SmartFacet[];
+    labelPrefix?: string;
+    activeFacetRef?: FacetRef;
+    dropdown?: IaDropdown;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+    private get dropdownOptions();
+    private get activeDropdownOption();
+    private optionSelected;
+    private onDropdownClick;
+    close(): void;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js

@@ -1,20 +1,20 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { log } from '../../utils/log';
-let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
-    //
-    // COMPONENT LIFECYCLE METHODS
-    //
-    render() {
-        var _a, _b;
-        if (!this.facetInfo || !this.activeFacetRef)
-            return nothing;
-        if (this.facetInfo.length === 0)
-            return nothing;
-        const displayText = (_a = this.activeFacetRef.displayText) !== null && _a !== void 0 ? _a : this.activeFacetRef.bucketKey;
-        if (!displayText)
-            return nothing;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { log } from '../../utils/log';
+let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
+    //
+    // COMPONENT LIFECYCLE METHODS
+    //
+    render() {
+        var _a, _b;
+        if (!this.facetInfo || !this.activeFacetRef)
+            return nothing;
+        if (this.facetInfo.length === 0)
+            return nothing;
+        const displayText = (_a = this.activeFacetRef.displayText) !== null && _a !== void 0 ? _a : this.activeFacetRef.bucketKey;
+        if (!displayText)
+            return nothing;
         return html `
       <div class="dropdown-container">
         <ia-dropdown
@@ -33,70 +33,70 @@ let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
           >
         </ia-dropdown>
       </div>
-    `;
-    }
-    //
-    // OTHER METHODS
-    //
-    get dropdownOptions() {
-        var _a, _b;
-        return ((_b = (_a = this.facetInfo) === null || _a === void 0 ? void 0 : _a.map(smartFacet => {
-            var _a, _b;
-            const firstFacet = smartFacet.facets[0];
-            return {
-                id: firstFacet.bucketKey,
-                label: (_b = (_a = smartFacet.label) !== null && _a !== void 0 ? _a : firstFacet.displayText) !== null && _b !== void 0 ? _b : firstFacet.bucketKey,
-            };
-        })) !== null && _b !== void 0 ? _b : []);
-    }
-    get activeDropdownOption() {
-        if (!this.activeFacetRef)
-            return undefined;
-        return this.dropdownOptions.find(opt => { var _a; return opt.id === ((_a = this.activeFacetRef) === null || _a === void 0 ? void 0 : _a.bucketKey); });
-    }
-    optionSelected(e) {
-        if (!this.facetInfo || !this.activeFacetRef)
-            return;
-        let selectedSmartFacet;
-        for (const smartFacet of this.facetInfo) {
-            const selectedRef = smartFacet.facets.find(b => b.bucketKey === e.detail.option.id);
-            if (selectedRef) {
-                this.activeFacetRef = selectedRef;
-                selectedSmartFacet = smartFacet;
-            }
-        }
-        if (!selectedSmartFacet)
-            return;
-        this.dispatchEvent(new CustomEvent('facetClick', {
-            detail: {
-                smartFacet: selectedSmartFacet,
-                details: [
-                    {
-                        facetType: this.activeFacetRef.facetType,
-                        bucket: {
-                            key: this.activeFacetRef.bucketKey,
-                            count: 0,
-                            state: 'selected',
-                        },
-                        negative: false,
-                    },
-                ],
-            },
-        }));
-    }
-    onDropdownClick() {
-        log('smart dropdown: onDropdownClick', this);
-        this.dispatchEvent(new CustomEvent('dropdownClick', { detail: this }));
-    }
-    close() {
-        if (this.dropdown) {
-            this.dropdown.open = false;
-        }
-    }
-    //
-    // STYLES
-    //
-    static get styles() {
+    `;
+    }
+    //
+    // OTHER METHODS
+    //
+    get dropdownOptions() {
+        var _a, _b;
+        return ((_b = (_a = this.facetInfo) === null || _a === void 0 ? void 0 : _a.map(smartFacet => {
+            var _a, _b;
+            const firstFacet = smartFacet.facets[0];
+            return {
+                id: firstFacet.bucketKey,
+                label: (_b = (_a = smartFacet.label) !== null && _a !== void 0 ? _a : firstFacet.displayText) !== null && _b !== void 0 ? _b : firstFacet.bucketKey,
+            };
+        })) !== null && _b !== void 0 ? _b : []);
+    }
+    get activeDropdownOption() {
+        if (!this.activeFacetRef)
+            return undefined;
+        return this.dropdownOptions.find(opt => { var _a; return opt.id === ((_a = this.activeFacetRef) === null || _a === void 0 ? void 0 : _a.bucketKey); });
+    }
+    optionSelected(e) {
+        if (!this.facetInfo || !this.activeFacetRef)
+            return;
+        let selectedSmartFacet;
+        for (const smartFacet of this.facetInfo) {
+            const selectedRef = smartFacet.facets.find(b => b.bucketKey === e.detail.option.id);
+            if (selectedRef) {
+                this.activeFacetRef = selectedRef;
+                selectedSmartFacet = smartFacet;
+            }
+        }
+        if (!selectedSmartFacet)
+            return;
+        this.dispatchEvent(new CustomEvent('facetClick', {
+            detail: {
+                smartFacet: selectedSmartFacet,
+                details: [
+                    {
+                        facetType: this.activeFacetRef.facetType,
+                        bucket: {
+                            key: this.activeFacetRef.bucketKey,
+                            count: 0,
+                            state: 'selected',
+                        },
+                        negative: false,
+                    },
+                ],
+            },
+        }));
+    }
+    onDropdownClick() {
+        log('smart dropdown: onDropdownClick', this);
+        this.dispatchEvent(new CustomEvent('dropdownClick', { detail: this }));
+    }
+    close() {
+        if (this.dropdown) {
+            this.dropdown.open = false;
+        }
+    }
+    //
+    // STYLES
+    //
+    static get styles() {
         return css `
       .dropdown-container {
         padding: 5px 8px;
@@ -119,23 +119,23 @@ let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
         --caretWidth: 14px;
         --caretHeight: 14px;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Array })
-], SmartFacetDropdown.prototype, "facetInfo", void 0);
-__decorate([
-    property({ type: String })
-], SmartFacetDropdown.prototype, "labelPrefix", void 0);
-__decorate([
-    property({ type: Object })
-], SmartFacetDropdown.prototype, "activeFacetRef", void 0);
-__decorate([
-    query('ia-dropdown')
-], SmartFacetDropdown.prototype, "dropdown", void 0);
-SmartFacetDropdown = __decorate([
-    customElement('smart-facet-dropdown')
-], SmartFacetDropdown);
-export { SmartFacetDropdown };
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], SmartFacetDropdown.prototype, "facetInfo", void 0);
+__decorate([
+    property({ type: String })
+], SmartFacetDropdown.prototype, "labelPrefix", void 0);
+__decorate([
+    property({ type: Object })
+], SmartFacetDropdown.prototype, "activeFacetRef", void 0);
+__decorate([
+    query('ia-dropdown')
+], SmartFacetDropdown.prototype, "dropdown", void 0);
+SmartFacetDropdown = __decorate([
+    customElement('smart-facet-dropdown')
+], SmartFacetDropdown);
+export { SmartFacetDropdown };
 //# sourceMappingURL=smart-facet-dropdown.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\nimport { log } from '../../utils/log';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText =\n      this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          openViaButton\n          closeOnSelect\n          includeSelectedOption\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          @optionSelected=${this.optionSelected}\n          @click=${this.onDropdownClick}\n        >\n          <span class=\"dropdown-label\" slot=\"dropdown-label\"\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label:\n            smartFacet.label ?? firstFacet.displayText ?? firstFacet.bucketKey,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(\n      opt => opt.id === this.activeFacetRef?.bucketKey\n    );\n  }\n\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    if (!this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(\n        b => b.bucketKey === e.detail.option.id\n      );\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [\n            {\n              facetType: this.activeFacetRef.facetType,\n              bucket: {\n                key: this.activeFacetRef.bucketKey,\n                count: 0,\n                state: 'selected',\n              },\n              negative: false,\n            },\n          ],\n        },\n      })\n    );\n  }\n\n  private onDropdownClick(): void {\n    log('smart dropdown: onDropdownClick', this);\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this })\n    );\n  }\n\n  close(): void {\n    if (this.dropdown) {\n      this.dropdown.open = false;\n    }\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 8px;\n        border-radius: 5px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .dropdown-label {\n        font-size: 1.6rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderWidth: 5px;\n        --dropdownBorderColor: transparent;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\nimport { log } from '../../utils/log';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText =\n      this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          openViaButton\n          closeOnSelect\n          includeSelectedOption\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          @optionSelected=${this.optionSelected}\n          @click=${this.onDropdownClick}\n        >\n          <span class=\"dropdown-label\" slot=\"dropdown-label\"\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label:\n            smartFacet.label ?? firstFacet.displayText ?? firstFacet.bucketKey,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(\n      opt => opt.id === this.activeFacetRef?.bucketKey,\n    );\n  }\n\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    if (!this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(\n        b => b.bucketKey === e.detail.option.id,\n      );\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [\n            {\n              facetType: this.activeFacetRef.facetType,\n              bucket: {\n                key: this.activeFacetRef.bucketKey,\n                count: 0,\n                state: 'selected',\n              },\n              negative: false,\n            },\n          ],\n        },\n      }),\n    );\n  }\n\n  private onDropdownClick(): void {\n    log('smart dropdown: onDropdownClick', this);\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this }),\n    );\n  }\n\n  close(): void {\n    if (this.dropdown) {\n      this.dropdown.open = false;\n    }\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 8px;\n        border-radius: 5px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .dropdown-label {\n        font-size: 1.6rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderWidth: 5px;\n        --dropdownBorderColor: transparent;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-equals.d.ts

@@ -1,2 +1,2 @@
-import type { SmartFacet } from './models';
-export declare function smartFacetEquals(sf1: SmartFacet, sf2: SmartFacet): boolean;
+import type { SmartFacet } from './models';
+export declare function smartFacetEquals(sf1: SmartFacet, sf2: SmartFacet): boolean;

package/dist/src/collection-facets/smart-facets/smart-facet-equals.js

@@ -1,13 +1,13 @@
-function facetRefEquals(ref1, ref2) {
-    if (ref1 === undefined)
-        return ref2 !== undefined;
-    if (ref2 === undefined)
-        return ref1 !== undefined;
-    return ref1.facetType === ref2.facetType && ref1.bucketKey === ref2.bucketKey;
-}
-export function smartFacetEquals(sf1, sf2) {
-    return (sf1.label === sf2.label &&
-        sf1.facets.length === sf2.facets.length &&
-        sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i])));
-}
+function facetRefEquals(ref1, ref2) {
+    if (ref1 === undefined)
+        return ref2 !== undefined;
+    if (ref2 === undefined)
+        return ref1 !== undefined;
+    return ref1.facetType === ref2.facetType && ref1.bucketKey === ref2.bucketKey;
+}
+export function smartFacetEquals(sf1, sf2) {
+    return (sf1.label === sf2.label &&
+        sf1.facets.length === sf2.facets.length &&
+        sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i])));
+}
 //# sourceMappingURL=smart-facet-equals.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.d.ts

@@ -1,5 +1,5 @@
-import type { SmartFacet, SmartQueryHeuristic } from './models';
-export declare class SmartQueryHeuristicGroup implements SmartQueryHeuristic {
-    private static readonly HEURISTICS;
-    getRecommendedFacets(query: string): Promise<SmartFacet[]>;
-}
+import type { SmartFacet, SmartQueryHeuristic } from './models';
+export declare class SmartQueryHeuristicGroup implements SmartQueryHeuristic {
+    private static readonly HEURISTICS;
+    getRecommendedFacets(query: string): Promise<SmartFacet[]>;
+}

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js

@@ -1,16 +1,16 @@
-import { dedupe } from './dedupe';
-import { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';
-import { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';
-import { WikidataHeuristic } from './heuristics/wikidata-heuristic';
-export class SmartQueryHeuristicGroup {
-    async getRecommendedFacets(query) {
-        const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor => new HeuristicCtor().getRecommendedFacets(query));
-        return dedupe((await Promise.all(promises)).flat());
-    }
-}
-SmartQueryHeuristicGroup.HEURISTICS = [
-    QueryKeywordsHeuristic,
-    WikidataHeuristic,
-    BrowserLanguageHeuristic,
-];
+import { dedupe } from './dedupe';
+import { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';
+import { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';
+import { WikidataHeuristic } from './heuristics/wikidata-heuristic';
+export class SmartQueryHeuristicGroup {
+    async getRecommendedFacets(query) {
+        const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor => new HeuristicCtor().getRecommendedFacets(query));
+        return dedupe((await Promise.all(promises)).flat());
+    }
+}
+SmartQueryHeuristicGroup.HEURISTICS = [
+    QueryKeywordsHeuristic,
+    WikidataHeuristic,
+    BrowserLanguageHeuristic,
+];
 //# sourceMappingURL=smart-facet-heuristics.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,MAAM,OAAO,wBAAwB;IAOnC,KAAK,CAAC,oBAAoB,CAAC,KAAa;QACtC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CACvE,IAAI,aAAa,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAChD,CAAC;QAEF,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;;AAZuB,mCAAU,GAAG;IACnC,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;CACzB,CAAC","sourcesContent":["import { dedupe } from './dedupe';\nimport { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';\nimport { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  private static readonly HEURISTICS = [\n    QueryKeywordsHeuristic,\n    WikidataHeuristic,\n    BrowserLanguageHeuristic,\n  ];\n\n  async getRecommendedFacets(query: string): Promise<SmartFacet[]> {\n    const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor =>\n      new HeuristicCtor().getRecommendedFacets(query)\n    );\n\n    return dedupe((await Promise.all(promises)).flat());\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,MAAM,OAAO,wBAAwB;IAOnC,KAAK,CAAC,oBAAoB,CAAC,KAAa;QACtC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CACvE,IAAI,aAAa,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAChD,CAAC;QAEF,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;;AAZuB,mCAAU,GAAG;IACnC,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;CACzB,CAAC","sourcesContent":["import { dedupe } from './dedupe';\nimport { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';\nimport { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  private static readonly HEURISTICS = [\n    QueryKeywordsHeuristic,\n    WikidataHeuristic,\n    BrowserLanguageHeuristic,\n  ];\n\n  async getRecommendedFacets(query: string): Promise<SmartFacet[]> {\n    const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor =>\n      new HeuristicCtor().getRecommendedFacets(query),\n    );\n\n    return dedupe((await Promise.all(promises)).flat());\n  }\n}\n"]}