@internetarchive/collection-browser 2.7.6-alpha.0 → 2.7.6

package/dist/src/styles/ia-button.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/styles/ia-button.js

@@ -1,18 +1,19 @@
-import { css } from 'lit';
-const whiteColor = css `var(--white, #fff)`;
-const disabledButtonFillColor = css `var(--primaryDisableCTAFill, #767676)`;
-const disabledButtonBorderColor = css `var(--secondaryCTABorder, #999)`;
-const primaryButtonFillColor = css `var(--primaryCTAFill, #194880)`;
-const primaryButtonFillColorRGB = css `var(--primaryCTAFillRGB, 25, 72, 128)`; // RBG format of --primaryCTAFill
-const primaryButtonBorderColor = css `var(--primaryCTABorder, #c5d1df)`;
-const dangerButtonFillColor = css `var(--primaryErrorCTAFill, #d9534f)`;
-const dangerButtonFillColorRGB = css `var(--primaryErrorCTAFillRGB, 229, 28, 38)`; // RBG format of --primaryErrorCTAFill
-const dangerButtonBorderColor = css `var(--primaryErrorCTABorder, #d43f3a)`;
-const darkButtonFillColor = css `var(--secondaryCTAFill, #333)`;
-const darkButtonFillColorRGB = css `var(--secondaryCTAFillRGB, 51, 51, 51)`; // RBG format of --secondaryCTAFill
-const darkButtonBorderColor = css `var(--primaryCTABorder, #979797)`;
-const warningButtonBGColor = css `#ee8950`;
-const warningButtonBorderColor = css `#ec7939`;
+import { css } from 'lit';
+const whiteColor = css `var(--white, #fff)`;
+const disabledButtonFillColor = css `var(--primaryDisableCTAFill, #767676)`;
+const disabledButtonBorderColor = css `var(--secondaryCTABorder, #999)`;
+const primaryButtonFillColor = css `var(--primaryCTAFill, #194880)`;
+const primaryButtonFillColorRGB = css `var(--primaryCTAFillRGB, 25, 72, 128)`; // RBG format of --primaryCTAFill
+const primaryButtonBorderColor = css `var(--primaryCTABorder, #c5d1df)`;
+const dangerButtonFillColor = css `var(--primaryErrorCTAFill, #d9534f)`;
+const dangerButtonFillColorRGB = css `var(--primaryErrorCTAFillRGB, 229, 28, 38)`; // RBG format of --primaryErrorCTAFill
+const dangerButtonBorderColor = css `var(--primaryErrorCTABorder, #d43f3a)`;
+const darkButtonFillColor = css `var(--secondaryCTAFill, #333)`;
+const darkButtonFillColorRGB = css `var(--secondaryCTAFillRGB, 51, 51, 51)`; // RBG format of --secondaryCTAFill
+const darkButtonBorderColor = css `var(--primaryCTABorder, #979797)`;
+const warningButtonFillColor = css `var(---primaryWarningFill, #ee8950)`;
+const warningButtonFillColorRGB = css `var(--primaryWarningFillRGB, 238, 137, 80)`; // RBG format of --primaryWarningFill
+const warningButtonBorderColor = css `var(--primaryWarningBorder, #ec7939)`;
 export default css `
   .ia-button {
     min-height: 3rem;
@@ -52,9 +53,12 @@ export default css `
   .ia-button.transparent {
     background-color: transparent;
   }
