@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

package/dist/src/assets/img/icons/favorite-unfilled.d.ts

@@ -1 +1 @@
-export declare const favoriteUnfilledIcon: import("lit-html").TemplateResult<1>;
+export declare const favoriteUnfilledIcon: import("lit").TemplateResult<1>;

package/dist/src/assets/img/icons/favorite-unfilled.js

@@ -1,9 +1,9 @@
-import { html } from 'lit';
+import { html } from 'lit';
 export const favoriteUnfilledIcon = html `
   <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
     <path
       d="m69.0481858 61.4006179 13.2757509 38.38311-32.1794134-24.4730516-32.2508245 24.6893237 13.2757507-38.4552008-31.1694495-21.9945074 38.1677832-.5115002 11.8339172-39.0387916 11.6162817 38.8946104 38.3820179.6556814zm-2.8122554 15.58874-6.7092871-19.2276004 18.0365221-11.7267421-21.6445066.5115-5.9169584-19.5914862-5.9169587 19.5914862-21.6445064-.5115 18.036522 11.7267421-6.5664638 19.3752146 16.0880061-12.3824233z"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=favorite-unfilled.js.map

package/dist/src/assets/img/icons/filter.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit-html").TemplateResult<1>;
-export default _default;
+declare const _default: import("lit").TemplateResult<1>;
+export default _default;

package/dist/src/assets/img/icons/filter.js

@@ -1,4 +1,4 @@
-import { html } from 'lit';
+import { html } from 'lit';
 export default html `
   <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -6,5 +6,5 @@ export default html `
       fill="#000"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=filter.js.map

package/dist/src/assets/img/icons/login-required.d.ts

@@ -1 +1 @@
-export declare const loginRequiredIcon: import("lit-html").TemplateResult<2>;
+export declare const loginRequiredIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/login-required.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const loginRequiredIcon = svg `
   <svg
     viewBox="0 0 100 100"
@@ -14,5 +14,5 @@ export const loginRequiredIcon = svg `
     </g>
     <title>Log in to view this item</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=login-required.js.map

package/dist/src/assets/img/icons/mediatype/account.d.ts

@@ -1 +1 @@
-export declare const accountIcon: import("lit-html").TemplateResult<2>;
+export declare const accountIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/account.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const accountIcon = svg `
   <svg viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg">
@@ -10,5 +10,5 @@ export const accountIcon = svg `
     />
     <title>Icon of a person</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=account.js.map

package/dist/src/assets/img/icons/mediatype/audio.d.ts

@@ -1 +1 @@
-export declare const audioIcon: import("lit-html").TemplateResult<2>;
+export declare const audioIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/audio.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const audioIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -10,5 +10,5 @@ export const audioIcon = svg `
     />
     <title>Icon of a speaker</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=audio.js.map

package/dist/src/assets/img/icons/mediatype/collection.d.ts

@@ -1 +1 @@
-export declare const collectionIcon: import("lit-html").TemplateResult<2>;
+export declare const collectionIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/collection.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const collectionIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -8,5 +8,5 @@ export const collectionIcon = svg `
       fill="black"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=collection.js.map

package/dist/src/assets/img/icons/mediatype/data.d.ts

@@ -1 +1 @@
-export declare const dataIcon: import("lit-html").TemplateResult<2>;
+export declare const dataIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/data.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const dataIcon = svg `
   <svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/data(folder)</title>
@@ -11,5 +11,5 @@ export const dataIcon = svg `
       </path>
     </g>
   </svg>
-`;
+`;
 //# sourceMappingURL=data.js.map

package/dist/src/assets/img/icons/mediatype/etree.d.ts

@@ -1 +1 @@
-export declare const etreeIcon: import("lit-html").TemplateResult<2>;
+export declare const etreeIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/etree.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const etreeIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -10,5 +10,5 @@ export const etreeIcon = svg `
       transform="matrix(1 0 0 -1 0 301)"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=etree.js.map

package/dist/src/assets/img/icons/mediatype/film.d.ts

@@ -1 +1 @@
-export declare const filmIcon: import("lit-html").TemplateResult<2>;
+export declare const filmIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/film.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const filmIcon = svg `
   <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -10,5 +10,5 @@ export const filmIcon = svg `
     />
     <title>Icon of a film</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=film.js.map

package/dist/src/assets/img/icons/mediatype/images.d.ts

