@internetarchive/collection-browser 0.4.11 → 0.4.12

package/dist/src/empty-placeholder.d.ts

@@ -1,11 +1,13 @@
-import { LitElement, CSSResultGroup, nothing } from 'lit';
-export declare type PlaceholderType = 'empty-query' | 'null-result' | null;
-export declare class EmptyPlaceholder extends LitElement {
-    placeholderType: PlaceholderType;
-    isMobileView?: false;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private get placeholderTemplate();
-    private get emptyQueryTemplate();
-    private get nullResultTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup, nothing, TemplateResult } from 'lit';
+export declare type PlaceholderType = 'empty-query' | 'null-result' | 'query-error' | null;
+export declare class EmptyPlaceholder extends LitElement {
+    placeholderType: PlaceholderType;
+    isMobileView?: false;
+    detailMessage?: string;
+    render(): TemplateResult<1> | typeof nothing;
+    private get placeholderTemplate();
+    private get emptyQueryTemplate();
+    private get nullResultTemplate();
+    private get queryErrorTemplate();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/empty-placeholder.js

@@ -1,55 +1,82 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { choose } from 'lit/directives/choose.js';
-import emptyQueryIcon from './assets/img/icons/empty-query';
-import nullResultIcon from './assets/img/icons/null-result';
-let EmptyPlaceholder = class EmptyPlaceholder extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.placeholderType = null;
-    }
-    render() {
-        return this.placeholderType ? html `${this.placeholderTemplate}` : nothing;
-    }
-    get placeholderTemplate() {
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { choose } from 'lit/directives/choose.js';
+import emptyQueryIcon from './assets/img/icons/empty-query';
+import nullResultIcon from './assets/img/icons/null-result';
+let EmptyPlaceholder = class EmptyPlaceholder extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placeholderType = null;
+        this.detailMessage = '';
+    }
+    render() {
+        return this.placeholderType ? html `${this.placeholderTemplate}` : nothing;
+    }
+    get placeholderTemplate() {
         return html `
       <div
-        class="placeholder ${this.placeholderType} ${this.isMobileView
-            ? 'mobile'
+        class="placeholder ${this.placeholderType} ${this.isMobileView
+            ? 'mobile'
             : 'desktop'}"
       >
-        ${choose(this.placeholderType, [
-            ['empty-query', () => this.emptyQueryTemplate],
-            ['null-result', () => this.nullResultTemplate],
+        ${choose(this.placeholderType, [
+            ['empty-query', () => this.emptyQueryTemplate],
+            ['null-result', () => this.nullResultTemplate],
+            ['query-error', () => this.queryErrorTemplate],
         ])}
       </div>
-    `;
-    }
-    get emptyQueryTemplate() {
+    `;
+    }
+    get emptyQueryTemplate() {
         return html `
       <h2 class="title">
         To begin searching, enter a search term in the box above and hit "Go".
       </h2>
       <div>${emptyQueryIcon}</div>
-    `;
-    }
-    get nullResultTemplate() {
+    `;
+    }
+    get nullResultTemplate() {
         return html `
       <h2 class="title">
         Your search did not match any items in the Archive. Try different
         keywords or a more general search.
       </h2>
       <div>${nullResultIcon}</div>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    get queryErrorTemplate() {
+        return html `
+      <h2 class="title">
+        The search engine encountered an error, which might be related to your
+        search query.
+        <a
+          href="https://help.archive.org/help/search-building-powerful-complex-queries/"
+        >
+          Tips for constructing search queries.
+        </a>
+      </h2>
+      <div>${nullResultIcon}</div>
+      <p class="error-details">Error details: ${this.detailMessage}</p>
+    `;
+    }
+    static get styles() {
         return css `
       :host {
         text-align: center;
         width: 100%;
       }
 
+      a {
+        text-decoration: none;
+      }
+      a:link {
+        color: var(--ia-theme-link-color, #4b64ff);
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+
       .placeholder {
         display: block;
       }
@@ -57,27 +84,36 @@ let EmptyPlaceholder = class EmptyPlaceholder extends LitElement {
       .desktop svg {
         max-height: 40rem;
       }
-      .desktop .title {
+      .desktop .title,
+      .desktop .error-details {
         margin: 4rem 0;
       }
 
       .mobile svg {
         max-height: 20rem;
       }
-      .mobile .title {
+      .mobile .title,
+      .mobile .error-details {
         margin: 2rem 0.5;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], EmptyPlaceholder.prototype, "placeholderType", void 0);
-__decorate([
-    property({ type: Boolean })
-], EmptyPlaceholder.prototype, "isMobileView", void 0);
-EmptyPlaceholder = __decorate([
-    customElement('empty-placeholder')
-], EmptyPlaceholder);
-export { EmptyPlaceholder };
+
+      .error-details {
+        font-size: 1.2rem;
+      }
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], EmptyPlaceholder.prototype, "placeholderType", void 0);
+__decorate([
+    property({ type: Boolean })
+], EmptyPlaceholder.prototype, "isMobileView", void 0);
+__decorate([
+    property({ type: String })
+], EmptyPlaceholder.prototype, "detailMessage", void 0);
+EmptyPlaceholder = __decorate([
+    customElement('empty-placeholder')
+], EmptyPlaceholder);
+export { EmptyPlaceholder };
 //# sourceMappingURL=empty-placeholder.js.map

package/dist/src/empty-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-placeholder.js","sourceRoot":"","sources":["../../src/empty-placeholder.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAI5D,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAAhD;;QAC8B,oBAAe,GAAoB,IAAI,CAAC;IAoEtE,CAAC;IAhEC,MAAM;QACJ,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5E,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;;6BAEc,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,YAAY;YAC5D,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,SAAS;;UAEX,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE;YAC7B,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC9C,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC;SAC/C,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;;aAIF,cAAc;KACtB,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;;;aAKF,cAAc;KACtB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuBT,CAAC;IACJ,CAAC;CACF,CAAA;AApE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAyC;AAEvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAsB;AAHvC,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAqE5B;SArEY,gBAAgB","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\n\nimport emptyQueryIcon from './assets/img/icons/empty-query';\nimport nullResultIcon from './assets/img/icons/null-result';\n\nexport type PlaceholderType = 'empty-query' | 'null-result' | null;\n@customElement('empty-placeholder')\nexport class EmptyPlaceholder extends LitElement {\n  @property({ type: String }) placeholderType: PlaceholderType = null;\n\n  @property({ type: Boolean }) isMobileView?: false;\n\n  render() {\n    return this.placeholderType ? html`${this.placeholderTemplate}` : nothing;\n  }\n\n  private get placeholderTemplate() {\n    return html`\n      <div\n        class=\"placeholder ${this.placeholderType} ${this.isMobileView\n          ? 'mobile'\n          : 'desktop'}\"\n      >\n        ${choose(this.placeholderType, [\n          ['empty-query', () => this.emptyQueryTemplate],\n          ['null-result', () => this.nullResultTemplate],\n        ])}\n      </div>\n    `;\n  }\n\n  private get emptyQueryTemplate() {\n    return html`\n      <h2 class=\"title\">\n        To begin searching, enter a search term in the box above and hit \"Go\".\n      </h2>\n      <div>${emptyQueryIcon}</div>\n    `;\n  }\n\n  private get nullResultTemplate() {\n    return html`\n      <h2 class=\"title\">\n        Your search did not match any items in the Archive. Try different\n        keywords or a more general search.\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        text-align: center;\n        width: 100%;\n      }\n\n      .placeholder {\n        display: block;\n      }\n\n      .desktop svg {\n        max-height: 40rem;\n      }\n      .desktop .title {\n        margin: 4rem 0;\n      }\n\n      .mobile svg {\n        max-height: 20rem;\n      }\n      .mobile .title {\n        margin: 2rem 0.5;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"empty-placeholder.js","sourceRoot":"","sources":["../../src/empty-placeholder.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EAEV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAQ5D,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAAhD;;QAC8B,oBAAe,GAAoB,IAAI,CAAC;QAIxC,kBAAa,GAAY,EAAE,CAAC;IAmG1D,CAAC;IAjGC,MAAM;QACJ,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5E,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;;6BAEc,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,YAAY;YAC5D,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,SAAS;;UAEX,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE;YAC7B,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC9C,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC9C,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC;SAC/C,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;;aAIF,cAAc;KACtB,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;;;aAKF,cAAc;KACtB,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;;;;;;;;aAUF,cAAc;gDACqB,IAAI,CAAC,aAAa;KAC7D,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuCT,CAAC;IACJ,CAAC;CACF,CAAA;AAvG6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAyC;AAEvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAsB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAA6B;AAL7C,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAwG5B;SAxGY,gBAAgB","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  CSSResultGroup,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\n\nimport emptyQueryIcon from './assets/img/icons/empty-query';\nimport nullResultIcon from './assets/img/icons/null-result';\n\nexport type PlaceholderType =\n  | 'empty-query'\n  | 'null-result'\n  | 'query-error'\n  | null;\n@customElement('empty-placeholder')\nexport class EmptyPlaceholder extends LitElement {\n  @property({ type: String }) placeholderType: PlaceholderType = null;\n\n  @property({ type: Boolean }) isMobileView?: false;\n\n  @property({ type: String }) detailMessage?: string = '';\n\n  render() {\n    return this.placeholderType ? html`${this.placeholderTemplate}` : nothing;\n  }\n\n  private get placeholderTemplate(): TemplateResult {\n    return html`\n      <div\n        class=\"placeholder ${this.placeholderType} ${this.isMobileView\n          ? 'mobile'\n          : 'desktop'}\"\n      >\n        ${choose(this.placeholderType, [\n          ['empty-query', () => this.emptyQueryTemplate],\n          ['null-result', () => this.nullResultTemplate],\n          ['query-error', () => this.queryErrorTemplate],\n        ])}\n      </div>\n    `;\n  }\n\n  private get emptyQueryTemplate(): TemplateResult {\n    return html`\n      <h2 class=\"title\">\n        To begin searching, enter a search term in the box above and hit \"Go\".\n      </h2>\n      <div>${emptyQueryIcon}</div>\n    `;\n  }\n\n  private get nullResultTemplate(): TemplateResult {\n    return html`\n      <h2 class=\"title\">\n        Your search did not match any items in the Archive. Try different\n        keywords or a more general search.\n      </h2>\n      <div>${nullResultIcon}</div>\n    `;\n  }\n\n  private get queryErrorTemplate(): TemplateResult {\n    return html`\n      <h2 class=\"title\">\n        The search engine encountered an error, which might be related to your\n        search query.\n        <a\n          href=\"https://help.archive.org/help/search-building-powerful-complex-queries/\"\n        >\n          Tips for constructing search queries.\n        </a>\n      </h2>\n      <div>${nullResultIcon}</div>\n      <p class=\"error-details\">Error details: ${this.detailMessage}</p>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        text-align: center;\n        width: 100%;\n      }\n\n      a {\n        text-decoration: none;\n      }\n      a:link {\n        color: var(--ia-theme-link-color, #4b64ff);\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n\n      .placeholder {\n        display: block;\n      }\n\n      .desktop svg {\n        max-height: 40rem;\n      }\n      .desktop .title,\n      .desktop .error-details {\n        margin: 4rem 0;\n      }\n\n      .mobile svg {\n        max-height: 20rem;\n      }\n      .mobile .title,\n      .mobile .error-details {\n        margin: 2rem 0.5;\n      }\n\n      .error-details {\n        font-size: 1.2rem;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/language-code-handler/language-code-handler.d.ts

@@ -1,37 +1,37 @@
-export interface LanguageCodeHandlerInterface {
-    /**
-     * This takes a list of codes in the format `en-us|en|en-gb` and
-     * returns the first language code in the list.
-     *
-     * The codes in the string should always represent the same language name.
-     * eg `en-us`, `en-gb`, and `en` should always be "English"
-     *
-     * @param languageCodes
-     */
-    getLanguageNameFromCodeString(languageCodes: string): string;
-    /**
-     * This creates a serialized string of language codes for the given language.
-     *
-     * eg. `English` becomes `en-us|en|en-gb|.....`
-     *
-     * @param languageName
-     */
-    getCodeStringFromLanguageName(languageName: string): string;
-    /**
-     * Get an array of langauge codes from a serialized string.
-     *
-     * eg. `en-us|en|en-gb` becomes `['en-us', 'en', 'en-gb']`
-     *
-     * @param languageCodes
-     */
-    getCodeArrayFromCodeString(languageCodes: string): string[];
-}
-export declare class LanguageCodeHandler implements LanguageCodeHandlerInterface {
-    private delimeter;
-    /** @inheritdoc */
-    getLanguageNameFromCodeString(languageCodes: string): string;
-    /** @inheritdoc */
-    getCodeStringFromLanguageName(languageName: string): string;
-    /** @inheritdoc */
-    getCodeArrayFromCodeString(languageCodes: string): string[];
-}
+export interface LanguageCodeHandlerInterface {
+    /**
+     * This takes a list of codes in the format `en-us|en|en-gb` and
+     * returns the first language code in the list.
+     *
+     * The codes in the string should always represent the same language name.
+     * eg `en-us`, `en-gb`, and `en` should always be "English"
+     *
+     * @param languageCodes
+     */
+    getLanguageNameFromCodeString(languageCodes: string): string;
+    /**
+     * This creates a serialized string of language codes for the given language.
+     *
+     * eg. `English` becomes `en-us|en|en-gb|.....`
+     *
+     * @param languageName
+     */
+    getCodeStringFromLanguageName(languageName: string): string;
+    /**
+     * Get an array of langauge codes from a serialized string.
+     *
+     * eg. `en-us|en|en-gb` becomes `['en-us', 'en', 'en-gb']`
+     *
+     * @param languageCodes
+     */
+    getCodeArrayFromCodeString(languageCodes: string): string[];
+}
+export declare class LanguageCodeHandler implements LanguageCodeHandlerInterface {
+    private delimeter;
+    /** @inheritdoc */
+    getLanguageNameFromCodeString(languageCodes: string): string;
+    /** @inheritdoc */
+    getCodeStringFromLanguageName(languageName: string): string;
+    /** @inheritdoc */
+    getCodeArrayFromCodeString(languageCodes: string): string[];
+}

package/dist/src/language-code-handler/language-code-handler.js

@@ -1,27 +1,27 @@
-import { codeToLanguageMap } from './language-code-mapping';
-export class LanguageCodeHandler {
-    constructor() {
-        this.delimeter = '|';
-    }
-    /** @inheritdoc */
-    getLanguageNameFromCodeString(languageCodes) {
-        const split = this.getCodeArrayFromCodeString(languageCodes);
-        if (split.length === 0)
-            return '';
-        const languageCode = split[0];
-        const languageName = codeToLanguageMap[languageCode];
-        return languageName !== null && languageName !== void 0 ? languageName : languageCodes;
-    }
-    /** @inheritdoc */
-    getCodeStringFromLanguageName(languageName) {
-        const languageCodes = Object.keys(codeToLanguageMap).filter(code => codeToLanguageMap[code] === languageName);
-        const stringifiedCodes = languageCodes === null || languageCodes === void 0 ? void 0 : languageCodes.join(this.delimeter);
-        return stringifiedCodes;
-    }
-    /** @inheritdoc */
-    getCodeArrayFromCodeString(languageCodes) {
-        const split = languageCodes.split(this.delimeter);
-        return split;
-    }
-}
+import { codeToLanguageMap } from './language-code-mapping';
+export class LanguageCodeHandler {
+    constructor() {
+        this.delimeter = '|';
+    }
+    /** @inheritdoc */
+    getLanguageNameFromCodeString(languageCodes) {
+        const split = this.getCodeArrayFromCodeString(languageCodes);
+        if (split.length === 0)
+            return '';
+        const languageCode = split[0];
+        const languageName = codeToLanguageMap[languageCode];
+        return languageName !== null && languageName !== void 0 ? languageName : languageCodes;
+    }
+    /** @inheritdoc */
+    getCodeStringFromLanguageName(languageName) {
+        const languageCodes = Object.keys(codeToLanguageMap).filter(code => codeToLanguageMap[code] === languageName);
+        const stringifiedCodes = languageCodes === null || languageCodes === void 0 ? void 0 : languageCodes.join(this.delimeter);
+        return stringifiedCodes;
+    }
+    /** @inheritdoc */
+    getCodeArrayFromCodeString(languageCodes) {
+        const split = languageCodes.split(this.delimeter);
+        return split;
+    }
+}
 //# sourceMappingURL=language-code-handler.js.map

package/dist/src/language-code-handler/language-code-mapping.d.ts

@@ -1 +1 @@
-export declare const codeToLanguageMap: Record<string, string>;
+export declare const codeToLanguageMap: Record<string, string>;