-  .ia-button.warning {
-    background-color: ${warningButtonBGColor}
-    border-color: ${warningButtonBorderColor};
+
+  .ia-button.primary:disabled,
+  .ia-button.danger:disabled,
+  .ia-button.warning:disabled,
+  .ia-button.dark:disabled {
+    opacity: 0.5;
   }
 
   .ia-button.primary {
@@ -85,6 +89,20 @@ export default css `
     background-color: rgba(${dangerButtonFillColorRGB}, 0.7);
   }
 
+  .ia-button.warning {
+    background-color: ${warningButtonFillColor};
+    border-color: ${warningButtonBorderColor};
+  }
+  .ia-button.warning:hover {
+    background-color: rgba(${warningButtonFillColorRGB}, 0.9);
+  }
+  .ia-button.warning:focus-visible {
+    background-color: rgba(${warningButtonFillColorRGB}, 0.8);
+  }
+  .ia-button.warning:active {
+    background-color: rgba(${warningButtonFillColorRGB}, 0.7);
+  }
+
   .ia-button.dark {
     background-color: ${darkButtonFillColor};
     border-color: ${darkButtonBorderColor};
@@ -98,5 +116,19 @@ export default css `
   .ia-button.dark:active {
     background-color: rgba(${darkButtonFillColorRGB}, 0.7);
   }
-`;
+
+  .ia-button.link {
+    margin: 0;
+    padding: 6px;
+    border: 0;
+    appearance: none;
+    background: none;
+    color: var(--ia-theme-link-color, #4b64ff);
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .ia-button.link:hover {
+    text-decoration: underline;
+  }
+`;
 //# sourceMappingURL=ia-button.js.map

package/dist/src/styles/ia-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-button.js","sourceRoot":"","sources":["../../../src/styles/ia-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,UAAU,GAAG,GAAG,CAAA,oBAAoB,CAAC;AAC3C,MAAM,uBAAuB,GAAG,GAAG,CAAA,uCAAuC,CAAC;AAC3E,MAAM,yBAAyB,GAAG,GAAG,CAAA,iCAAiC,CAAC;AAEvE,MAAM,sBAAsB,GAAG,GAAG,CAAA,gCAAgC,CAAC;AACnE,MAAM,yBAAyB,GAAG,GAAG,CAAA,uCAAuC,CAAC,CAAC,iCAAiC;AAC/G,MAAM,wBAAwB,GAAG,GAAG,CAAA,kCAAkC,CAAC;AAEvE,MAAM,qBAAqB,GAAG,GAAG,CAAA,qCAAqC,CAAC;AACvE,MAAM,wBAAwB,GAAG,GAAG,CAAA,4CAA4C,CAAC,CAAC,sCAAsC;AACxH,MAAM,uBAAuB,GAAG,GAAG,CAAA,uCAAuC,CAAC;AAE3E,MAAM,mBAAmB,GAAG,GAAG,CAAA,+BAA+B,CAAC;AAC/D,MAAM,sBAAsB,GAAG,GAAG,CAAA,wCAAwC,CAAC,CAAC,mCAAmC;AAC/G,MAAM,qBAAqB,GAAG,GAAG,CAAA,kCAAkC,CAAC;AAEpE,MAAM,oBAAoB,GAAG,GAAG,CAAA,SAAS,CAAC;AAC1C,MAAM,wBAAwB,GAAG,GAAG,CAAA,SAAS,CAAC;AAE9C,eAAe,GAAG,CAAA;;;;aAIL,UAAU;;;;;;;;;;;;;;qBAcF,UAAU;;;;;;;;;;;;;;;wBAeP,uBAAuB;wBACvB,yBAAyB;;;;;;wBAMzB,oBAAoB;oBACxB,wBAAwB;;;;wBAIpB,sBAAsB;oBAC1B,wBAAwB;;;6BAGf,yBAAyB;;;6BAGzB,yBAAyB;;;6BAGzB,yBAAyB;;;;wBAI9B,qBAAqB;oBACzB,uBAAuB;;;6BAGd,wBAAwB;;;6BAGxB,wBAAwB;;;6BAGxB,wBAAwB;;;;wBAI7B,mBAAmB;oBACvB,qBAAqB;;;6BAGZ,sBAAsB;;;6BAGtB,sBAAsB;;;6BAGtB,sBAAsB;;CAElD,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst whiteColor = css`var(--white, #fff)`;\nconst disabledButtonFillColor = css`var(--primaryDisableCTAFill, #767676)`;\nconst disabledButtonBorderColor = css`var(--secondaryCTABorder, #999)`;\n\nconst primaryButtonFillColor = css`var(--primaryCTAFill, #194880)`;\nconst primaryButtonFillColorRGB = css`var(--primaryCTAFillRGB, 25, 72, 128)`; // RBG format of --primaryCTAFill\nconst primaryButtonBorderColor = css`var(--primaryCTABorder, #c5d1df)`;\n\nconst dangerButtonFillColor = css`var(--primaryErrorCTAFill, #d9534f)`;\nconst dangerButtonFillColorRGB = css`var(--primaryErrorCTAFillRGB, 229, 28, 38)`; // RBG format of --primaryErrorCTAFill\nconst dangerButtonBorderColor = css`var(--primaryErrorCTABorder, #d43f3a)`;\n\nconst darkButtonFillColor = css`var(--secondaryCTAFill, #333)`;\nconst darkButtonFillColorRGB = css`var(--secondaryCTAFillRGB, 51, 51, 51)`; // RBG format of --secondaryCTAFill\nconst darkButtonBorderColor = css`var(--primaryCTABorder, #979797)`;\n\nconst warningButtonBGColor = css`#ee8950`;\nconst warningButtonBorderColor = css`#ec7939`;\n\nexport default css`\n  .ia-button {\n    min-height: 3rem;\n    cursor: pointer;\n    color: ${whiteColor};\n    line-height: normal;\n    border-radius: 0.4rem;\n    font-size: 1.4rem;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    border: 1px solid transparent;\n    white-space: nowrap;\n    appearance: auto;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    transition: all 0.1s ease 0s;\n    vertical-align: middle;\n    padding: 0 3rem;\n    outline-color: ${whiteColor};\n    outline-offset: -4px;\n    user-select: none;\n    text-decoration: none;\n    width: fit-content;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n  }\n  .ia-button:focus-visible {\n    outline-style: double;\n  }\n  .ia-button:disabled {\n    cursor: not-allowed;\n    background-color: ${disabledButtonFillColor};\n    border: 1px solid ${disabledButtonBorderColor};\n  }\n  .ia-button.transparent {\n    background-color: transparent;\n  }\n  .ia-button.warning {\n    background-color: ${warningButtonBGColor}\n    border-color: ${warningButtonBorderColor};\n  }\n\n  .ia-button.primary {\n    background-color: ${primaryButtonFillColor};\n    border-color: ${primaryButtonBorderColor};\n  }\n  .ia-button.primary:hover {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.primary:focus-visible {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.primary:active {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.danger {\n    background-color: ${dangerButtonFillColor};\n    border-color: ${dangerButtonBorderColor};\n  }\n  .ia-button.danger:hover {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.danger:focus-visible {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.danger:active {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.dark {\n    background-color: ${darkButtonFillColor};\n    border-color: ${darkButtonBorderColor};\n  }\n  .ia-button.dark:hover {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.dark:focus-visible {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.dark:active {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.7);\n  }\n`;\n"]}
+{"version":3,"file":"ia-button.js","sourceRoot":"","sources":["../../../src/styles/ia-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,UAAU,GAAG,GAAG,CAAA,oBAAoB,CAAC;AAC3C,MAAM,uBAAuB,GAAG,GAAG,CAAA,uCAAuC,CAAC;AAC3E,MAAM,yBAAyB,GAAG,GAAG,CAAA,iCAAiC,CAAC;AAEvE,MAAM,sBAAsB,GAAG,GAAG,CAAA,gCAAgC,CAAC;AACnE,MAAM,yBAAyB,GAAG,GAAG,CAAA,uCAAuC,CAAC,CAAC,iCAAiC;AAC/G,MAAM,wBAAwB,GAAG,GAAG,CAAA,kCAAkC,CAAC;AAEvE,MAAM,qBAAqB,GAAG,GAAG,CAAA,qCAAqC,CAAC;AACvE,MAAM,wBAAwB,GAAG,GAAG,CAAA,4CAA4C,CAAC,CAAC,sCAAsC;AACxH,MAAM,uBAAuB,GAAG,GAAG,CAAA,uCAAuC,CAAC;AAE3E,MAAM,mBAAmB,GAAG,GAAG,CAAA,+BAA+B,CAAC;AAC/D,MAAM,sBAAsB,GAAG,GAAG,CAAA,wCAAwC,CAAC,CAAC,mCAAmC;AAC/G,MAAM,qBAAqB,GAAG,GAAG,CAAA,kCAAkC,CAAC;AAEpE,MAAM,sBAAsB,GAAG,GAAG,CAAA,qCAAqC,CAAC;AACxE,MAAM,yBAAyB,GAAG,GAAG,CAAA,4CAA4C,CAAC,CAAC,qCAAqC;AACxH,MAAM,wBAAwB,GAAG,GAAG,CAAA,sCAAsC,CAAC;AAE3E,eAAe,GAAG,CAAA;;;;aAIL,UAAU;;;;;;;;;;;;;;qBAcF,UAAU;;;;;;;;;;;;;;;wBAeP,uBAAuB;wBACvB,yBAAyB;;;;;;;;;;;;;;wBAczB,sBAAsB;oBAC1B,wBAAwB;;;6BAGf,yBAAyB;;;6BAGzB,yBAAyB;;;6BAGzB,yBAAyB;;;;wBAI9B,qBAAqB;oBACzB,uBAAuB;;;6BAGd,wBAAwB;;;6BAGxB,wBAAwB;;;6BAGxB,wBAAwB;;;;wBAI7B,sBAAsB;oBAC1B,wBAAwB;;;6BAGf,yBAAyB;;;6BAGzB,yBAAyB;;;6BAGzB,yBAAyB;;;;wBAI9B,mBAAmB;oBACvB,qBAAqB;;;6BAGZ,sBAAsB;;;6BAGtB,sBAAsB;;;6BAGtB,sBAAsB;;;;;;;;;;;;;;;;CAgBlD,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst whiteColor = css`var(--white, #fff)`;\nconst disabledButtonFillColor = css`var(--primaryDisableCTAFill, #767676)`;\nconst disabledButtonBorderColor = css`var(--secondaryCTABorder, #999)`;\n\nconst primaryButtonFillColor = css`var(--primaryCTAFill, #194880)`;\nconst primaryButtonFillColorRGB = css`var(--primaryCTAFillRGB, 25, 72, 128)`; // RBG format of --primaryCTAFill\nconst primaryButtonBorderColor = css`var(--primaryCTABorder, #c5d1df)`;\n\nconst dangerButtonFillColor = css`var(--primaryErrorCTAFill, #d9534f)`;\nconst dangerButtonFillColorRGB = css`var(--primaryErrorCTAFillRGB, 229, 28, 38)`; // RBG format of --primaryErrorCTAFill\nconst dangerButtonBorderColor = css`var(--primaryErrorCTABorder, #d43f3a)`;\n\nconst darkButtonFillColor = css`var(--secondaryCTAFill, #333)`;\nconst darkButtonFillColorRGB = css`var(--secondaryCTAFillRGB, 51, 51, 51)`; // RBG format of --secondaryCTAFill\nconst darkButtonBorderColor = css`var(--primaryCTABorder, #979797)`;\n\nconst warningButtonFillColor = css`var(---primaryWarningFill, #ee8950)`;\nconst warningButtonFillColorRGB = css`var(--primaryWarningFillRGB, 238, 137, 80)`; // RBG format of --primaryWarningFill\nconst warningButtonBorderColor = css`var(--primaryWarningBorder, #ec7939)`;\n\nexport default css`\n  .ia-button {\n    min-height: 3rem;\n    cursor: pointer;\n    color: ${whiteColor};\n    line-height: normal;\n    border-radius: 0.4rem;\n    font-size: 1.4rem;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    border: 1px solid transparent;\n    white-space: nowrap;\n    appearance: auto;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    transition: all 0.1s ease 0s;\n    vertical-align: middle;\n    padding: 0 3rem;\n    outline-color: ${whiteColor};\n    outline-offset: -4px;\n    user-select: none;\n    text-decoration: none;\n    width: fit-content;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n  }\n  .ia-button:focus-visible {\n    outline-style: double;\n  }\n  .ia-button:disabled {\n    cursor: not-allowed;\n    background-color: ${disabledButtonFillColor};\n    border: 1px solid ${disabledButtonBorderColor};\n  }\n  .ia-button.transparent {\n    background-color: transparent;\n  }\n\n  .ia-button.primary:disabled,\n  .ia-button.danger:disabled,\n  .ia-button.warning:disabled,\n  .ia-button.dark:disabled {\n    opacity: 0.5;\n  }\n\n  .ia-button.primary {\n    background-color: ${primaryButtonFillColor};\n    border-color: ${primaryButtonBorderColor};\n  }\n  .ia-button.primary:hover {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.primary:focus-visible {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.primary:active {\n    background-color: rgba(${primaryButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.danger {\n    background-color: ${dangerButtonFillColor};\n    border-color: ${dangerButtonBorderColor};\n  }\n  .ia-button.danger:hover {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.danger:focus-visible {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.danger:active {\n    background-color: rgba(${dangerButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.warning {\n    background-color: ${warningButtonFillColor};\n    border-color: ${warningButtonBorderColor};\n  }\n  .ia-button.warning:hover {\n    background-color: rgba(${warningButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.warning:focus-visible {\n    background-color: rgba(${warningButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.warning:active {\n    background-color: rgba(${warningButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.dark {\n    background-color: ${darkButtonFillColor};\n    border-color: ${darkButtonBorderColor};\n  }\n  .ia-button.dark:hover {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.9);\n  }\n  .ia-button.dark:focus-visible {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.8);\n  }\n  .ia-button.dark:active {\n    background-color: rgba(${darkButtonFillColorRGB}, 0.7);\n  }\n\n  .ia-button.link {\n    margin: 0;\n    padding: 6px;\n    border: 0;\n    appearance: none;\n    background: none;\n    color: var(--ia-theme-link-color, #4b64ff);\n    text-decoration: none;\n    cursor: pointer;\n  }\n  .ia-button.link:hover {\n    text-decoration: underline;\n  }\n`;\n"]}

package/dist/src/styles/item-image-styles.d.ts

@@ -1,8 +1,8 @@
-/**
- * Base item-image styles
- */
-export declare const baseItemImageStyles: import("lit").CSSResult;
-/**
- * Waveform styles
- */
-export declare const waveformGradientStyles: import("lit").CSSResult;
+/**
+ * Base item-image styles
+ */
+export declare const baseItemImageStyles: import("lit").CSSResult;
+/**
+ * Waveform styles
+ */
+export declare const waveformGradientStyles: import("lit").CSSResult;

package/dist/src/styles/item-image-styles.js

@@ -1,7 +1,7 @@
-import { css } from 'lit';
-/**
- * Base item-image styles
- */
+import { css } from 'lit';
+/**
+ * Base item-image styles
+ */
 export const baseItemImageStyles = css `
   .drop-shadow {
     overflow: hidden;
@@ -53,10 +53,10 @@ export const baseItemImageStyles = css `
   .list-box.search-image svg {
     margin: 10px;
   }
-`;
-/**
- * Waveform styles
- */
+`;
+/**
+ * Waveform styles
+ */
 export const waveformGradientStyles = css `
   .waveform {
     mix-blend-mode: screen;
@@ -119,5 +119,5 @@ export const waveformGradientStyles = css `
       hsl(0, 0%, 0%)
     );
   }