@@ -1 +1 @@
-export declare const imagesIcon: import("lit-html").TemplateResult<2>;
+export declare const imagesIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/images.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const imagesIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -9,5 +9,5 @@ export const imagesIcon = svg `
       transform="matrix(1 0 0 -1 0 301)"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=images.js.map

package/dist/src/assets/img/icons/mediatype/radio.d.ts

@@ -1 +1 @@
-export declare const radioIcon: import("lit-html").TemplateResult<2>;
+export declare const radioIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/radio.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const radioIcon = svg `
   <svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/radio</title>
@@ -11,5 +11,5 @@ export const radioIcon = svg `
       </path>
     </g>
   </svg>
-`;
+`;
 //# sourceMappingURL=radio.js.map

package/dist/src/assets/img/icons/mediatype/search.d.ts

@@ -1 +1 @@
-export declare const searchIcon: import("lit-html").TemplateResult<2>;
+export declare const searchIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/search.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const searchIcon = svg `
   <svg
     viewBox="0 0 100 100"
@@ -10,5 +10,5 @@ export const searchIcon = svg `
       fill-rule="evenodd"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=search.js.map

package/dist/src/assets/img/icons/mediatype/software.d.ts

@@ -1 +1 @@
-export declare const softwareIcon: import("lit-html").TemplateResult<2>;
+export declare const softwareIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/software.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const softwareIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -9,5 +9,5 @@ export const softwareIcon = svg `
       fill-rule="evenodd"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=software.js.map

package/dist/src/assets/img/icons/mediatype/texts.d.ts

@@ -1 +1 @@
-export declare const textsIcon: import("lit-html").TemplateResult<2>;
+export declare const textsIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/texts.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const textsIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -9,5 +9,5 @@ export const textsIcon = svg `
       fill-rule="evenodd"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=texts.js.map

package/dist/src/assets/img/icons/mediatype/tv.d.ts

@@ -1 +1 @@
-export declare const tvIcon: import("lit-html").TemplateResult<2>;
+export declare const tvIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/tv.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const tvIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -10,5 +10,5 @@ export const tvIcon = svg `
       transform="matrix(1 0 0 -1 0 300)"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=tv.js.map

package/dist/src/assets/img/icons/mediatype/video.d.ts

@@ -1 +1 @@
-export declare const videoIcon: import("lit-html").TemplateResult<2>;
+export declare const videoIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/video.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const videoIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -10,5 +10,5 @@ export const videoIcon = svg `
       transform="matrix(1 0 0 -1 0 300)"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=video.js.map

package/dist/src/assets/img/icons/mediatype/web.d.ts

@@ -1 +1 @@
-export declare const webIcon: import("lit-html").TemplateResult<2>;
+export declare const webIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/web.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const webIcon = svg `
   <svg viewBox="0 0 300 300"
     xmlns="http://www.w3.org/2000/svg">
@@ -9,5 +9,5 @@ export const webIcon = svg `
       transform="matrix(1 0 0 -1 0 372)"
     />
   </svg>
-`;
+`;
 //# sourceMappingURL=web.js.map

package/dist/src/assets/img/icons/null-result.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit-html").TemplateResult<2>;
-export default _default;
+declare const _default: import("lit").TemplateResult<2>;
+export default _default;

package/dist/src/assets/img/icons/null-result.js

@@ -1,5 +1,5 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export default svg `
   <svg viewBox="0 0 787 400" xmlns="http://www.w3.org/2000/svg"><g fill="#999" fill-rule="evenodd"><path d="m392.387152 0c90.212937 0 163.325255 73.1823935 163.325255 163.414428 0 34.161159-10.533846 65.858529-28.422252 92.099564l96.093209 96.172128c5.880272 5.034454 9.616636 12.49332 9.616636 20.857826 0 15.159612-12.300741 27.456054-27.47128 27.456054-7.270154 0-13.876316-2.846294-18.788734-7.464492l-97.84885-97.516523c-27.037997 19.929684-60.361413 31.804247-96.503984 31.804247-90.274834 0-163.387152-73.126143-163.387152-163.408804 0-90.2320345 73.112318-163.414428 163.387152-163.414428zm.132028 36c-70.323133 0-127.51918 57.1785661-127.51918 127.511499 0 70.294604 57.196047 127.488501 127.51918 127.488501 70.246413 0 127.48082-57.193897 127.48082-127.488501 0-70.3329329-57.234407-127.511499-127.48082-127.511499z"/><path d="m378.080616 218.418605v24.781395h24.697248v-24.781395zm-36.267131-84.83721h18.912307c0-5.209302.593328-10.046511 1.779982-14.511628 1.186655-4.465116 3.077886-8.334883 5.673692-11.609302 2.595807-3.274418 5.822025-5.87907 9.678652-7.8139534 3.856627-1.9348837 8.454914-2.9023256 13.79486-2.9023256 8.009918 0 14.351104 2.3069768 19.023556 6.92093 4.672453 4.613954 7.305342 11.013954 7.89867 19.2.296663 5.506977-.37083 10.195349-2.00248 14.065117-1.63165 3.869767-3.819544 7.404651-6.563683 10.604651s-5.710775 6.251163-8.89991 9.153488c-3.189134 2.902326-6.229936 6.065116-9.122407 9.488372-2.89247 3.423256-5.339945 7.330233-7.342425 11.72093-2.00248 4.390698-3.152051 9.711628-3.448715 15.962791v10.493023h18.912308v-8.706976c0-3.869768.556244-7.330233 1.668733-10.381396 1.112488-3.051163 2.595807-5.879069 4.449954-8.483721 1.854148-2.604651 3.930794-5.060465 6.229937-7.367442 2.299143-2.306976 4.635369-4.576744 7.008679-6.809302 2.373309-2.381395 4.709535-4.837209 7.008678-7.367442 2.299144-2.530232 4.338706-5.283721 6.118688-8.260465s3.226217-6.288372 4.338706-9.934884c1.112489-3.646511 1.668733-7.776744 1.668733-12.390697 0-7.144186-1.149572-13.469768-3.448715-18.976744-2.299143-5.506977-5.52536-10.1581399-9.678651-13.9534888-4.153292-3.7953488-9.085325-6.6976744-14.7961-8.7069767s-12.051961-3.0139535-19.023556-3.0139535c-7.713255 0-14.684851 1.3395349-20.914788 4.0186047-6.229936 2.6790697-11.495716 6.4372093-15.797339 11.2744186-4.301623 4.8372097-7.602006 10.5302327-9.901149 17.0790697s-3.374549 13.618605-3.226217 21.209302z" fill-rule="nonzero"/></g></svg>
-`;
+`;
 //# sourceMappingURL=null-result.js.map

package/dist/src/assets/img/icons/restricted.d.ts

@@ -1 +1 @@
-export declare const restrictedIcon: import("lit-html").TemplateResult<2>;
+export declare const restrictedIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/restricted.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const restrictedIcon = svg `
   <svg
     viewBox="0 0 100 100"
@@ -9,5 +9,5 @@ export const restrictedIcon = svg `
     />
     <title>Content may be inappropriate</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=restricted.js.map

package/dist/src/assets/img/icons/reviews.d.ts

@@ -1 +1 @@
-export declare const reviewsIcon: import("lit-html").TemplateResult<2>;
+export declare const reviewsIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/reviews.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const reviewsIcon = svg `
   <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -7,5 +7,5 @@ export const reviewsIcon = svg `
     />
     <title>Icon of a speech bubble</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=reviews.js.map

package/dist/src/assets/img/icons/upload.d.ts

@@ -1 +1 @@
-export declare const uploadIcon: import("lit-html").TemplateResult<2>;
+export declare const uploadIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/upload.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const uploadIcon = svg `
   <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -8,5 +8,5 @@ export const uploadIcon = svg `
     />
     <title>Icon of an arrow pointing upwards</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=upload.js.map

package/dist/src/assets/img/icons/views.d.ts

@@ -1 +1 @@
-export declare const viewsIcon: import("lit-html").TemplateResult<2>;
+export declare const viewsIcon: import("lit").TemplateResult<2>;

package/dist/src/assets/img/icons/views.js

@@ -1,4 +1,4 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const viewsIcon = svg `
   <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -7,5 +7,5 @@ export const viewsIcon = svg `
     />
     <title>Eye icon</title>
   </svg>
-`;
+`;
 //# sourceMappingURL=views.js.map

package/dist/src/circular-activity-indicator.d.ts

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

package/dist/src/circular-activity-indicator.js

@@ -1,8 +1,8 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-let CircularActivityIndicator = class CircularActivityIndicator extends LitElement {
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let CircularActivityIndicator = class CircularActivityIndicator extends LitElement {
+    render() {
         return html `
       <div class="lds-ring">
         <div></div>
@@ -10,11 +10,11 @@ let CircularActivityIndicator = class CircularActivityIndicator extends LitEleme
         <div></div>
         <div></div>
       </div>
-    `;
-    }
-    static get styles() {
-        const color = css `var(--circularActivityIndicatorColor, dodgerblue)`;
-        const thickness = css `var(--circularActivityIndicatorThickness, 4px)`;
+    `;
+    }
+    static get styles() {
+        const color = css `var(--circularActivityIndicatorColor, dodgerblue)`;
+        const thickness = css `var(--circularActivityIndicatorThickness, 4px)`;
         return css `
       :host {
         display: block;
@@ -56,11 +56,11 @@ let CircularActivityIndicator = class CircularActivityIndicator extends LitEleme
           transform: rotate(360deg);
         }
       }
-    `;
-    }
-};
-CircularActivityIndicator = __decorate([
-    customElement('circular-activity-indicator')
-], CircularActivityIndicator);
-export { CircularActivityIndicator };
+    `;
+    }
+};
+CircularActivityIndicator = __decorate([
+    customElement('circular-activity-indicator')
+], CircularActivityIndicator);
+export { CircularActivityIndicator };
 //# sourceMappingURL=circular-activity-indicator.js.map