-`;
+`;
 //# sourceMappingURL=item-image-styles.js.map

package/dist/src/styles/sr-only.d.ts

@@ -1 +1 @@
-export declare const srOnlyStyle: import("lit").CSSResult;
+export declare const srOnlyStyle: import("lit").CSSResult;

package/dist/src/styles/sr-only.js

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from 'lit';
 export const srOnlyStyle = css `
   .sr-only {
     position: absolute !important;
@@ -14,5 +14,5 @@ export const srOnlyStyle = css `
     clip-path: inset(50%) !important;
     user-select: none !important;
   }
-`;
+`;
 //# sourceMappingURL=sr-only.js.map

package/dist/src/tiles/base-tile-component.d.ts

@@ -1,19 +1,19 @@
-import { LitElement, PropertyValues } from 'lit';
-import type { SortParam } from '@internetarchive/search-service';
-import { TileDisplayValueProvider } from './tile-display-value-provider';
-import type { TileModel } from '../models';
-export declare abstract class BaseTileComponent extends LitElement {
-    model?: TileModel;
-    currentWidth?: number;
-    currentHeight?: number;
-    baseNavigationUrl?: string;
-    baseImageUrl?: string;
-    collectionPagePath?: string;
-    sortParam: SortParam | null;
-    defaultSortParam: SortParam | null;
-    creatorFilter?: string;
-    mobileBreakpoint?: number;
-    loggedIn: boolean;
-    protected displayValueProvider: TileDisplayValueProvider;
-    protected willUpdate(changed: PropertyValues<this>): void;
-}
+import { LitElement, PropertyValues } from 'lit';
+import type { SortParam } from '@internetarchive/search-service';
+import { TileDisplayValueProvider } from './tile-display-value-provider';
+import type { TileModel } from '../models';
+export declare abstract class BaseTileComponent extends LitElement {
+    model?: TileModel;
+    currentWidth?: number;
+    currentHeight?: number;
+    baseNavigationUrl?: string;
+    baseImageUrl?: string;
+    collectionPagePath?: string;
+    sortParam: SortParam | null;
+    defaultSortParam: SortParam | null;
+    creatorFilter?: string;
+    mobileBreakpoint?: number;
+    loggedIn: boolean;
+    protected displayValueProvider: TileDisplayValueProvider;
+    protected willUpdate(changed: PropertyValues<this>): void;
+}