package/dist/src/circular-activity-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-activity-indicator.js","sourceRoot":"","sources":["../../src/circular-activity-indicator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,IAAa,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,UAAU;IACvD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,KAAK,GAAG,GAAG,CAAA,mDAAmD,CAAC;QACrE,MAAM,SAAS,GAAG,GAAG,CAAA,gDAAgD,CAAC;QAEtE,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;kBAiBI,SAAS;wBACH,SAAS;;;;wBAIT,KAAK;;;;;;;;;;;;;;;;;;;KAmBxB,CAAC;IACJ,CAAC;CACF,CAAA;AA3DY,yBAAyB;IADrC,aAAa,CAAC,6BAA6B,CAAC;GAChC,yBAAyB,CA2DrC;SA3DY,yBAAyB","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('circular-activity-indicator')\nexport class CircularActivityIndicator extends LitElement {\n  render() {\n    return html`\n      <div class=\"lds-ring\">\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const color = css`var(--circularActivityIndicatorColor, dodgerblue)`;\n    const thickness = css`var(--circularActivityIndicatorThickness, 4px)`;\n\n    return css`\n      :host {\n        display: block;\n      }\n\n      .lds-ring {\n        display: inline-block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      .lds-ring div {\n        box-sizing: border-box;\n        display: block;\n        position: absolute;\n        width: 80%;\n        height: 80%;\n        margin: ${thickness};\n        border-width: ${thickness};\n        border-style: solid;\n        border-radius: 50%;\n        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n        border-color: ${color} transparent transparent transparent;\n      }\n      .lds-ring div:nth-child(1) {\n        animation-delay: -0.45s;\n      }\n      .lds-ring div:nth-child(2) {\n        animation-delay: -0.3s;\n      }\n      .lds-ring div:nth-child(3) {\n        animation-delay: -0.15s;\n      }\n      @keyframes lds-ring {\n        0% {\n          transform: rotate(0deg);\n        }\n        100% {\n          transform: rotate(360deg);\n        }\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"circular-activity-indicator.js","sourceRoot":"","sources":["../../src/circular-activity-indicator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IACvD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,KAAK,GAAG,GAAG,CAAA,mDAAmD,CAAC;QACrE,MAAM,SAAS,GAAG,GAAG,CAAA,gDAAgD,CAAC;QAEtE,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;kBAiBI,SAAS;wBACH,SAAS;;;;wBAIT,KAAK;;;;;;;;;;;;;;;;;;;KAmBxB,CAAC;IACJ,CAAC;CACF,CAAA;AA3DY,yBAAyB;IADrC,aAAa,CAAC,6BAA6B,CAAC;GAChC,yBAAyB,CA2DrC","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('circular-activity-indicator')\nexport class CircularActivityIndicator extends LitElement {\n  render() {\n    return html`\n      <div class=\"lds-ring\">\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const color = css`var(--circularActivityIndicatorColor, dodgerblue)`;\n    const thickness = css`var(--circularActivityIndicatorThickness, 4px)`;\n\n    return css`\n      :host {\n        display: block;\n      }\n\n      .lds-ring {\n        display: inline-block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      .lds-ring div {\n        box-sizing: border-box;\n        display: block;\n        position: absolute;\n        width: 80%;\n        height: 80%;\n        margin: ${thickness};\n        border-width: ${thickness};\n        border-style: solid;\n        border-radius: 50%;\n        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n        border-color: ${color} transparent transparent transparent;\n      }\n      .lds-ring div:nth-child(1) {\n        animation-delay: -0.45s;\n      }\n      .lds-ring div:nth-child(2) {\n        animation-delay: -0.3s;\n      }\n      .lds-ring div:nth-child(3) {\n        animation-delay: -0.15s;\n      }\n      @keyframes lds-ring {\n        0% {\n          transform: rotate(0deg);\n        }\n        100% {\n          transform: rotate(360deg);\n        }\n      }\n    `;\n  }\n}\n"]}