package/dist/src/tiles/base-tile-component.js

@@ -1,65 +1,65 @@
-import { __decorate } from "tslib";
-import { LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { TileDisplayValueProvider } from './tile-display-value-provider';
-export class BaseTileComponent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.sortParam = null;
-        this.defaultSortParam = null;
-        this.loggedIn = false;
-        this.displayValueProvider = new TileDisplayValueProvider();
-    }
-    willUpdate(changed) {
-        var _a, _b;
-        // Ensure the TileDisplayValueProvider stays up-to-date as properties change
-        if (changed.has('model') ||
-            changed.has('baseNavigationUrl') ||
-            changed.has('collectionPagePath') ||
-            changed.has('sortParam') ||
-            changed.has('defaultSortParam') ||
-            changed.has('creatorFilter')) {
-            this.displayValueProvider = new TileDisplayValueProvider({
-                model: this.model,
-                baseNavigationUrl: this.baseNavigationUrl,
-                collectionPagePath: this.collectionPagePath,
-                sortParam: (_b = (_a = this.sortParam) !== null && _a !== void 0 ? _a : this.defaultSortParam) !== null && _b !== void 0 ? _b : undefined,
-                creatorFilter: this.creatorFilter,
-            });
-        }
-    }
-}
-__decorate([
-    property({ type: Object })
-], BaseTileComponent.prototype, "model", void 0);
-__decorate([
-    property({ type: Number })
-], BaseTileComponent.prototype, "currentWidth", void 0);
-__decorate([
-    property({ type: Number })
-], BaseTileComponent.prototype, "currentHeight", void 0);
-__decorate([
-    property({ type: String })
-], BaseTileComponent.prototype, "baseNavigationUrl", void 0);
-__decorate([
-    property({ type: String })
-], BaseTileComponent.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: String })
-], BaseTileComponent.prototype, "collectionPagePath", void 0);
-__decorate([
-    property({ type: Object })
-], BaseTileComponent.prototype, "sortParam", void 0);
-__decorate([
-    property({ type: Object })
-], BaseTileComponent.prototype, "defaultSortParam", void 0);
-__decorate([
-    property({ type: String })
-], BaseTileComponent.prototype, "creatorFilter", void 0);
-__decorate([
-    property({ type: Number })
-], BaseTileComponent.prototype, "mobileBreakpoint", void 0);
-__decorate([
-    property({ type: Boolean })
-], BaseTileComponent.prototype, "loggedIn", void 0);
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { TileDisplayValueProvider } from './tile-display-value-provider';
+export class BaseTileComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.sortParam = null;
+        this.defaultSortParam = null;
+        this.loggedIn = false;
+        this.displayValueProvider = new TileDisplayValueProvider();
+    }
+    willUpdate(changed) {
+        var _a, _b;
+        // Ensure the TileDisplayValueProvider stays up-to-date as properties change
+        if (changed.has('model') ||
+            changed.has('baseNavigationUrl') ||
+            changed.has('collectionPagePath') ||
+            changed.has('sortParam') ||
+            changed.has('defaultSortParam') ||
+            changed.has('creatorFilter')) {
+            this.displayValueProvider = new TileDisplayValueProvider({
+                model: this.model,
+                baseNavigationUrl: this.baseNavigationUrl,
+                collectionPagePath: this.collectionPagePath,
+                sortParam: (_b = (_a = this.sortParam) !== null && _a !== void 0 ? _a : this.defaultSortParam) !== null && _b !== void 0 ? _b : undefined,
+                creatorFilter: this.creatorFilter,
+            });
+        }
+    }
+}
+__decorate([
+    property({ type: Object })
+], BaseTileComponent.prototype, "model", void 0);
+__decorate([
+    property({ type: Number })
+], BaseTileComponent.prototype, "currentWidth", void 0);
+__decorate([
+    property({ type: Number })
+], BaseTileComponent.prototype, "currentHeight", void 0);
+__decorate([
+    property({ type: String })
+], BaseTileComponent.prototype, "baseNavigationUrl", void 0);
+__decorate([
+    property({ type: String })
+], BaseTileComponent.prototype, "baseImageUrl", void 0);
+__decorate([
+    property({ type: String })
+], BaseTileComponent.prototype, "collectionPagePath", void 0);
+__decorate([
+    property({ type: Object })
+], BaseTileComponent.prototype, "sortParam", void 0);
+__decorate([
+    property({ type: Object })
+], BaseTileComponent.prototype, "defaultSortParam", void 0);
+__decorate([
+    property({ type: String })
+], BaseTileComponent.prototype, "creatorFilter", void 0);
+__decorate([
+    property({ type: Number })
+], BaseTileComponent.prototype, "mobileBreakpoint", void 0);
+__decorate([
+    property({ type: Boolean })
+], BaseTileComponent.prototype, "loggedIn", void 0);
 //# sourceMappingURL=base-tile-component.js.map

package/dist/src/tiles/collection-browser-loading-tile.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class CollectionBrowserLoadingTile extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResult;
-}
+import { LitElement } from 'lit';
+export declare class CollectionBrowserLoadingTile extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResult;
+}

package/dist/src/tiles/collection-browser-loading-tile.js

@@ -1,11 +1,11 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
-    render() {
-        return html ` <div id="container"></div> `;
-    }
-    static get styles() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
+    render() {
+        return html ` <div id="container"></div> `;
+    }
+    static get styles() {
         return css `
       :host {
         display: block;
@@ -19,11 +19,11 @@ let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends Li
         display: block;
         height: 100%;
       }
-    `;
-    }
-};
-CollectionBrowserLoadingTile = __decorate([
-    customElement('collection-browser-loading-tile')
-], CollectionBrowserLoadingTile);
-export { CollectionBrowserLoadingTile };
+    `;
+    }
+};
+CollectionBrowserLoadingTile = __decorate([
+    customElement('collection-browser-loading-tile')
+], CollectionBrowserLoadingTile);
+export { CollectionBrowserLoadingTile };
 //# sourceMappingURL=collection-browser-loading-tile.js.map

package/dist/src/tiles/grid/account-tile.d.ts

@@ -1,18 +1,18 @@
-import { TemplateResult } from 'lit';
-import { BaseTileComponent } from '../base-tile-component';
-import '../image-block';
-import './tile-stats';
-export declare class AccountTile extends BaseTileComponent {
-    showInfoButton: boolean;
-    render(): TemplateResult<1>;
-    private get getAvatarTemplate();
-    private get getTitleTemplate();
-    private get getArchivistTemplate();
-    private get getTileStatsTemplate();
-    private get infoButtonTemplate();
-    private infoButtonPressed;
-    /**
-     * CSS
-     */
-    static get styles(): import("lit").CSSResult[];
-}
+import { TemplateResult } from 'lit';
+import { BaseTileComponent } from '../base-tile-component';
+import '../image-block';
+import './tile-stats';
+export declare class AccountTile extends BaseTileComponent {
+    showInfoButton: boolean;
+    render(): TemplateResult<1>;
+    private get getAvatarTemplate();
+    private get getTitleTemplate();
+    private get getArchivistTemplate();
+    private get getTileStatsTemplate();
+    private get infoButtonTemplate();
+    private infoButtonPressed;
+    /**
+     * CSS
+     */
+    static get styles(): import("lit").CSSResult[];
+}

package/dist/src/tiles/grid/account-tile.js

@@ -1,30 +1,30 @@
-import { __decorate } from "tslib";
-import { css, html, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { msg } from '@lit/localize';
-import { BaseTileComponent } from '../base-tile-component';
-import { baseTileStyles } from './styles/tile-grid-shared-styles';
-import '../image-block';
-import './tile-stats';
-let AccountTile = class AccountTile extends BaseTileComponent {
-    constructor() {
-        /*
-         * Reactive properties inherited from BaseTileComponent:
-         *  - model?: TileModel;
-         *  - currentWidth?: number;
-         *  - currentHeight?: number;
-         *  - baseNavigationUrl?: string;
-         *  - baseImageUrl?: string;
-         *  - collectionPagePath?: string;
-         *  - sortParam: SortParam | null = null;
-         *  - creatorFilter?: string;
-         *  - mobileBreakpoint?: number;
-         *  - loggedIn = false;
-         */
-        super(...arguments);
-        this.showInfoButton = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
+import { BaseTileComponent } from '../base-tile-component';
+import { baseTileStyles } from './styles/tile-grid-shared-styles';
+import '../image-block';
+import './tile-stats';
+let AccountTile = class AccountTile extends BaseTileComponent {
+    constructor() {
+        /*
+         * Reactive properties inherited from BaseTileComponent:
+         *  - model?: TileModel;
+         *  - currentWidth?: number;
+         *  - currentHeight?: number;
+         *  - baseNavigationUrl?: string;
+         *  - baseImageUrl?: string;
+         *  - collectionPagePath?: string;
+         *  - sortParam: SortParam | null = null;
+         *  - creatorFilter?: string;
+         *  - mobileBreakpoint?: number;
+         *  - loggedIn = false;
+         */
+        super(...arguments);
+        this.showInfoButton = false;
+    }
+    render() {
         return html `
       <div class="container">
         ${this.infoButtonTemplate}
@@ -36,9 +36,9 @@ let AccountTile = class AccountTile extends BaseTileComponent {
           ${this.getTileStatsTemplate}
         </div>
       </div>
-    `;
-    }
-    get getAvatarTemplate() {
+    `;
+    }
+    get getAvatarTemplate() {
         return html `
       <image-block
         .model=${this.model}
@@ -46,63 +46,63 @@ let AccountTile = class AccountTile extends BaseTileComponent {
         .viewSize=${'grid'}
       >
       </image-block>
-    `;
-    }
-    get getTitleTemplate() {
-        var _a;
+    `;
+    }
+    get getTitleTemplate() {
+        var _a;
         return html `<div id="title">
       <h4 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}</h4>
-    </div>`;
-    }
-    get getArchivistTemplate() {
+    </div>`;
+    }
+    get getArchivistTemplate() {
         return html `<div class="archivist-since">
       <span>${this.displayValueProvider.accountLabel}</span>
-    </div>`;
-    }
-    get getTileStatsTemplate() {
-        var _a, _b, _c, _d;
+    </div>`;
+    }
+    get getTileStatsTemplate() {
+        var _a, _b, _c, _d;
         return html `<tile-stats
       .mediatype=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype}
       .itemCount=${(_b = this.model) === null || _b === void 0 ? void 0 : _b.itemCount}
       .favCount=${(_c = this.model) === null || _c === void 0 ? void 0 : _c.favCount}
       .commentCount=${(_d = this.model) === null || _d === void 0 ? void 0 : _d.commentCount}
     >
-    </tile-stats>`;
-    }
-    get infoButtonTemplate() {
-        // &#9432; is an information icon
-        return this.showInfoButton
+    </tile-stats>`;
+    }
+    get infoButtonTemplate() {
+        // &#9432; is an information icon
+        return this.showInfoButton
             ? html `<button class="info-button" @click=${this.infoButtonPressed}>
           &#9432;
           <span class="sr-only">${msg('More info')}</span>
-        </button>`
-            : nothing;
-    }
-    infoButtonPressed(e) {
-        e.preventDefault();
-        const event = new CustomEvent('infoButtonPressed', { detail: { x: e.clientX, y: e.clientY } });
-        this.dispatchEvent(event);
-    }
-    /**
-     * CSS
-     */
-    static get styles() {
-        const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
-        return [
-            baseTileStyles,
+        </button>`
+            : nothing;
+    }
+    infoButtonPressed(e) {
+        e.preventDefault();
+        const event = new CustomEvent('infoButtonPressed', { detail: { x: e.clientX, y: e.clientY } });
+        this.dispatchEvent(event);
+    }
+    /**
+     * CSS
+     */
+    static get styles() {
+        const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
+        return [
+            baseTileStyles,
             css `
         .container {
           border: 1px solid ${tileBorderColor};
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], AccountTile.prototype, "showInfoButton", void 0);
-AccountTile = __decorate([
-    customElement('account-tile')
-], AccountTile);
-export { AccountTile };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], AccountTile.prototype, "showInfoButton", void 0);
+AccountTile = __decorate([
+    customElement('account-tile')
+], AccountTile);
+export { AccountTile };
 //# sourceMappingURL=account-tile.js.map