+
+ ${this.config.headline?c` ${this.config.headline}
`:""} + ${this.config.message?c` `:""} + +
+
+
+
+ ${zl(this.placeholderType,[["empty-query",()=>this.emptyQueryTemplate],["empty-collection",()=>this.emptyCollectionTemplate],["no-results",()=>this.noResultsTemplate],["query-error",()=>this.queryErrorTemplate],["collection-error",()=>this.collectionErrorTemplate]])}
+
+ `}get emptyQueryTemplate(){return c`
+ + ${Oe.MESSAGE_EMPTY_QUERY} +
+${Pl}
+ `}get emptyCollectionTemplate(){return c`
+ + ${Oe.MESSAGE_NO_VIEWABLE_MEMBERS} +
+${Di}
+ `}get noResultsTemplate(){return c`
+ + ${this.isCollection?Oe.MESSAGE_NO_COLLECTION_RESULTS:Oe.MESSAGE_NO_SEARCH_RESULTS} +
+${Di}
+ `}get queryErrorTemplate(){return c`
+ + ${Oe.MESSAGE_QUERY_ERROR} +
+${Di}
+ + ${Oe.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage} +
+ `}get collectionErrorTemplate(){return c` ++ ${Oe.MESSAGE_COLLECTION_ERROR} +
+${Di}
+ + ${Oe.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage} +
+ `}static get styles(){return v` + :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; + } + + .desktop svg { + max-height: 40rem; + } + .desktop .title, + .desktop .error-details { + margin: 4rem 0; + } + + .mobile svg { + max-height: 20rem; + } + .mobile .title, + .mobile .error-details { + margin: 2rem 0.5; + } + + .error-details { + font-size: 1.2rem; + word-break: break-word; + } + `}};ke.MESSAGE_EMPTY_QUERY=k('To begin searching, enter a search term in the box above and hit "Go".');ke.MESSAGE_NO_SEARCH_RESULTS=k("Your search did not match any items in the Archive. Try different keywords or a more general search.");ke.MESSAGE_NO_COLLECTION_RESULTS=k("Your search did not match any items in this collection. Try different keywords or a more general search.");ke.MESSAGE_NO_VIEWABLE_MEMBERS=k("This collection contains no viewable items.");ke.MESSAGE_QUERY_ERROR=k(c`The search engine + encountered an error, which might be related to your search query. + + Tips for constructing search queries. + `);ke.MESSAGE_COLLECTION_ERROR=k(c`The search engine + encountered an error while loading this collection. If the problem persists, + please let us know at + info@archive.org.`);ke.QUERY_ERROR_DETAILS_MESSAGE=k("Error details:");r([h({type:String})],ke.prototype,"placeholderType",void 0);r([h({type:Boolean})],ke.prototype,"isMobileView",void 0);r([h({type:Boolean})],ke.prototype,"isCollection",void 0);r([h({type:String})],ke.prototype,"detailMessage",void 0);ke=Oe=r([L("empty-placeholder")],ke);/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const Ia=a=>a!=null?a:b,Qr=U` + +`;var ca;(function(a){a[a.bytes=0]="bytes",a[a.kilobytes=1]="kilobytes",a[a.megabytes=2]="megabytes",a[a.gigabytes=3]="gigabytes",a[a.terabytes=4]="terabytes",a[a.petabytes=5]="petabytes",a[a.exabytes=6]="exabytes",a[a.zettabytes=7]="zettabytes",a[a.yottabytes=8]="yottabytes"})(ca||(ca={}));function Al(a,e,t=" "){let i=a;if(i===void 0)return b;let o=0;for(;i>1024;)i/=1024,o+=1;const s=10**e;i=Math.round(i*s)/s;let n=ca[o];return n=i===1?n.slice(0,-1):n,`${i.toLocaleString()+t+n}`}const Ll=v`var(--tileBackgroundColor, #ffffff)`,Dl=v`var(--tileCornerRadius, 4px)`,no=v` + /* Include .sr-only styles for all tiles */ + ${et} + + .container { + background-color: ${Ll}; + border: 1px #2c2c2c; + border-radius: ${Dl}; + box-shadow: 1px 1px 2px 0; + box-sizing: border-box; + height: 100%; + display: flex; + flex-direction: column; + width: 100%; + } + + image-block { + display: block; + position: relative; + text-align: center; + } + + .tile-details { + display: flex; + flex-direction: column; + height: 100%; + row-gap: 10px; + font-family: 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif; + } + + .item-info { + display: flex; + flex-direction: column; + row-gap: 5px; + flex-grow: 1; + } + + #title { + padding: 0 5px; + } + + .created-by, + .date-sorted-by, + .volume-issue, + .archivist-since { + display: flex; + justify-content: left; + align-items: flex-start; + padding: 0 5px; + } + + .truncated { + flex: 1; + color: #2c2c2c; + min-width: 0; /* Important for long words! */ + text-align: left; + line-height: 15px; + text-overflow: ellipsis; + overflow: hidden; + word-wrap: break-word; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + } + + h4.truncated { + display: -webkit-box; + margin: 0px; + line-height: 15px; + font-size: 14px; + font-weight: 500; + padding-bottom: 1px; + } + + span { + display: -webkit-box; + font-size: 1.4rem; + line-height: 15px; + overflow: hidden; + word-wrap: break-word; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + padding-bottom: 1px; + } + + .container:hover > .tile-details > .item-info > #title > .truncated { + text-decoration: underline; + } + + /** this is a workaround for Safari 15 where the hover effects are not working */ + #title:hover > .truncated { + text-decoration: underline; + } + + .info-button { + position: absolute; + right: 10px; + top: 10px; + margin: 0; + padding: 0; + border: none; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + background: rgba(220, 220, 220, 0.5); + color: white; + font-size: 2rem; + font-weight: bold; + line-height: 1; + text-shadow: black 1px 1px 3px; + overflow: visible; + aspect-ratio: 1 / 1; + z-index: 1; + } + + .hidden { + display: none; + } +`;function vi(a,e="short",t="en-US"){if(!a)return"";const i={};switch(e){case"year-only":return`${a.getUTCFullYear()}`;case"short":i.month="short",i.year="numeric";break;case"long":i.year="numeric",i.month="short",i.day="2-digit";break}return new Intl.DateTimeFormat(t,i).format(a)}class Fs{constructor(e={}){var t;this.model=e.model,this.baseNavigationUrl=e.baseNavigationUrl,this.collectionPagePath=(t=e.collectionPagePath)!==null&&t!==void 0?t:"/details/",this.sortParam=e.sortParam,this.creatorFilter=e.creatorFilter}get firstCreatorMatchingFilter(){var e,t;let i;if(this.creatorFilter&&((e=this.model)===null||e===void 0?void 0:e.creators.length)){const o=this.creatorFilter;i=this.model.creators.find(s=>s.normalize("NFD").replace(/[^A-Z]+/gi,"").toUpperCase().startsWith(o))}return i!=null?i:(t=this.model)===null||t===void 0?void 0:t.creator}get accountLabel(){var e;return!((e=this.model)===null||e===void 0)&&e.dateAdded?k(ut`Archivist since ${this.model.dateAdded.getFullYear()}`):""}get dateLabel(){var e;switch((e=this.sortParam)===null||e===void 0?void 0:e.field){case"publicdate":return k("Archived");case"reviewdate":return k("Reviewed");case"addeddate":return k("Added");case"date":return k("Published");default:return""}}itemPageUrl(e,t=!1){if(!e||this.baseNavigationUrl==null)return b;const i=t?this.collectionPagePath:"/details/";return`${this.baseNavigationUrl}${i}${e}`}webArchivesCaptureLink(e,t){const o=`https://web.archive.org/web/${t.toISOString().replace(/[TZ:-]/g,"").replace(/\..*/,"")}/${encodeURIComponent(e)}`,s=vi(t,"long");return c` ${s} `}}class ce extends D{constructor(){super(...arguments),this.sortParam=null,this.defaultSortParam=null,this.loggedIn=!1,this.displayValueProvider=new Fs}willUpdate(e){var t,i;(e.has("model")||e.has("baseNavigationUrl")||e.has("collectionPagePath")||e.has("sortParam")||e.has("defaultSortParam")||e.has("creatorFilter"))&&(this.displayValueProvider=new Fs({model:this.model,baseNavigationUrl:this.baseNavigationUrl,collectionPagePath:this.collectionPagePath,sortParam:(i=(t=this.sortParam)!==null&&t!==void 0?t:this.defaultSortParam)!==null&&i!==void 0?i:void 0,creatorFilter:this.creatorFilter}))}}r([h({type:Object})],ce.prototype,"model",void 0);r([h({type:Number})],ce.prototype,"currentWidth",void 0);r([h({type:Number})],ce.prototype,"currentHeight",void 0);r([h({type:String})],ce.prototype,"baseNavigationUrl",void 0);r([h({type:String})],ce.prototype,"baseImageUrl",void 0);r([h({type:String})],ce.prototype,"collectionPagePath",void 0);r([h({type:Object})],ce.prototype,"sortParam",void 0);r([h({type:Object})],ce.prototype,"defaultSortParam",void 0);r([h({type:String})],ce.prototype,"creatorFilter",void 0);r([h({type:Number})],ce.prototype,"mobileBreakpoint",void 0);r([h({type:Boolean})],ce.prototype,"loggedIn",void 0);let ha=class extends D{render(){return c``}get iconTemplate(){var e;return this.type?c`${(e=Nr[this.type])!==null&&e!==void 0?e:b}`:b}static get styles(){return v` + :host { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + z-index: 2; + background-color: rgb(255, 254, 203); + display: flex; + justify-content: center; + border: 1px solid #2c2c2c; + } + + .icon-overlay { + height: 20px; + width: 20px; + padding: 2px; + padding: 2px; + } + + :host(.list-detail) .icon-overlay { + height: 20px; + width: 20px; + } + :host(.list-compact) .icon-overlay { + height: 15px; + width: 15px; + } + `}};r([h({type:String})],ha.prototype,"type",void 0);ha=r([L("icon-overlay")],ha);let pa=class extends D{render(){return c` + + `}get iconTemplate(){var e;return this.type?c`${(e=Nr[this.type])!==null&&e!==void 0?e:b}`:b}get textTemplate(){var e;return this.type?c`${(e=gl[this.type])!==null&&e!==void 0?e:b}`:b}static get styles(){return v` + :host { + align-items: center; + display: flex; + } + + .overlay { + border: 1px solid #2c2c2c; + border-radius: 1px; + position: absolute; + right: 0; + left: 0; + top: 50%; + transform: translate(0px, -50%); + width: auto; + height: auto; + padding: 5px; + background-color: #fffecb; + display: flex; + align-items: center; + border-radius: 1px; + } + + .icon-overlay { + width: 40px; + height: 40px; + display: inherit; + } + .text-overlay { + margin: 0; + vertical-align: bottom; + padding-left: 5px; + text-align: center; + color: #2c2c2c; + font-size: 1.4rem; + line-height: 2rem; + } + `}};r([h({type:String})],pa.prototype,"type",void 0);pa=r([L("text-overlay")],pa);let ot=class extends D{constructor(){super(...arguments),this.isCompactTile=!1,this.isListTile=!1,this.loggedIn=!1,this.viewSize="desktop"}render(){var e;return!((e=this.model)===null||e===void 0)&&e.identifier?c` +
+
+
+ ${this.textOverlayTemplate} ${this.iconOverlayTemplate}
+
+ `:b}get baseClass(){var e,t;return{container:!0,list:this.isListTile&&!this.isCompactTile,"list-compact":this.isListTile&&this.isCompactTile,collection:((e=this.model)===null||e===void 0?void 0:e.mediatype)==="collection",[this.viewSize]:!0,"search-image":((t=this.model)===null||t===void 0?void 0:t.mediatype)==="search"}}get iconOverlayTemplate(){if(!this.isListTile)return b;const{overlayType:e}=this;return e?c`
+
+ ${this.infoButtonTemplate}
+
+ `}get getImageBlockTemplate(){return c`
+
+
+
+ ${this.getTileStatsTemplate}
+
+ ${this.getImageBlockTemplate} ${this.getTitleTemplate}
+
+
+
`}get getTileStatsTemplate(){return c`
+ ${(e=this.model)===null||e===void 0?void 0:e.title}
+
+
+ `}get getItemsTemplate(){var e,t;const i=(t=(e=this.model)===null||e===void 0?void 0:e.itemCount)===null||t===void 0?void 0:t.toLocaleString();return c`${i} item${Number(i)!==1?"s":""}`}get getSizeTemplate(){var e,t;const i=(t=(e=this.model)===null||e===void 0?void 0:e.collectionSize)!==null&&t!==void 0?t:0;return i?c`${Al(i,1)}`:""}get infoButtonTemplate(){return this.showInfoButton?c``:b}infoButtonPressed(e){e.preventDefault();const t=new CustomEvent("infoButtonPressed",{detail:{x:e.clientX,y:e.clientY}});this.dispatchEvent(t)}static get styles(){const e=v`var(--tileBorderColor, #555555)`,t=v`var(--tileBackgroundColor, #666666)`,i=v`#fff`;return[no,v`
+ .container {
+ background-color: ${t};
+ border: 1px solid ${e};
+ }
+
+ .item-info {
+ flex-grow: initial;
+ }
+
+ h4.truncated {
+ color: ${i};
+ }
+
+ #item-mediatype svg {
+ filter: invert(100%);
+ height: 2.5rem;
+ align-items: baseline;
+ }
+
+ .container:hover > #title {
+ text-decoration: underline;
+ }
+
+ /* this is a workaround for Safari 15 where the hover effects are not working */
+ image-block:hover > #title {
+ text-decoration: underline;
+ }
+
+ #item-stats {
+ display: flex;
+ padding: 0 5px 5px;
+ align-items: center;
+ }
+
+ #stats-row {
+ display: flex;
+ align-items: baseline;
+ color: ${i};
+ flex-direction: column;
+ margin-left: 10px;
+ }
+ `]}};r([h({type:Boolean})],ua.prototype,"showInfoButton",void 0);ua=r([L("collection-tile")],ua);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function*gt(a,e){if(a!==void 0){let t=0;for(const i of a)yield e(i,t++)}}function Rl(a){return new Date(a.getTime()-a.getTimezoneOffset()*1e3*60)}function Ua(a){return a?Rl(a).toISOString().endsWith("-01-01T00:00:00.000Z"):!1}const Gr=c`
+
+`,Fl=c`
+
+`;let Bt=class extends D{constructor(){super(...arguments),this.title="",this.body="",this.starRating=0,this.viewSize="desktop"}render(){return!this.title&&!this.body&&!this.starRating?b:c`
+ ${Qr}
+
+
+ ${this.getItemsTemplate} ${this.getSizeTemplate}
+
+
+
+ `}get starsTemplate(){if(this.starRating<=0)return b;const e=Math.min(5,this.starRating),t=Math.min(5,5-this.starRating);return c`
+
+ `}get filledStarTemplate(){return c``}get unfilledStarTemplate(){return c`
+
+ `}static get styles(){return[et,v`
+ .review-container {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ width: calc(100% - 10px);
+ border: 1px solid #ccc;
+ margin-top: var(--containerTopMargin, 10px);
+ margin-left: var(--containerLeftMargin, 0px);
+ padding: 5px;
+ box-sizing: border-box;
+ }
+
+ .review-title,
+ .review-body {
+ display: -webkit-box;
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ word-break: break-word;
+ -webkit-line-clamp: var(--maxLines, 3);
+ -webkit-box-orient: vertical;
+ margin: 0;
+ }
+
+ .review-title {
+ font-size: 1.4rem;
+ line-height: 2rem;
+ max-height: 6rem;
+ }
+
+ .review-title > a[href] {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ .review-title > a[href]:hover {
+ text-decoration: underline;
+ }
+
+ .review-body {
+ font-size: 1rem;
+ line-height: 1.4rem;
+ max-height: 4.2rem;
+ }
+
+ .star-rating svg {
+ width: 10px;
+ height: 10px;
+ }
+
+ .unfilled-star {
+ fill: #ccc;
+ }
+
+ .list {
+ margin: 0;
+ padding-left: 5px;
+ }
+ `]}};r([h({type:String})],Bt.prototype,"title",void 0);r([h({type:String})],Bt.prototype,"body",void 0);r([h({type:Number})],Bt.prototype,"starRating",void 0);r([h({type:String})],Bt.prototype,"viewSize",void 0);Bt=r([L("review-block")],Bt);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function*Oi(a,e){const t=typeof e=="function";if(a!==void 0){let i=-1;for(const o of a)i>-1&&(yield t?e(i):e),i++,yield o}}let Ki=class extends D{constructor(){super(...arguments),this.snippets=[],this.viewSize="desktop"}render(){var e;return!((e=this.snippets)===null||e===void 0)&&e.length?c`
+
+ ${this.starsTemplate}
+
+ ${this.title}
+${this.body}
+
+
+ `:c`${b}`}get ellipsisJoinedSnippets(){return c`
+ … ${Oi(this.snippetTemplates,c` … `)} …
+ `}get snippetTemplates(){var e;return(e=this.snippets)===null||e===void 0?void 0:e.map(t=>{const i=t.matchAll(/{{{(.+?)}}}/gs),o=[];let s=0;for(const n of i)n.index!=null&&(o.push(c`
+ ${t.slice(s,n.index)}
+ ${n[1]}
+ `),s=n.index+n[0].length);return o.push(c`${t.slice(s)}`),c`${o}`})}static get styles(){return v`
+ .container {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ width: calc(100% - 10px);
+ border-left: 5px solid #194880;
+ margin-top: var(--containerTopMargin, 10px);
+ margin-left: var(--containerLeftMargin, 0px);
+ border-radius: 3px;
+ box-sizing: border-box;
+ }
+
+ .snippet-view {
+ display: -webkit-box;
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ overflow: hidden;
+ overflow-wrap: break-word;
+ -webkit-line-clamp: var(--maxLines, 3);
+ -webkit-box-orient: vertical;
+ margin-left: 5px;
+ }
+
+ .grid {
+ font-size: 1.2rem;
+ line-height: 1.5rem;
+ }
+
+ .list {
+ margin: 0;
+ padding-left: 15px;
+ font-size: 1.4rem;
+ line-height: 2rem;
+
+ /*
+ * Safari doesn't always respect the line-clamping rules,
+ * so we add this to ensure these fields still get truncated.
+ */
+ max-height: 6rem;
+ }
+
+ mark {
+ /* blue, 20% transparency */
+ background-color: #0000ff33;
+ color: inherit;
+ }
+ `}};r([h({type:Array})],Ki.prototype,"snippets",void 0);r([h({type:String})],Ki.prototype,"viewSize",void 0);Ki=r([L("text-snippet-block")],Ki);const Bl=v`
+ .drop-shadow {
+ overflow: hidden;
+ height: 100%;
+ }
+
+ .list-box {
+ overflow: hidden;
+ box-sizing: border-box;
+ display: inline-block;
+ position: relative;
+ }
+
+ .list-box img {
+ border-radius: 0;
+ }
+
+ .contain {
+ object-fit: contain;
+ object-position: center;
+ height: 100%;
+ width: 100%;
+ }
+
+ .cover {
+ object-fit: cover;
+ }
+
+ .blur {
+ filter: blur(15px);
+ box-shadow: 1px 1px 2px 0;
+ }
+
+ .account-image {
+ object-fit: cover;
+ background-position: 50% 50%;
+ border-radius: 50%;
+ width: 160px;
+ height: 160px;
+ }
+
+ :not(.list-box) > .collection-image {
+ object-fit: cover;
+ border-radius: 8px;
+ width: 100%;
+ height: 160px;
+ }
+
+ .list-box.search-image svg {
+ margin: 10px;
+ }
+`,Ol=v`
+ .waveform {
+ mix-blend-mode: screen;
+ position: relative;
+ height: 62.5%;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+
+ .waveform-grad0 {
+ background: linear-gradient(
+ hsl(300, 80%, 55%),
+ hsl(330, 80%, 33%) 35%,
+ hsl(330, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+
+ .waveform-grad1 {
+ background: linear-gradient(
+ hsl(200, 80%, 55%),
+ hsl(230, 80%, 33%) 35%,
+ hsl(230, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+
+ .waveform-grad2 {
+ background: linear-gradient(
+ hsl(160, 80%, 55%),
+ hsl(190, 80%, 33%) 35%,
+ hsl(190, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+
+ .waveform-grad3 {
+ background: linear-gradient(
+ hsl(250, 80%, 55%),
+ hsl(280, 80%, 33%) 35%,
+ hsl(280, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+
+ .waveform-grad4 {
+ background: linear-gradient(
+ hsl(280, 80%, 55%),
+ hsl(310, 80%, 33%) 35%,
+ hsl(310, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+
+ .waveform-grad5 {
+ background: linear-gradient(
+ hsl(340, 80%, 55%),
+ hsl(0, 80%, 33%) 35%,
+ hsl(0, 80%, 22%) 70%,
+ hsl(0, 0%, 0%)
+ );
+ }
+`,Kr=U`
+
+`;let He=class extends D{constructor(){super(...arguments),this.isListTile=!1,this.isCompactTile=!1,this.loggedIn=!1,this.isWaveform=!1,this.isNotFound=!1}render(){return c`
+
+ ${this.ellipsisJoinedSnippets}
+
+ ${this.imageTemplate}
+ `}get imageTemplate(){var e;return((e=this.model)===null||e===void 0?void 0:e.mediatype)==="search"?c`${Kr}`:c`
+
+ ${e.icon}
+
+ `:c``}static get styles(){return v`
+ #icon {
+ height: var(--iconHeight, 25px);
+ }
+
+ .status-text {
+ font-size: 14px;
+ color: #2c2c2c;
+ margin: auto;
+ display: block;
+ text-align: var(--iconTextAlign, center);
+ }
+
+ #icon.hide-text p {
+ display: none;
+ }
+
+ svg {
+ height: var(--iconHeight, 10px);
+ width: var(--iconWidth, 10px);
+ pointer-events: none;
+ }
+
+ .fill-color {
+ fill: var(--iconFillColor, '#000000');
+ }
+ `}};r([h({type:String})],mi.prototype,"mediatype",void 0);r([h({type:Array})],mi.prototype,"collections",void 0);r([h({type:Boolean})],mi.prototype,"showText",void 0);mi=r([L("mediatype-icon")],mi);const Yl=U`
+
+`,Xl=U`
+
+`,Zl=U`
+
+`;function Jl(a,e){let t=1;return a>=1e9?t=1e9:a>=1e6?t=1e6:a>=1e3&&e==="short"&&(t=1e3),t}function ed(a=0,e){const t=a/e,i=t<10;let o=0;return i?o=Math.round((t+Number.EPSILON)*10)/10:o=Math.round(t),o}function td(a,e,t,i){switch(e){case 1e9:return k(t==="short"?ut`${a}B`:ut`${a} billion`);case 1e6:return k(t==="short"?ut`${a}M`:ut`${a} million`);case 1e3:return k(t==="short"?ut`${a}K`:ut`${a} thousand`);default:return new Intl.NumberFormat(i).format(a)}}function ci(a,e="long",t="short",i="en-US"){const o=a!=null?a:-1;if(o<0)return"";const s=Jl(o,e),n=ed(o,s);return td(n,s,t,i)}let at=class extends D{render(){var e,t,i,o,s;const n=ci(this.favCount,"short","short"),l=ci(this.commentCount,"short","short"),d=this.mediatype==="account"?`${(e=this.itemCount)!==null&&e!==void 0?e:0} uploads`:`${(t=this.viewCount)!==null&&t!==void 0?t:0} ${(i=this.viewLabel)!==null&&i!==void 0?i:"all-time views"}`;return c`
+ ${e.text}
+
+
+ `}static get styles(){return[et,v`
+ mediatype-icon {
+ --iconHeight: 25px;
+ --iconWidth: 25px;
+ }
+
+ ul {
+ all: unset; // unset all property values
+ list-style-type: none; // remove default list-style
+ }
+
+ li {
+ list-style-type: none; // remove default list-style
+ }
+
+ svg {
+ height: 13px;
+ width: 13px;
+ display: block;
+ margin: auto;
+ pointer-events: none;
+ }
+
+ /* Make the reviews icon slightly smaller/lower, for even visual weight */
+ .reviews svg {
+ height: 11px;
+ width: 11px;
+ margin-top: 2px;
+ }
+
+ .item-stats {
+ height: 30px;
+ padding-left: 5px;
+ padding-right: 5px;
+ font-family: 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif;
+ text-align: center;
+ }
+
+ #stats-row {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ width: 100%;
+ padding-bottom: 5px;
+ }
+
+ .col {
+ min-width: 15px;
+ max-width: 25%;
+ height: 25px;
+ }
+
+ .status-text {
+ font-size: 14px;
+ height: 15px;
+ color: #2c2c2c;
+ line-height: 17px;
+ margin: auto;
+ display: block;
+ text-align: center;
+ }
+ `]}};r([h({type:String})],at.prototype,"mediatype",void 0);r([h({type:Number})],at.prototype,"itemCount",void 0);r([h({type:Number})],at.prototype,"viewCount",void 0);r([h({type:String})],at.prototype,"viewLabel",void 0);r([h({type:Number})],at.prototype,"favCount",void 0);r([h({type:Number})],at.prototype,"commentCount",void 0);at=r([L("tile-stats")],at);let fa=class extends ce{constructor(){super(...arguments),this.showInfoButton=!1}render(){var e,t,i,o,s,n,l;const d=(e=this.model)===null||e===void 0?void 0:e.title,p=(t=this.sortParam)!==null&&t!==void 0?t:this.defaultSortParam,[f,m]=(p==null?void 0:p.field)==="week"?[(i=this.model)===null||i===void 0?void 0:i.weeklyViewCount,"weekly views"]:[(o=this.model)===null||o===void 0?void 0:o.viewCount,"all-time views"];return c`
+ + ${this.mediatype==="account"?"Account Stats":"Item Stats"} +
+-
+
-
+
${k("Mediatype:")}
++
+ -
+ ${this.mediatype==="account"?Xl:Zl}
+
+ + ${this.mediatype==="account"?k("Uploads:"):k("Views:")} + + ${ci(this.mediatype==="account"?(o=this.itemCount)!==null&&o!==void 0?o:0:(s=this.viewCount)!==null&&s!==void 0?s:0,"short","short")} +
+
+ -
+ ${Gr}
+
+ ${k("Favorites:")} + ${n} +
+
+ -
+ ${Yl}
+
+ ${k("Reviews:")} + ${l} +
+
+
+ ${this.infoButtonTemplate}
+
+ `}get creatorTemplate(){const e=this.displayValueProvider.firstCreatorMatchingFilter;return e?c`
+
+
+
+
+
+ ${this.imageBlockTemplate}
+
+
+
+
+
+
+ ${this.volumeIssueTemplate}
+ ${this.isSortedByDate?this.sortedDateInfoTemplate:this.creatorTemplate}
+ ${this.webArchivesCaptureDatesTemplate} ${this.textSnippetsTemplate}
+ ${this.reviewBlockTemplate}
+ + ${d} +
+
+
+ by ${e}
+
+
+ `:b}get imageBlockTemplate(){return c`
+
+
+ ${n==null?void 0:n.field} ${vi(n==null?void 0:n.value,l)}
+
+
+ `:b}get infoButtonTemplate(){return this.showInfoButton?c``:b}get reviewBlockTemplate(){var e;if(!(!((e=this.model)===null||e===void 0)&&e.review))return b;const{title:t,body:i,stars:o}=this.model.review;return c`
+
+
+ Volume ${(i=this.model)===null||i===void 0?void 0:i.volume}, Issue ${(o=this.model)===null||o===void 0?void 0:o.issue}
+
+
+ `}get webArchivesCaptureDatesTemplate(){var e;return!(!((e=this.model)===null||e===void 0)&&e.captureDates)||!this.model.title?b:c`
+ -
+ ${gt(this.model.captureDates,t=>c`
- + ${this.displayValueProvider.webArchivesCaptureLink(this.model.title,t)} + `)} +
+ ${this.infoButtonTemplate}
+
+ `}get getAvatarTemplate(){return c`
+
+
+
+ ${this.getAvatarTemplate} ${this.getTitleTemplate}
+ ${this.getArchivistTemplate}
+
+ ${this.getTileStatsTemplate}
+
+
`}get getArchivistTemplate(){return c`${(e=this.model)===null||e===void 0?void 0:e.identifier}
+
+ ${this.displayValueProvider.accountLabel}
+
`}get getTileStatsTemplate(){var e,t,i,o;return c`
+
+ `}get getImageBlockTemplate(){return c`
+
+
+
+ ${this.getImageBlockTemplate} ${this.getTitleTemplate}
+
+
+
`}static get styles(){const e=v`var(--tileBorderColor, #555555)`,t=v`var(--tileBackgroundColor, #666666)`,i=v`#fff`;return[no,v`
+ .container {
+ background-color: ${t};
+ border: 1px solid ${e};
+ }
+
+ .item-info {
+ flex-grow: initial;
+ }
+
+ h4.truncated {
+ color: ${i};
+ -webkit-line-clamp: 4;
+ }
+
+ .container:hover > #title {
+ text-decoration: underline;
+ }
+
+ /* this is a workaround for Safari 15 where the hover effects are not working */
+ image-block:hover > #title {
+ text-decoration: underline;
+ }
+ `]}};r([h({type:Boolean})],ma.prototype,"showInfoButton",void 0);ma=r([L("search-tile")],ma);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class ga extends ki{constructor(e){if(super(e),this.it=b,e.type!==Ie.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===b||e==null)return this.ft=void 0,this.it=e;if(e===Ce)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this.ft;this.it=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}ga.directiveName="unsafeHTML",ga.resultType=1;const id=Ci(ga);/*! @license DOMPurify 3.1.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.7/LICENSE */const{entries:Xr,setPrototypeOf:Os,isFrozen:od,getPrototypeOf:ad,getOwnPropertyDescriptor:sd}=Object;let{freeze:_e,seal:Me,create:Zr}=Object,{apply:ba,construct:ya}=typeof Reflect!="undefined"&&Reflect;_e||(_e=function(e){return e});Me||(Me=function(e){return e});ba||(ba=function(e,t,i){return e.apply(t,i)});ya||(ya=function(e,t){return new e(...t)});const Ri=Te(Array.prototype.forEach),Is=Te(Array.prototype.pop),ii=Te(Array.prototype.push),Ii=Te(String.prototype.toLowerCase),Ao=Te(String.prototype.toString),Us=Te(String.prototype.match),oi=Te(String.prototype.replace),rd=Te(String.prototype.indexOf),nd=Te(String.prototype.trim),Pe=Te(Object.prototype.hasOwnProperty),ye=Te(RegExp.prototype.test),ai=ld(TypeError);function Te(a){return function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),o=1;o${(e=this.model)===null||e===void 0?void 0:e.title}
+
+ ${this.classSize==="mobile"?this.mobileTemplate:this.desktopTemplate}
+
+ `}get mobileTemplate(){return c`
+
+
+ ${this.imageBlockTemplate}
+
+
+
+
+ ${this.titleTemplate}
+ ${this.iconRightTemplate}
+ ${this.detailsTemplate}
+ `}get desktopTemplate(){return c`
+ ${this.imageBlockTemplate}
+
+
+ `}get imageBlockTemplate(){if(!this.model)return b;const e=this.model.mediatype==="collection",t=this.displayValueProvider.itemPageUrl(this.model.identifier,e);return c`
+
+
+ ${this.detailsTemplate}
+ ${this.titleTemplate}
+ ${this.iconRightTemplate}
+
+ ${this.datePublishedTemplate} ${this.dateSortByTemplate}
+ ${this.webArchivesCaptureDatesTemplate}
+
+
+ ${this.viewsTemplate} ${this.ratingTemplate} ${this.reviewsTemplate}
+
+ ${this.topicsTemplate} ${this.collectionsTemplate}
+ ${this.descriptionTemplate} ${this.textSnippetsTemplate}
+ ${this.reviewBlockTemplate}
+ `}get iconRightTemplate(){var e,t;return c`
+
+ ${e} ${t} ${i}
`}get sourceTemplate(){var e;return!((e=this.model)===null||e===void 0)&&e.source?c`
+
+ `:b}get volumeTemplate(){var e;return this.metadataTemplate((e=this.model)===null||e===void 0?void 0:e.volume,k("Volume"))}get issueTemplate(){var e;return this.metadataTemplate((e=this.model)===null||e===void 0?void 0:e.issue,k("Issue"))}get creatorTemplate(){var e,t,i;return((e=this.model)===null||e===void 0?void 0:e.mediatype)==="account"?c`
+
+ `:!(!((i=this.model)===null||i===void 0)&&i.creators)||this.model.creators.length===0?b:c`
+
+ `}get datePublishedTemplate(){var e;const t=(e=this.model)===null||e===void 0?void 0:e.datePublished;let i="long";return Ua(t)&&(i="year-only"),this.metadataTemplate(vi(t,i),k("Published"))}get dateSortByTemplate(){return this.effectiveSort&&(this.effectiveSort.field==="addeddate"||this.effectiveSort.field==="reviewdate"||this.effectiveSort.field==="publicdate")?this.metadataTemplate(vi(this.date,"long"),this.displayValueProvider.dateLabel):b}get viewsTemplate(){var e,t,i,o;const s=((e=this.effectiveSort)===null||e===void 0?void 0:e.field)==="week"?(t=this.model)===null||t===void 0?void 0:t.weeklyViewCount:(i=this.model)===null||i===void 0?void 0:i.viewCount;return s==null?b:((o=this.model)===null||o===void 0?void 0:o.mediatype)==="search"?this.metadataTemplate("(Favorited search query)",""):this.metadataTemplate(`${ci(s,this.formatSize)}`,k("Views"))}get ratingTemplate(){var e;return this.metadataTemplate((e=this.model)===null||e===void 0?void 0:e.averageRating,k("Avg Rating"))}get reviewsTemplate(){var e;return this.metadataTemplate((e=this.model)===null||e===void 0?void 0:e.commentCount,k("Reviews"))}get topicsTemplate(){var e;return!(!((e=this.model)===null||e===void 0)&&e.subjects)||this.model.subjects.length===0?b:c`
+
+ `}get collectionsTemplate(){return!this.collectionLinks||this.collectionLinks.length===0?b:c`
+
+ `}get descriptionTemplate(){var e,t,i;return this.metadataTemplate(id(Ui.sanitize((i=(t=(e=this.model)===null||e===void 0?void 0:e.description)===null||t===void 0?void 0:t.replace(/\n/g," "))!==null&&i!==void 0?i:"")),"","description")}get reviewBlockTemplate(){var e;if(!(!((e=this.model)===null||e===void 0)&&e.review))return b;const{title:t,body:i,stars:o}=this.model.review;return c`
+ -
+ ${gt(this.model.captureDates,t=>c`
- + ${this.displayValueProvider.webArchivesCaptureLink(this.model.title,t)} + `)} +
+ ${this.headerTemplate}
+
+ `}get headerTemplate(){var e,t,i,o;if(((e=this.model)===null||e===void 0?void 0:e.collections.length)===0)return b;let s="",n="";for(const l of((t=this.model)===null||t===void 0?void 0:t.collections)||[])if(!ro[l]&&!l.startsWith("fav-")){s=(o=(i=this.collectionTitles)===null||i===void 0?void 0:i.get(l))!==null&&o!==void 0?o:l,n=l;break}return n?c`
+
+
+
+
+ 
${s}
+
+
+ `:b}static get styles(){const e=v`var(--hoverPaneHeaderBGColor, #edf0ff)`,t=v`var(--ia-theme-link-color, #4b64ff)`,i=v`var(--ia-theme-base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);`;return v`
+ :host {
+ visibility: hidden;
+ opacity: 0;
+ transform: translateY(8px);
+ transition: opacity 0.1s ease-in, transform 0.1s ease-in;
+ --image-width: auto;
+ }
+
+ :host(.visible) {
+ visibility: visible;
+ }
+
+ :host(.fade-in) {
+ opacity: 1;
+ transform: translateY(0);
+ }
+
+ @media (prefers-reduced-motion: reduce) {
+ :host {
+ transition-duration: 0.001s !important; /* Imperceptibly fast */
+ }
+ }
+
+ #container {
+ width: max-content;
+ max-width: min(45vw, 600px);
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.8);
+ background: white;
+ }
+
+ @media screen and (max-width: 600px) {
+ #container {
+ max-width: 80vw;
+ }
+ }
+
+ /* main tile-list container */
+ #hover-tile-list {
+ padding: 10px;
+ }
+
+ /* header on hover panel to show collection icon and title */
+ #list-line-header {
+ background: ${e};
+ }
+ #list-line-header a {
+ display: flex;
+ align-items: center;
+ column-gap: 5px;
+ height: 3.4rem;
+ padding: 0 10px;
+ width: fit-content;
+ font-size: 1.4rem;
+ color: ${t};
+ font-family: ${i};
+ text-decoration: none;
+ width: auto;
+ }
+ #list-line-header a span {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ #list-line-header a:hover {
+ text-decoration: underline;
+ }
+ #list-line-header a img {
+ width: 30px;
+ max-height: 30px;
+ }
+ `}};r([h({type:Object})],Ve.prototype,"model",void 0);r([h({type:String})],Ve.prototype,"baseNavigationUrl",void 0);r([h({type:String})],Ve.prototype,"baseImageUrl",void 0);r([h({type:Boolean})],Ve.prototype,"loggedIn",void 0);r([h({type:Object})],Ve.prototype,"sortParam",void 0);r([h({type:Number})],Ve.prototype,"mobileBreakpoint",void 0);r([h({type:Number})],Ve.prototype,"currentWidth",void 0);r([h({type:Object})],Ve.prototype,"collectionTitles",void 0);Ve=r([L("tile-hover-pane")],Ve);let qs=class extends ce{render(){var e,t,i,o,s,n;return c`
+ ${s}
+
+
+
+
+ ${Ui.sanitize((t=(e=this.model)===null||e===void 0?void 0:e.title)!==null&&t!==void 0?t:"")}
+
+ `}get href(){var e;return!(!((e=this.model)===null||e===void 0)&&e.identifier)||this.baseNavigationUrl==null?b:this.model.href?`${this.baseNavigationUrl}${this.model.href}`:this.displayValueProvider.itemPageUrl(this.model.identifier,this.model.mediatype==="collection")}get creator(){var e;return(e=this.displayValueProvider.firstCreatorMatchingFilter)!==null&&e!==void 0?e:b}get date(){var e,t,i,o,s;switch((e=this.effectiveSort)===null||e===void 0?void 0:e.field){case"publicdate":return(t=this.model)===null||t===void 0?void 0:t.dateArchived;case"reviewdate":return(i=this.model)===null||i===void 0?void 0:i.dateReviewed;case"addeddate":return(o=this.model)===null||o===void 0?void 0:o.dateAdded;default:return(s=this.model)===null||s===void 0?void 0:s.datePublished}}get views(){var e,t,i;return((e=this.effectiveSort)===null||e===void 0?void 0:e.field)==="week"?(t=this.model)===null||t===void 0?void 0:t.weeklyViewCount:(i=this.model)===null||i===void 0?void 0:i.viewCount}get effectiveSort(){var e;return(e=this.sortParam)!==null&&e!==void 0?e:this.defaultSortParam}get classSize(){return this.mobileBreakpoint&&this.currentWidth&&this.currentWidth
+ ${((i=this.model)===null||i===void 0?void 0:i.mediatype)==="account"?this.displayValueProvider.accountLabel:this.creator}
+
+ ${vi(this.date,this.dateFormatSize)}
+
+
+
+
+ ${ci((n=this.views)!==null&&n!==void 0?n:0,this.formatSize)}
+ ${k("Title")}
+ ${k("Creator")}
+
+ ${this.displayValueProvider.dateLabel||k("Published")}
+
+ ${k("Type")}
+ ${k("Views")}
+
+ `}get classSize(){return this.mobileBreakpoint&&this.currentWidth&&this.currentWidthe.stopPropagation()}
+ @mousemove=${e=>e.stopPropagation()}
+ @mouseleave=${e=>e.stopPropagation()}
+ >
`:b}get showTouchBackdrop(){return this.isTouchEnabled&&this.enableLongPress||this.forceTouchBackdrop}get isMobileView(){return!!this.mobileBreakpoint&&window.innerWidth
+ ${this.tileDisplayMode==="list-header"?this.headerTemplate:this.tileTemplate}
+ ${this.manageCheckTemplate} ${o}
+
+ `}firstUpdated(){this.shouldPrepareHoverPane&&(this.hoverPaneController=new xd(this,{mobileBreakpoint:this.mobileBreakpoint,enableLongPress:!1}))}get headerTemplate(){const{currentWidth:e,sortParam:t,defaultSortParam:i,mobileBreakpoint:o}=this;return c`
+
+
+
+ `}get shouldPrepareHoverPane(){var e,t;return this.enableHoverPane&&!!this.tileDisplayMode&&wa.HOVER_PANE_DISPLAY_MODES[this.tileDisplayMode]&&((e=this.model)===null||e===void 0?void 0:e.mediatype)!=="search"&&!(!((t=this.model)===null||t===void 0)&&t.captureDates)}get isHoverEnabled(){return window.matchMedia("(hover: hover)").matches}getHoverPane(){return this.hoverPane}getHoverPaneProps(){return this}handleResize(e){this.currentWidth=e.contentRect.width,this.currentHeight=e.contentRect.height}disconnectedCallback(){this.stopResizeObservation(this.resizeObserver)}stopResizeObservation(e){e==null||e.removeObserver({handler:this,target:this.container})}startResizeObservation(){var e;this.stopResizeObservation(this.resizeObserver),(e=this.resizeObserver)===null||e===void 0||e.addObserver({handler:this,target:this.container})}updated(e){if(e.has("resizeObserver")){const t=e.get("resizeObserver");this.stopResizeObservation(t),this.startResizeObservation()}}handleLinkClicked(e){this.isManageView&&(e.preventDefault(),this.model&&(this.model.checked=!this.model.checked)),this.dispatchEvent(new CustomEvent("resultSelected",{detail:this.model}))}handleLinkContextMenu(e){this.isManageView&&this.linkTileHref!==b&&(e.preventDefault(),window.open(this.linkTileHref,"_blank"))}tileInfoButtonPressed(e){var t;(t=this.hoverPaneController)===null||t===void 0||t.toggleHoverPane({coords:e.detail,enableTouchBackdrop:!0})}get tile(){const{model:e,collectionPagePath:t,baseNavigationUrl:i,currentWidth:o,currentHeight:s,sortParam:n,creatorFilter:l,mobileBreakpoint:d,defaultSortParam:p}=this;if(!e)return b;switch(this.tileDisplayMode){case"grid":switch(e.mediatype){case"collection":return c`
+
+
+
+ `}static get styles(){const e=Ke`var(--dropdownBorderWidth, 1px)`,t=Ke`var(--dropdownBorderRadius, 4px)`,i=Ke`var(--dropdownBorderColor, #fff)`,o=Ke`var(--dropdownBgColor, #333)`,s=Ke`var(--dropdownTextColor, #fff)`,n=Ke`var(--dropdownHoverBgColor, rgba(255, 255, 255, 0.3))`,l=Ke`var(--dropdownSelectedBgColor, #fff)`;return Ke`
+ :host {
+ display: inline;
+ color: ${s};
+ }
+
+ svg.caret-up-svg,
+ svg.caret-down-svg,
+ ::slotted(svg.caret-up-svg),
+ ::slotted(svg.caret-down-svg) {
+ fill: var(--dropdownCaretColor, #fff);
+ vertical-align: middle;
+ }
+
+ button.click-main {
+ background: transparent;
+ color: inherit;
+ padding: var(--dropdownMainButtonPadding, 0px);
+ border: var(--dropdownMainButtonBorder, none);
+ border-radius: var(--dropdownMainButtonBorderRadius, none);
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: var(--dropdownMainButtonFlexDirection, row);
+ z-index: var(--dropdownListZIndex, 2);
+ }
+
+ button.click-main:disabled {
+ pointer-events: none;
+ cursor: not-allowed;
+ opacity: 0.5;
+ /* Disable text selection on disabled button */
+ -webkit-user-select: none; /* Safari */
+ -ms-user-select: none; /* IE 10 and IE 11 */
+ user-select: none; /* Standard syntax */
+ }
+
+ button.click-main:hover {
+ background-color: var(--dropdownMainButtonHoverBgColor, inherit);
+ }
+
+ button.click-main:focus,
+ button.click-main:focus-visible {
+ background-color: var(--dropdownMainButtonFocusBgColor, inherit);
+ }
+
+ button.click-main:active {
+ background-color: var(--dropdownMainButtonActiveBgColor, inherit);
+ }
+
+ button slot[name='dropdown-label'] {
+ /* Set var to 0px for column layout */
+ padding-right: var(--buttonSlotPaddingRight, 5px);
+ display: inline-block;
+ }
+
+ .ia-dropdown-group {
+ width: inherit;
+ height: inherit;
+ position: relative;
+ }
+
+ .sr-only {
+ border: 0 !important;
+ clip: rect(1px, 1px, 1px, 1px) !important;
+ -webkit-clip-path: inset(50%) !important;
+ clip-path: inset(50%) !important;
+ height: 1px !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ padding: 0 !important;
+ position: absolute !important;
+ width: 1px !important;
+ white-space: nowrap !important;
+ }
+
+ .caret {
+ /* Maintain centered caret position but with a full-height clickable region */
+ display: flex;
+ align-self: stretch;
+ align-items: center;
+ padding: var(--caretPadding, 0px);
+ }
+
+ .caret svg {
+ height: var(--caretHeight, 10px);
+ width: var(--caretWidth, 20px);
+ }
+
+ #dropdown-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100vh;
+ background-color: transparent;
+ z-index: 1;
+ }
+
+ ul {
+ z-index: var(--dropdownListZIndex, 2);
+ }
+
+ ul.dropdown-main.closed {
+ visibility: hidden;
+ height: 1px;
+ width: 1px;
+ }
+
+ ul.dropdown-main {
+ position: var(--dropdownListPosition, absolute);
+ list-style: none;
+ margin: var(--dropdownOffsetTop, 5px) 0 0 0;
+ padding: 0;
+ color: ${s};
+ background: ${o};
+
+ font-size: var(--dropdownFontSize, inherit);
+
+ border-top: var(--dropdownBorderTopWidth, ${e});
+ border-right: var(--dropdownBorderRightWidth, ${e});
+ border-bottom: var(--dropdownBorderBottomWidth, ${e});
+ border-left: var(--dropdownBorderLeftWidth, ${e});
+ /* Must be after border-width settings for specificity */
+ border-style: solid;
+ border-color: ${i};
+
+ border-radius: var(
+ --dropdownBorderTopLeftRadius,
+ ${t}
+ )
+ var(--dropdownBorderTopRightRadius, ${t})
+ var(--dropdownBorderBottomRightRadius, ${t})
+ var(--dropdownBorderBottomLeftRadius, ${t});
+
+ white-space: var(--dropdownWhiteSpace, normal);
+
+ /* Prevent top/bottom inner li from overlapping inner border */
+ overflow: hidden;
+ }
+
+ ul.dropdown-main li:hover {
+ background-color: ${n};
+ color: var(--dropdownHoverTextColor, #fff);
+ list-style: none;
+ cursor: pointer;
+ }
+
+ ul.dropdown-main li:hover:first-child {
+ border-top-color: ${n};
+ }
+
+ ul.dropdown-main li:hover:last-child {
+ border-bottom-color: ${n};
+ }
+
+ ul.dropdown-main li:hover:not(:first-child) {
+ border-top: 0.5px solid var(--dropdownHoverTopBottomBorderColor, #333);
+ }
+ ul.dropdown-main li:hover:not(:last-child) {
+ border-bottom: 0.5px solid
+ var(--dropdownHoverTopBottomBorderColor, #333);
+ }
+
+ ul.dropdown-main li.selected:last-child {
+ border-bottom-color: ${l};
+ }
+
+ ul.dropdown-main li.selected:first-child {
+ border-top-color: ${l};
+ }
+
+ ul.dropdown-main li:hover > *,
+ ul.dropdown-main li:focus-within > * {
+ background-color: ${n};
+ color: var(--dropdownHoverTextColor, #fff);
+ }
+
+ ul.dropdown-main li.selected > * {
+ background-color: ${l};
+ color: var(--dropdownSelectedTextColor, #2c2c2c);
+ }
+
+ ul.dropdown-main li {
+ background: ${o};
+ list-style: none;
+ height: 30px;
+ cursor: pointer;
+ border-bottom: 0.5px solid ${o};
+ border-top: 0.5px solid ${o};
+ }
+
+ ul.dropdown-main li button {
+ background: none;
+ color: inherit;
+ border: none;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ }
+
+ ul.dropdown-main li a {
+ text-decoration: none;
+ display: block;
+ box-sizing: border-box;
+ }
+
+ ul.dropdown-main li:first-child {
+ border-top-left-radius: var(--dropdownBorderTopLeftRadius, 4px);
+ border-top-right-radius: var(--dropdownBorderTopRightRadius, 4px);
+ }
+
+ ul.dropdown-main li:last-child {
+ border-bottom-right-radius: var(--dropdownBorderBottomRightRadius, 4px);
+ border-bottom-left-radius: var(--dropdownBorderBottomLeftRadius, 4px);
+ }
+
+ /* cover the list with the label */
+ ul.dropdown-main li > * > :first-child {
+ margin: 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ align-content: center;
+ flex-wrap: nowrap;
+ height: 100%;
+ padding: var(--dropdownItemPaddingTop, 5px)
+ var(--dropdownItemPaddingRight, 10px)
+ var(--dropdownItemPaddingBottom, 5px)
+ var(--dropdownItemPaddingLeft, 10px);
+ box-sizing: border-box;
+ }
+
+ ul.dropdown-main li > * {
+ width: 100%;
+ height: inherit;
+ color: ${s};
+ background: transparent;
+ padding: 0;
+ }
+ `}};r([xe({type:Boolean,reflect:!0})],ve.prototype,"open",void 0);r([xe({type:Boolean,reflect:!0})],ve.prototype,"isDisabled",void 0);r([xe({type:Boolean})],ve.prototype,"displayCaret",void 0);r([xe({type:Boolean})],ve.prototype,"closeOnSelect",void 0);r([xe({type:Boolean})],ve.prototype,"openViaButton",void 0);r([xe({type:Boolean})],ve.prototype,"openViaCaret",void 0);r([xe({type:Boolean})],ve.prototype,"includeSelectedOption",void 0);r([xe({type:String})],ve.prototype,"selectedOption",void 0);r([xe({attribute:!1})],ve.prototype,"options",void 0);r([xe({type:String})],ve.prototype,"optionGroup",void 0);r([xe({attribute:!1})],ve.prototype,"optionSelected",void 0);r([xe({type:Boolean,reflect:!0})],ve.prototype,"isCustomList",void 0);r([xe({type:Boolean,reflect:!0})],ve.prototype,"hasCustomClickHandler",void 0);r([xe({type:Boolean,reflect:!0})],ve.prototype,"closeOnEscape",void 0);r([xe({type:Boolean,reflect:!0})],ve.prototype,"closeOnBackdropClick",void 0);ve=r([un("ia-dropdown")],ve);let Ca=class extends At{render(){return Ee`
+ -
+ ${this.dropdownTemplate}
+
+
+ `}};Ca.styles=Ke`
+ :host {
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ }
+
+ :host(.invert-icon-at-hover:hover) slot[name='icon'] {
+ filter: invert(1);
+ }
+
+ :host(.selected) {
+ background-color: var(--selectedBgColor, #fff);
+ color: var(--selectedTextColor, #2c2c2c);
+ }
+
+ :host(.invert-icon-at-selected.selected) slot[name='icon'] {
+ filter: invert(1);
+ }
+
+ div.icon-label-container {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ justify-content: flex-start;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: var(--iconLabelFlexDirection, row);
+ height: 100%;
+ }
+
+ slot[name='icon'] {
+ width: var(--iconWidth, 20px);
+ margin-right: var(--iconLabelGutterWidth, 10px);
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ align-content: center;
+ flex-wrap: nowrap;
+ white-space: nowrap;
+ height: 100%;
+ }
+
+ /* https://css-tricks.com/flexbox-truncated-text/ */
+ ::slotted(div.truncate) {
+ display: flex;
+ width: var(--labelWidth, 100%);
+ text-align: left;
+ word-wrap: break-word; /* Important for long words! */
+ overflow: hidden;
+ text-overflow: ellipsis;
+ min-width: 0;
+ }
+
+ @supports not (-webkit-line-clamp: 2) {
+ ::slotted(div.truncate) {
+ min-width: 0;
+ }
+ }
+ @supports (-webkit-line-clamp: 2) {
+ ::slotted(div.truncate) {
+ min-width: 0;
+ display: -webkit-box;
+ overflow-wrap: break-word;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ /* Fixed line-height needed to fit unicode and emojis
+ https://stackoverflow.com/a/67807146
+ */
+ line-height: 1.2em;
+ /* max-height needed for Safari browser */
+ max-height: var(--labelTruncateHeight, 30px);
+ max-width: var(--labelWidth, 100%);
+ }
+ }
+ `;Ca=r([un("ia-icon-label")],Ca);let ka=class extends D{constructor(){super(...arguments),this.numResults=0}render(){return c`
+
+
+
+ `}static get styles(){const e=v`var(--tooltipArrowSize, 5px)`,t=v`var(--tooltipArrowOffset, 0px)`;return v`
+ #tooltip-container {
+ width: max-content;
+ max-width: 200px;
+ pointer-events: none;
+ }
+
+ #arrow {
+ position: relative;
+ left: calc(50% + ${t});
+ top: 0;
+ width: 0;
+ height: 0;
+ margin-top: calc(-1 * ${e});
+ margin-left: calc(-1 * ${e});
+ border: ${e} solid transparent;
+ border-bottom-color: black;
+ }
+
+ #tooltip-text {
+ padding: 3px 8px;
+ border-radius: 4px;
+ background-color: #000;
+ color: white;
+ font-size: 1.2rem;
+ text-align: center;
+ text-decoration: none;
+ }
+ `}};r([h({type:Number})],ka.prototype,"numResults",void 0);ka=r([L("alpha-bar-tooltip")],ka);let Je=class extends D{constructor(){super(...arguments),this.selectedLetter=null,this.tooltipShown=!1,this.alphabet="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")}get selectedUppercaseLetter(){var e;return(e=this.selectedLetter)===null||e===void 0?void 0:e.toUpperCase()}render(){var e;return c`
+
+ ${this.numResults} ${this.numResults===1?"result":"results"}
+
+ -
+ ${this.alphabet.map(t=>c`
+
- + ${this.letterButtonTemplate(t)} + ${this.tooltipTemplate(t)} + + `)} +
+
+
+
+ ${this.dropdownBackdropVisible?this.dropdownBackdrop:b}
+ ${this.alphaBarTemplate}
+
+ `}willUpdate(e){if(e.has("selectedSort")||e.has("defaultSortField")){if(this.selectedSort&&this.selectedSort!==S.default&&this.sortDirection===null){const t=we[this.finalizedSortField];this.sortDirection=t.defaultSortDirection}this.viewOptionSelected?this.lastSelectedViewSort=this.finalizedSortField:this.dateOptionSelected&&(this.lastSelectedDateSort=this.finalizedSortField)}e.has("showDateFavorited")&&e.get("showDateFavorited")!==this.showDateFavorited&&(this.lastSelectedDateSort=this.defaultDateSortField)}updated(e){if(e.has("displayMode")&&this.displayModeChanged(),e.has("selectedTitleFilter")&&this.selectedTitleFilter&&(this.alphaSelectorVisible="title"),e.has("selectedCreatorFilter")&&this.selectedCreatorFilter&&(this.alphaSelectorVisible="creator"),e.has("dropdownBackdropVisible")&&this.setupEscapeListeners(),e.has("resizeObserver")||e.has("enableSortOptionsSlot")){const t=e.get("resizeObserver");t&&this.disconnectResizeObserver(t),this.setupResizeObserver()}}setupEscapeListeners(){this.dropdownBackdropVisible?document.addEventListener("keydown",this.boundSortBarSelectorEscapeListener):document.removeEventListener("keydown",this.boundSortBarSelectorEscapeListener)}connectedCallback(){var e;(e=super.connectedCallback)===null||e===void 0||e.call(this),this.setupResizeObserver()}disconnectedCallback(){this.resizeObserver&&this.disconnectResizeObserver(this.resizeObserver)}disconnectResizeObserver(e){this.sortSelectorContainer&&e.removeObserver({target:this.sortSelectorContainer,handler:this}),this.desktopSortContainer&&e.removeObserver({target:this.desktopSortContainer,handler:this})}setupResizeObserver(){!this.resizeObserver||(this.sortSelectorContainer&&this.resizeObserver.addObserver({target:this.sortSelectorContainer,handler:this}),this.desktopSortContainer&&this.resizeObserver.addObserver({target:this.desktopSortContainer,handler:this}))}handleResize(e){e.target===this.desktopSortContainer?this.desktopSortContainerWidth=e.contentRect.width:e.target===this.sortSelectorContainer&&(this.selectorBarContainerWidth=e.contentRect.width)}get mobileSelectorVisible(){return this.selectorBarContainerWidth-10
+ ${this.enableSortOptionsSlot?c`
+
+ ${this.sortDirectionSelectorTemplate}
+
+ ${k("Sort by:")}
+
+ ${this.mobileSortSelectorTemplate}
+ ${this.desktopSortSelectorTemplate}
+
+ `}
+
+ ${this.displayOptionTemplate}
+
`}
+
+
+ `}get mobileSortSelectorTemplate(){const e=Object.values(we).filter(t=>t.shownInSortBar).filter(t=>this.showRelevance||t.field!==S.relevance).filter(t=>this.showDateFavorited||t.field!==S.datefavorited);return c`
+ -
+ ${this.showRelevance?c`
- + ${this.getSortDisplayOption(S.relevance,{onClick:()=>{this.dropdownBackdropVisible=!1,this.finalizedSortField!==S.relevance&&(this.clearAlphaBarFilters(),this.setSelectedSort(S.relevance))}})} + `:b} +
- ${this.viewsDropdownTemplate} +
- + ${this.getSortDisplayOption(S.title,{onClick:()=>{this.dropdownBackdropVisible=!1,this.finalizedSortField!==S.title&&(this.alphaSelectorVisible="title",this.selectedCreatorFilter=null,this.setSelectedSort(S.title),this.emitCreatorLetterChangedEvent())}})} + +
- ${this.dateDropdownTemplate} +
- + ${this.getSortDisplayOption(S.creator,{onClick:()=>{this.dropdownBackdropVisible=!1,this.finalizedSortField!==S.creator&&(this.alphaSelectorVisible="creator",this.selectedTitleFilter=null,this.setSelectedSort(S.creator),this.emitTitleLetterChangedEvent())}})} + +
+ ${this.getSortDropdown({displayName:c`${we[this.finalizedSortField].displayName}`,id:"mobile-dropdown",selected:!0,dropdownOptions:e.map(t=>this.getDropdownOption(t.field)),selectedOption:this.finalizedSortField,onOptionSelected:this.mobileSortChanged,onDropdownClick:()=>{this.dropdownBackdropVisible=this.mobileDropdown.open,this.mobileDropdown.classList.toggle("open",this.mobileDropdown.open)}})}
+
+ `}getSortDisplayOption(e,t){var i,o;const s=(i=t==null?void 0:t.selected)!==null&&i!==void 0?i:this.finalizedSortField===e,n=(o=t==null?void 0:t.displayName)!==null&&o!==void 0?o:we[e].displayName;return c`
+
+ `}getSortDropdown(e){var t,i,o,s,n;return c`
+ -
+
- + + +
- + + +
- + + +
+
+
+ `}static get styles(){const e=v`var(--activityIndicatorCheckmarkColor, #31A481)`,t=v`var(--activityIndicatorCompletedRingColor, #31A481)`,i=v`var(--activityIndicatorLoadingRingColor, #333333)`,o=v`var(--activityIndicatorLoadingDotColor, #333333)`;return v`
+ #completed-ring {
+ fill: ${t};
+ }
+
+ #check {
+ fill: ${e};
+ }
+
+ #activity-ring {
+ fill: ${i};
+ }
+
+ #activity-dots {
+ fill: ${o};
+ }
+
+ .activity-indicator {
+ opacity: 0;
+ transition: opacity 0.25s ease-out;
+ }
+
+ .processing .activity-indicator {
+ opacity: 1;
+ }
+
+ .loaded-indicator {
+ opacity: 1;
+ transition: opacity 0.25s ease-out;
+ }
+
+ .processing .loaded-indicator {
+ opacity: 0;
+ }
+
+ .image {
+ border: 1px solid red;
+ display: inline-block;
+ }
+
+ .processing #activity-ring {
+ animation: rotate 1.3s infinite linear;
+ transform-origin: 50px 50px;
+ transform-box: fill-box;
+ }
+
+ .processing #left-dot {
+ opacity: 0;
+ animation: dot 1.3s infinite;
+ animation-delay: 0.2s;
+ }
+
+ .processing #middle-dot {
+ opacity: 0;
+ animation: dot 1.3s infinite;
+ animation-delay: 0.4s;
+ }
+
+ .processing #right-dot {
+ opacity: 0;
+ animation: dot 1.3s infinite;
+ animation-delay: 0.6s;
+ }
+
+ @keyframes rotate {
+ 0% {
+ transform: rotate(-360deg);
+ }
+ 100% {
+ /* This frame is supposed to be inferred, but Safari doesn't rotate it unless we're explicit */
+ transform: rotate(0deg);
+ }
+ }
+
+ @keyframes dot {
+ 0% {
+ opacity: 0;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+ }
+ `}}window.customElements.define("ia-activity-indicator",Xd);var Zd=c`
+
+`,Jd=c`
+
+`;let Ta=class extends D{constructor(){super(...arguments),this.config=new Lt}render(){return c`
+
+
+ `}handleCloseButton(){const e=new Event("closeButtonPressed");this.dispatchEvent(e)}get closeButtonTemplate(){return c`
+
+ `}static get styles(){const e=v`var(--modalLogoSize, 6.5rem)`,t=v`var(--processingImageSize, 7.5rem)`,i=v`var(--modalCornerRadius, 1rem)`,o=v`var(--modalBorder, 2px solid black)`,s=v`var(--modalBottomMargin, 2.5rem)`,n=v`var(--modalTopMargin, 5rem)`,l=v`var(--modalHeaderBottomPadding, 0.5em)`,d=v`var(--modalBottomPadding, 2rem)`,p=v`var(--modalScrollOffset, 5px)`,f=v`var(--modalTitleFontSize, 1.8rem)`,m=v`var(--modalSubtitleFontSize, 1.4rem)`,y=v`var(--modalHeadlineFontSize, 1.6rem)`,w=v`var(--modalMessageFontSize, 1.4rem)`,x=v`var(--modalTitleLineHeight, normal)`,C=v`var(--modalSubtitleLineHeight, normal)`,A=v`var(--modalHeadlineLineHeight, normal)`,F=v`var(--modalMessageLineHeight, normal)`;return v`
+ .processing-logo {
+ margin: auto;
+ width: ${t};
+ height: ${t};
+ }
+
+ .processing-logo.hidden {
+ height: 1rem;
+ }
+
+ .processing-logo.hidden ia-activity-indicator {
+ display: none;
+ }
+
+ .modal-wrapper {
+ outline: none;
+ }
+
+ .modal-container {
+ border-radius: ${i};
+ width: 100%;
+ margin-top: ${n};
+ }
+
+ header {
+ position: relative;
+ background-color: #36a483;
+ color: white;
+ border-radius: calc(${i}) calc(${i}) 0 0;
+ border: ${o};
+ border-bottom: 0;
+ text-align: center;
+ padding-bottom: ${l};
+ }
+
+ .title {
+ margin: 0;
+ padding: 0;
+ font-size: ${f};
+ font-weight: bold;
+ line-height: ${x};
+ }
+
+ .subtitle {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ padding-top: 0;
+ font-size: ${m};
+ line-height: ${C};
+ }
+
+ .modal-body {
+ background-color: #f5f5f7;
+ border-radius: 0 0 calc(${i}) calc(${i});
+ border: ${o};
+ border-top: 0;
+ padding: 0 1rem calc(${d} - ${p}) 1rem;
+ color: #333;
+ margin-bottom: 2.5rem;
+ min-height: 5rem;
+ }
+
+ .content {
+ overflow-y: auto;
+ max-height: calc(100vh - (16.5rem + ${s}));
+ min-height: 5rem;
+ padding: 0 0 calc(${p}) 0;
+ }
+
+ .headline {
+ font-size: ${y};
+ font-weight: bold;
+ text-align: center;
+ line-height: ${A};
+ margin: 0;
+ padding: 0;
+ }
+
+ .message {
+ margin: 1rem 0 0 0;
+ text-align: center;
+ font-size: ${w};
+ line-height: ${F};
+ }
+
+ .logo-icon {
+ border-radius: 100%;
+ border: 3px solid #fff;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18),
+ 0 2px 2px 0 rgba(0, 0, 0, 0.08);
+ width: ${e};
+ height: ${e};
+ margin: -2.9rem auto 0.5rem auto;
+ background-color: black;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .logo-icon svg {
+ width: calc(${e} * 0.65);
+ height: calc(${e} * 0.65);
+ }
+
+ .logo-icon svg .fill-color {
+ fill: white;
+ }
+
+ .logo-icon svg .stroke-color {
+ stroke: red;
+ }
+
+ .close-button {
+ position: absolute;
+ right: 1.2rem;
+ top: 1.2rem;
+ width: 2rem;
+ height: 2rem;
+ border-radius: 100%;
+ border: 0;
+ padding: 0;
+ cursor: pointer;
+ background-color: white;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18),
+ 0 4px 4px 0 rgba(0, 0, 0, 0.08);
+ }
+
+ .sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+ }
+
+ slot::slotted(.sr-only) {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+ }
+ `}};r([h({type:Object})],Ta.prototype,"config",void 0);Ta=r([L("modal-template")],Ta);function ec(a,e,t){var i=t||{},o=i.noTrailing,s=o===void 0?!1:o,n=i.noLeading,l=n===void 0?!1:n,d=i.debounceMode,p=d===void 0?void 0:d,f,m=!1,y=0;function w(){f&&clearTimeout(f)}function x(A){var F=A||{},R=F.upcomingOnly,W=R===void 0?!1:R;w(),m=!W}function C(){for(var A=arguments.length,F=new Array(A),R=0;R
+
+ ${this.config.showCloseButton?this.closeButtonTemplate:""}
+ ${this.config.showHeaderLogo?c``:b}
+ ${this.config.title?c`
+
+
+
+ ${this.config.title}
`:""} + ${this.config.subtitle?c`${this.config.subtitle}
`:""} +
+
+
+
+
+ ${this.customModalContent}
+
+
+ `}getMode(){return this.mode}closeModal(){this.mode=bt.Closed}callUserClosedModalCallback(){const e=this.userClosedModalCallback;this.userClosedModalCallback=void 0,e&&e()}showModal(e){return An(this,void 0,void 0,function*(){this.closeOnBackdropClick=e.config.closeOnBackdropClick,this.userClosedModalCallback=e.userClosedModalCallback,this.modalTemplate.config=e.config,this.customModalContent=e.customModalContent,this.mode=bt.Open,yield this.modalTemplate.updateComplete,this.modalTemplate.focus()})}updated(e){e.has("mode")&&this.handleModeChange()}backdropClicked(){this.closeOnBackdropClick&&(this.closeModal(),this.callUserClosedModalCallback())}handleModeChange(){this.hostBridge.handleModeChange(this.mode),this.emitModeChangeEvent()}emitModeChangeEvent(){const e=new CustomEvent("modeChanged",{detail:{mode:this.mode}});this.dispatchEvent(e)}closeButtonPressed(){this.closeModal(),this.callUserClosedModalCallback()}static get styles(){const e=v`var(--modalBackdropColor, rgba(10, 10, 10, 0.9))`,t=v`var(--modalBackdropZindex, 1000)`,i=v`var(--modalWidth, 32rem)`,o=v`var(--modalMaxWidth, 95%)`,s=v`var(--modalZindex, 2000)`;return v`
+ .container {
+ width: 100%;
+ height: 100%;
+ }
+
+ .backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: ${e};
+ width: 100%;
+ height: 100%;
+ z-index: ${t};
+ }
+
+ modal-template {
+ outline: 0;
+ position: fixed;
+ top: 0;
+ left: 50%;
+ transform: translate(-50%, 0);
+ z-index: ${s};
+ width: ${i};
+ max-width: ${o};
+ }
+ `}};r([h({type:String,reflect:!0})],Nt.prototype,"mode",void 0);r([h({type:Object})],Nt.prototype,"customModalContent",void 0);r([h({type:Object})],Nt.prototype,"hostBridge",void 0);r([G("modal-template")],Nt.prototype,"modalTemplate",void 0);Nt=r([L("modal-manager")],Nt);const ur=v`var(--white, #fff)`,ic=v`var(--primaryDisableCTAFill, #767676)`,oc=v`var(--secondaryCTABorder, #999)`,ac=v`var(--primaryCTAFill, #194880)`,Qo=v`var(--primaryCTAFillRGB, 25, 72, 128)`,sc=v`var(--primaryCTABorder, #c5d1df)`,rc=v`var(--primaryErrorCTAFill, #d9534f)`,Go=v`var(--primaryErrorCTAFillRGB, 229, 28, 38)`,nc=v`var(--primaryErrorCTABorder, #d43f3a)`,lc=v`var(--secondaryCTAFill, #333)`,Ko=v`var(--secondaryCTAFillRGB, 51, 51, 51)`,dc=v`var(--primaryCTABorder, #979797)`,cc=v`var(---primaryWarningFill, #ee8950)`,Yo=v`var(--primaryWarningFillRGB, 238, 137, 80)`,hc=v`var(--primaryWarningBorder, #ec7939)`;var pc=v`
+ .ia-button {
+ min-height: 3rem;
+ cursor: pointer;
+ color: ${ur};
+ line-height: normal;
+ border-radius: 0.4rem;
+ font-size: 1.4rem;
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ border: 1px solid transparent;
+ white-space: nowrap;
+ appearance: auto;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ transition: all 0.1s ease 0s;
+ vertical-align: middle;
+ padding: 0 3rem;
+ outline-color: ${ur};
+ outline-offset: -4px;
+ user-select: none;
+ text-decoration: none;
+ width: fit-content;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ }
+ .ia-button:focus-visible {
+ outline-style: double;
+ }
+ .ia-button:disabled {
+ cursor: not-allowed;
+ background-color: ${ic};
+ border: 1px solid ${oc};
+ }
+ .ia-button.transparent {
+ background-color: transparent;
+ }
+
+ .ia-button.primary:disabled,
+ .ia-button.danger:disabled,
+ .ia-button.warning:disabled,
+ .ia-button.dark:disabled {
+ opacity: 0.5;
+ }
+
+ .ia-button.primary {
+ background-color: ${ac};
+ border-color: ${sc};
+ }
+ .ia-button.primary:hover {
+ background-color: rgba(${Qo}, 0.9);
+ }
+ .ia-button.primary:focus-visible {
+ background-color: rgba(${Qo}, 0.8);
+ }
+ .ia-button.primary:active {
+ background-color: rgba(${Qo}, 0.7);
+ }
+
+ .ia-button.danger {
+ background-color: ${rc};
+ border-color: ${nc};
+ }
+ .ia-button.danger:hover {
+ background-color: rgba(${Go}, 0.9);
+ }
+ .ia-button.danger:focus-visible {
+ background-color: rgba(${Go}, 0.8);
+ }
+ .ia-button.danger:active {
+ background-color: rgba(${Go}, 0.7);
+ }
+
+ .ia-button.warning {
+ background-color: ${cc};
+ border-color: ${hc};
+ }
+ .ia-button.warning:hover {
+ background-color: rgba(${Yo}, 0.9);
+ }
+ .ia-button.warning:focus-visible {
+ background-color: rgba(${Yo}, 0.8);
+ }
+ .ia-button.warning:active {
+ background-color: rgba(${Yo}, 0.7);
+ }
+
+ .ia-button.dark {
+ background-color: ${lc};
+ border-color: ${dc};
+ }
+ .ia-button.dark:hover {
+ background-color: rgba(${Ko}, 0.9);
+ }
+ .ia-button.dark:focus-visible {
+ background-color: rgba(${Ko}, 0.8);
+ }
+ .ia-button.dark:active {
+ background-color: rgba(${Ko}, 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;
+ }
+`;let Ji=class extends D{constructor(){super(...arguments),this.items=[]}render(){return c`
+ -
+ ${gt(this.items,({title:e,date:t})=>c`
+
- + ${e!=null?e:"[untitled]"} + ${t!=null?t:""} + + `)} +
+ ${this.label}
+
+
+ `}cancelClicked(){this.dispatchEvent(new CustomEvent("cancel"))}removeItemsClicked(){this.dispatchEvent(new CustomEvent("removeItems"))}manageItemsClicked(){this.dispatchEvent(new CustomEvent("manageItems"))}selectAllClicked(){this.dispatchEvent(new CustomEvent("selectAll"))}unselectAllClicked(){this.dispatchEvent(new CustomEvent("unselectAll"))}showRemoveItemsModal(){var e,t;const i=c`
+ + ${o.binStart} - ${o.binEnd} + `,this._tooltipVisible=!0}hideTooltip(){this._tooltipContent=void 0,this._tooltipVisible=!1}validMinSliderX(e){const t=Math.min(this.translateDateToPosition(this.maxSelectedDate),this.histogramRightEdgeX);return e=this.clamp(e,this.histogramLeftEdgeX,t),Number.isNaN(e)||t
${this._tooltipContent}
+ `}get noDataTemplate(){return c`
+
+ `}get activityIndicatorTemplate(){return this.loading?c`
+
+ ${this.activityIndicatorTemplate} ${this.tooltipTemplate}
+
+ `:this.noDataTemplate}};J.styles=v`
+ .missing-data-message {
+ text-align: center;
+ }
+ #container {
+ margin: 0;
+ touch-action: none;
+ position: relative;
+ }
+ .disabled {
+ opacity: 0.3;
+ }
+ ia-activity-indicator {
+ position: absolute;
+ left: calc(50% - 10px);
+ top: 10px;
+ width: 20px;
+ height: 20px;
+ --activityIndicatorLoadingDotColor: rgba(0, 0, 0, 0);
+ --activityIndicatorLoadingRingColor: ${Ec};
+ }
+
+ /* prevent selection from interfering with tooltip, especially on mobile */
+ /* https://stackoverflow.com/a/4407335/1163042 */
+ .noselect {
+ -webkit-touch-callout: none; /* iOS Safari */
+ -webkit-user-select: none; /* Safari */
+ -moz-user-select: none; /* Old versions of Firefox */
+ -ms-user-select: none; /* Internet Explorer/Edge */
+ user-select: none; /* current Chrome, Edge, Opera and Firefox */
+ }
+ .bar {
+ /* create a transparent border around the hist bars to prevent "gaps" and
+ flickering when moving around between bars. this also helps with handling
+ clicks on the bars, preventing users from being able to click in between
+ bars */
+ stroke: rgba(0, 0, 0, 0);
+ /* ensure transparent stroke wide enough to cover gap between bars */
+ stroke-width: 2px;
+ }
+ .bar:hover {
+ /* highlight currently hovered bar */
+ fill-opacity: 0.7;
+ }
+ .disabled .bar:hover {
+ /* ensure no visual hover interaction when disabled */
+ fill-opacity: 1;
+ }
+ /****** histogram ********/
+ #tooltip {
+ position: absolute;
+ background: ${gr};
+ color: ${br};
+ text-align: center;
+ border-radius: 3px;
+ padding: 2px;
+ font-size: ${Rc};
+ font-family: ${Fc};
+ touch-action: none;
+ pointer-events: none;
+ }
+ #tooltip:after {
+ content: '';
+ position: absolute;
+ margin-left: -5px;
+ top: 100%;
+ /* arrow */
+ border: 5px solid ${br};
+ border-color: ${gr} transparent transparent
+ transparent;
+ }
+ /****** slider ********/
+ .draggable:hover {
+ cursor: grab;
+ }
+ .dragging {
+ cursor: grabbing !important;
+ }
+ /****** inputs ********/
+ #inputs {
+ display: flex;
+ justify-content: center;
+ margin: ${zc};
+ }
+ #inputs .dash {
+ position: relative;
+ bottom: -1px;
+ align-self: center; /* Otherwise the dash sticks to the top while the inputs grow */
+ }
+ input {
+ width: ${Ac};
+ margin: 0 3px;
+ border: ${Pc};
+ border-radius: 2px !important;
+ text-align: center;
+ font-size: ${Lc};
+ font-family: ${Dc};
+ }
+ .sr-only {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ border: 0 !important;
+ overflow: hidden !important;
+ white-space: nowrap !important;
+ clip: rect(1px, 1px, 1px, 1px) !important;
+ -webkit-clip-path: inset(50%) !important;
+ clip-path: inset(50%) !important;
+ }
+ `;r([h({type:Number})],J.prototype,"width",void 0);r([h({type:Number})],J.prototype,"height",void 0);r([h({type:Number})],J.prototype,"sliderWidth",void 0);r([h({type:Number})],J.prototype,"tooltipWidth",void 0);r([h({type:Number})],J.prototype,"tooltipHeight",void 0);r([h({type:Number})],J.prototype,"updateDelay",void 0);r([h({type:String})],J.prototype,"dateFormat",void 0);r([h({type:String})],J.prototype,"missingDataMessage",void 0);r([h({type:String})],J.prototype,"minDate",void 0);r([h({type:String})],J.prototype,"maxDate",void 0);r([h({type:Boolean})],J.prototype,"disabled",void 0);r([h({type:Object})],J.prototype,"bins",void 0);r([h({type:Boolean})],J.prototype,"updateWhileFocused",void 0);r([P()],J.prototype,"_tooltipOffset",void 0);r([P()],J.prototype,"_tooltipContent",void 0);r([P()],J.prototype,"_tooltipVisible",void 0);r([P()],J.prototype,"_isDragging",void 0);r([P()],J.prototype,"_isLoading",void 0);r([h({type:Boolean})],J.prototype,"loading",null);r([h()],J.prototype,"minSelectedDate",null);r([h()],J.prototype,"maxSelectedDate",null);J=r([L("histogram-date-range")],J);const yr=U`
+`,wr=U`
+
+`;let se=class extends D{constructor(){super(...arguments),this.prompt="Do you find this feature useful?",this.buttonText="Beta",this.isOpen=!1,this.processing=!1,this.popupTopX=0,this.popupTopY=0,this.voteSubmitted=!1,this.voteNeedsChoosing=!1,this.resizingElement=document.body}render(){return c`
+
+ ${this.popupTemplate}
+ `}firstUpdated(){this.boundEscapeListener=this.handleEscape.bind(this),this.boundScrollListener=this.handleScroll.bind(this)}updated(e){if(e.has("vote")&&this.vote&&(this.error=void 0,this.voteNeedsChoosing=!1),e.has("resizeObserver")){const t=e.get("resizeObserver");this.disconnectResizeObserver(t)}}handleResize(){!this.isOpen||this.positionPopup()}handleScroll(){!this.isOpen||this.positionPopup()}disconnectedCallback(){this.removeEscapeListener(),this.disconnectResizeObserver(this.resizeObserver)}disconnectResizeObserver(e){const t=e!=null?e:this.resizeObserver;t==null||t.removeObserver({handler:this,target:this.resizingElement})}setupResizeObserver(){!this.resizeObserver||this.resizeObserver.addObserver({handler:this,target:this.resizingElement})}async setupRecaptcha(){!this.recaptchaManager||(this.recaptchaWidget=await this.recaptchaManager.getRecaptchaWidget())}resetState(){this.vote=void 0,this.voteSubmitted=!1,this.error=void 0,this.voteNeedsChoosing=!1,this.comments.value=""}async showPopup(){this.voteSubmitted||(this.resetState(),this.setupResizeObserver(),this.setupScrollObserver(),this.setupEscapeListener(),this.positionPopup(),this.isOpen=!0,await this.setupRecaptcha())}closePopup(){this.disconnectResizeObserver(),this.stopScrollObserver(),this.removeEscapeListener(),this.isOpen=!1}positionPopup(){const e=this.betaButton.getBoundingClientRect(),t=this.popup.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight,s=i/2,n=o/2;e.left
+
+
+
+ ${this.minLabelTemplate} ${this.minInputTemplate}
+
+ -
+ ${this.maxLabelTemplate} ${this.maxInputTemplate}
+
+
+
+
+ `}get upvoteSelected(){return this.vote==="up"}get downvoteSelected(){return this.vote==="down"}upvoteKeypressed(e){(e.key==="Enter"||e.key===" ")&&this.upvoteButtonSelected()}downvoteKeypressed(e){(e.key==="Enter"||e.key===" ")&&this.downvoteButtonSelected()}upvoteButtonSelected(){this.vote=this.vote==="up"?void 0:"up"}downvoteButtonSelected(){this.vote=this.vote==="down"?void 0:"down"}get chooseVoteErrorClass(){return this.voteNeedsChoosing?"error":""}get upvoteButtonClass(){switch(this.vote){case"up":return"selected";case"down":return"unselected";default:return"noselection"}}get downvoteButtonClass(){switch(this.vote){case"up":return"unselected";case"down":return"selected";default:return"noselection"}}backgroundClicked(e){var t;e.target instanceof Node&&(!((t=this.popup)===null||t===void 0)&&t.contains(e.target)||this.closePopup())}cancel(e){e.preventDefault(),this.vote=void 0,this.closePopup()}async submit(e){if(e.preventDefault(),!this.vote){this.voteNeedsChoosing=!0,this.error=c`Please select a vote.`;return}if(!this.featureIdentifier)throw new Error("featureIdentifier is required");if(!this.featureFeedbackService)throw new Error("featureFeedbackService is required");if(!this.recaptchaWidget)throw new Error("recaptchaWidget is required");this.processing=!0;try{const t=await this.recaptchaWidget.execute();(await this.featureFeedbackService.submitFeedback({featureIdentifier:this.featureIdentifier,vote:this.vote,comments:this.comments.value,recaptchaToken:t})).success?(this.voteSubmitted=!0,this.closePopup()):this.error=c`There was an error submitting your feedback.`}catch(t){this.error=c`There was an error submitting your feedback.Error: + ${t instanceof Error?t.message:t}`}this.processing=!1}static get styles(){const e=v`var(--featureFeedbackBlueColor, #194880)`,t=v`var(--featureFeedbackDarkGrayColor, #767676)`,i=v`var(--defaultColorSvgFilter, invert(52%) sepia(0%) saturate(1%) hue-rotate(331deg) brightness(87%) contrast(89%))`,o=v`var(--featureFeedbackBackdropZindex, 5)`,s=v`var(--featureFeedbackModalZindex, 6)`,n=v`var(--featureFeedbackPopupBorderColor, ${e})`,l=v`var(--featureFeedbackSubmitButtonColor, ${e})`,d=v`var(--featureFeedbackBetaButtonBorderColor, ${e})`,p=v`var(--featureFeedbackBetaButtonTextColor, ${e})`,f=v`var(--featureFeedbackBetaButtonSvgFilter, ${i})`,m=v`var(--featureFeedbackCancelButtonColor, #515151)`,y=v`var(--featureFeedbackPopupBlockerColor, rgba(255, 255, 255, 0.3))`,w=v`var(--featureFeedbackPopupBackgroundColor, #F5F5F7)`,x=v`var(--featureFeedbackPromptFontWeight, bold)`,C=v`var(--featureFeedbackPromptFontSize, 14px)`,A=v`var(--defaultColor, ${t});`,F=v`var(--defaultColorSvgFilter, ${i});`,R=v`var(--upvoteColor, #23765D);`,W=v`var(--upvoteColorSvgFilter, invert(34%) sepia(72%) saturate(357%) hue-rotate(111deg) brightness(97%) contrast(95%));`,B=v`var(--downvoteColor, #720D11);`,Z=v`var(--downvoteColorSvgFilter, invert(5%) sepia(81%) saturate(5874%) hue-rotate(352deg) brightness(105%) contrast(95%));`,he=v`var(--unselectedColor, #CCCCCC);`,ze=v`var(--unselectedColorSvgFilter, invert(100%) sepia(0%) saturate(107%) hue-rotate(138deg) brightness(89%) contrast(77%));`;return v` + #beta-button { + font-size: 12px; + font-weight: bold; + font-style: italic; + color: ${p}; + border: 1px solid ${d}; + border-radius: 4px; + padding: 1px 5px; + } + + .beta-button-thumb svg { + height: 10px; + width: 10px; + filter: ${f}; + } + + .beta-button-thumb.unselected svg { + filter: ${ze}; + } + + #error { + color: red; + font-size: 14px; + text-align: center; + font-weight: bold; + } + + #popup-background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: ${o}; + background-color: ${y}; + overflow: hidden; + } + + #popup-background.closed { + visibility: hidden; + top: -100%; + left: -100%; + } + + #popup { + position: absolute; + padding: 10px; + background-color: ${w}; + border: 1px ${n} solid; + border-radius: 5px; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); + z-index: ${s}; + max-width: 300px; + margin-left: 10px; + margin-right: 10px; + } + + button, + input, + a, + textarea { + font-family: inherit; + } + + button, + input[type='submit'] { + background: none; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + } + + button:disabled, + input[type='submit']:disabled { + cursor: default; + opacity: 0.5; + } + + #form > div { + margin-bottom: 10px; + } + + #form > div:last-child { + margin-bottom: 0; + } + + #prompt { + display: flex; + align-items: center; + font-size: ${C}; + font-weight: ${x}; + } + + #prompt > label { + flex: none; + cursor: pointer; + } + + #prompt-text { + text-align: left; + } + + #comments { + width: 100%; + height: 50px; + background-color: #ffffff; + border: 1px #2c2c2c solid; + border-radius: 4px; + padding: 7px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + resize: none; + } + + #comments::placeholder { + color: #767676; + } + + #actions { + display: flex; + justify-content: center; + } + + .cta-button { + color: white; + font-size: 14px; + border-radius: 4px; + height: 30px; + margin: 0; + } + + #cancel-button { + background-color: ${m}; + } + + #submit-button { + background-color: ${l}; + margin-left: 10px; + } + + .vote-button { + background-color: #ffffff; + border: 1px solid #767676; + border-radius: 2px; + padding: 0; + width: 25px; + height: 25px; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + margin-left: 10px; + } + + .vote-button svg { + width: 15px; + height: 15px; + } + + .vote-button input { + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .vote-button.noselection { + border-color: ${A}; + } + + .vote-button.noselection svg { + filter: ${F}; + } + + .vote-button.unselected { + border-color: ${he}; + } + + .vote-button.unselected svg { + filter: ${ze}; + } + + .upvote-button.selected { + border-color: ${R}; + } + + .upvote-button.selected svg { + filter: ${W}; + } + + .downvote-button.selected { + border-color: ${B}; + } + + .downvote-button.selected svg { + filter: ${Z}; + } + + .vote-button.error { + box-shadow: 0 0 4px red; + } + `}};r([h({type:String})],se.prototype,"featureIdentifier",void 0);r([h({type:String})],se.prototype,"prompt",void 0);r([h({type:String})],se.prototype,"buttonText",void 0);r([h({type:Object})],se.prototype,"recaptchaManager",void 0);r([h({type:Object})],se.prototype,"resizeObserver",void 0);r([h({type:Boolean})],se.prototype,"disabled",void 0);r([h({type:Object})],se.prototype,"featureFeedbackService",void 0);r([G("#beta-button")],se.prototype,"betaButton",void 0);r([G("#popup")],se.prototype,"popup",void 0);r([P()],se.prototype,"isOpen",void 0);r([P()],se.prototype,"processing",void 0);r([P()],se.prototype,"popupTopX",void 0);r([P()],se.prototype,"popupTopY",void 0);r([P()],se.prototype,"vote",void 0);r([P()],se.prototype,"voteSubmitted",void 0);r([P()],se.prototype,"error",void 0);r([P()],se.prototype,"voteNeedsChoosing",void 0);r([P()],se.prototype,"recaptchaWidget",void 0);r([G("#comments")],se.prototype,"comments",void 0);se=r([L("feature-feedback")],se);var Bc=c` + +`,Oc=U` + +`,Ic=U` + +`;let Ht=class extends D{constructor(){super(...arguments),this.step=2,this.currentPage=1,this.pages=[]}firstUpdated(){this.observePageCount()}updated(e){e.has("size")&&this.observePageCount(),e.has("currentPage")&&(this.observePageCount(),this.emitPageClick())}observePageCount(){this.pages=[];const e=7,t=this.size<=e;if(this.size<=5){this.pages=[...Array(this.size).keys()].map(s=>s+1);return}if(this.size===e){if(this.currentPage===2){this.pages=[1,2,3,4,0,this.size];return}if(this.currentPage===this.size-1){this.pages=[1,0,4,5,this.size-1,this.size];return}}if(this.currentPage===1){this.pages=[1,2,3,0,this.size];return}if(this.currentPage===this.size){this.pages=[1,0,this.size-2,this.size-1,this.size];return}if(this.currentPage===this.size-1){this.pages=[1,0,this.size-3,this.size-2,this.size-1,this.size];return}if(t&&this.currentPage>1&&this.currentPage
+
+
+ `}static get styles(){return[et,v`
+ .facets-pagination {
+ user-select: none;
+ margin-top: 10px;
+ background-color: #eee;
+ text-align: center;
+ }
+ .facets-pagination button {
+ border: none;
+ background: none;
+ }
+ .facets-pagination .arrow-icon {
+ width: 2.5rem;
+ vertical-align: middle;
+ }
+ .facets-pagination .arrow-icon svg {
+ height: 14px;
+ fill: #2c2c2c;
+ }
+ .facets-pagination button,
+ .facets-pagination i {
+ background: none;
+ border: 0;
+ cursor: pointer;
+ border-radius: 4px;
+ margin: 10px 5px;
+ padding: 5px;
+ font-size: 1.4rem;
+ color: inherit;
+ vertical-align: baseline;
+ display: inline-block;
+ min-width: 2.5rem;
+ }
+ .facets-pagination i {
+ cursor: auto;
+ display: inline;
+ }
+ .facets-pagination button.current {
+ background: #2c2c2c;
+ color: white;
+ }
+ .page-numbers {
+ display: inline-block;
+ }
+ `]}};r([h({type:Number})],Ht.prototype,"size",void 0);r([h({type:Number})],Ht.prototype,"step",void 0);r([h({type:Number})],Ht.prototype,"currentPage",void 0);r([P()],Ht.prototype,"pages",void 0);Ht=r([L("more-facets-pagination")],Ht);var Uc=U`
+
+`,Nc=U`
+
+`,Ea;let wi=Ea=class extends D{render(){return c`${this.facetRowTemplate}`}get facetRowTemplate(){var e,t,i,o;const{bucket:s,facetType:n}=this;if(!s||!n)return b;const l=`${n}:${s.key}-show-only`,d=`${n}:${s.key}-negative`,p=n!=="collection"?c`${(e=s.displayText)!==null&&e!==void 0?e:s.key}`:c`
+ ${(i=(t=this.collectionTitles)===null||t===void 0?void 0:t.get(s.key))!==null&&i!==void 0?i:s.key}
+ `,f=s.state==="hidden",m=s.state==="selected",y=`${n}: ${(o=s.displayText)!==null&&o!==void 0?o:s.key}`,w=m?`Show all ${n}s`:`Only show ${y}`,x=`Hide ${y}`,C=`Unhide ${y}`,A=f?C:x,F=`${y}, ${s.count} results`;return c`
+ ${this.getPagesTemplate}
+
+
+
+ `}facetClicked(e,t){const{bucket:i,facetType:o}=this;if(!i||!o)return;const s=e.target,{checked:n}=s;this.bucket=ne(q({},i),{state:Ea.getFacetState(n,t)}),this.dispatchFacetClickEvent({facetType:o,bucket:this.bucket,negative:t})}dispatchFacetClickEvent(e){const t=new CustomEvent("facetClick",{detail:e});this.dispatchEvent(t)}static getFacetState(e,t){let i;return e?i=t?"hidden":"selected":i="none",i}static get styles(){const e=v`var(--facet-row-border-top, 1px solid transparent)`,t=v`var(--facet-row-border-bottom, 1px solid transparent)`;return v`
+ async-collection-name {
+ display: contents;
+ }
+ .facet-checkboxes {
+ margin: 0 5px 0 0;
+ display: flex;
+ height: 15px;
+ }
+ .facet-checkboxes input:first-child {
+ margin-right: 5px;
+ }
+ .facet-checkboxes input {
+ height: 15px;
+ width: 15px;
+ margin: 0;
+ }
+ .facet-row-container {
+ display: flex;
+ font-weight: 500;
+ font-size: 1.2rem;
+ margin: 2.5px auto;
+ height: auto;
+ border-top: ${e};
+ border-bottom: ${t};
+ overflow: hidden;
+ }
+ .facet-info-display {
+ display: flex;
+ flex: 1 1 0%;
+ cursor: pointer;
+ flex-wrap: wrap;
+ }
+ .facet-title {
+ word-break: break-word;
+ display: inline-block;
+ flex: 1 1 0%;
+ }
+ .facet-count {
+ text-align: right;
+ }
+ .select-facet-checkbox {
+ cursor: pointer;
+ display: inline-block;
+ }
+ .hide-facet-checkbox {
+ display: none;
+ }
+ .hide-facet-icon {
+ width: 15px;
+ height: 15px;
+ cursor: pointer;
+ opacity: 0.3;
+ display: inline-block;
+ }
+ .hide-facet-icon:hover,
+ .active {
+ opacity: 1;
+ }
+ .hide-facet-icon:hover .eye,
+ .hide-facet-icon .eye-closed {
+ display: none;
+ }
+ .hide-facet-icon:hover .eye-closed,
+ .hide-facet-icon.active .eye-closed {
+ display: inline;
+ }
+ .hide-facet-icon.active .eye {
+ display: none;
+ }
+ .sorting-icon {
+ cursor: pointer;
+ }
+
+ a:link,
+ a:visited {
+ text-decoration: none;
+ color: var(--ia-theme-link-color, #4b64ff);
+ }
+ a:hover {
+ text-decoration: underline;
+ }
+ `}};r([h({type:String})],wi.prototype,"facetType",void 0);r([h({type:Object})],wi.prototype,"bucket",void 0);r([h({type:Object})],wi.prototype,"collectionTitles",void 0);wi=Ea=r([L("facet-row")],wi);let to=class extends D{facetClicked(e){this.dispatchFacetClickEvent(e.detail)}dispatchFacetClickEvent(e){const t=new CustomEvent("facetClick",{detail:e,composed:!0});this.dispatchEvent(t)}get facetsTemplate(){const{facetGroup:e}=this;if(!e)return b;const t=e.buckets;return c`
+
+ {this.facetClicked(R,!1)}}
+ .checked=${m}
+ class="select-facet-checkbox"
+ title=${w}
+ id=${l}
+ data-testid=${l}
+ />
+ {this.facetClicked(R,!0)}}
+ .checked=${f}
+ class="hide-facet-checkbox"
+ />
+
+
+
+
+ ${Ra(t,i=>`${e.key}:${i.key}`,i=>c`
+ `}render(){return c`${this.facetsTemplate}`}static get styles(){const e=v`var(--facetsColumnCount, 1)`,t=v`var(--facetsColumnGap, 15px)`;return v`
+ .facet-rows {
+ column-count: ${e};
+ column-gap: ${t};
+ }
+
+ a:link,
+ a:visited {
+ text-decoration: none;
+ color: var(--ia-theme-link-color, #4b64ff);
+ }
+ a:hover {
+ text-decoration: underline;
+ }
+ `}};r([h({type:Object})],to.prototype,"facetGroup",void 0);r([h({type:Object})],to.prototype,"collectionTitles",void 0);to=r([L("facets-template")],to);let st=class extends D{constructor(){super(...arguments),this.leftValue="",this.rightValue="",this.side="left"}render(){var e,t;return c`
+
+
+
+
+
+
+
+ `}get value(){return this.side==="left"?this.leftValue:this.rightValue}get selectedLabel(){var e,t;return this.side==="left"?(e=this.leftLabel)!==null&&e!==void 0?e:this.leftValue:(t=this.rightLabel)!==null&&t!==void 0?t:this.rightValue}handleClick(){this.side=this.side==="left"?"right":"left",this.emitChangeEvent()}handleRadioChange(){this.side=this.leftRadio.checked?"left":"right",this.emitChangeEvent()}emitChangeEvent(){const e=new CustomEvent("change",{detail:this.value});this.dispatchEvent(e)}static get styles(){const e=v`var(--switchWidth, 30px)`,t=v`var(--switchHeight, 14px)`,i=v`var(--switchMarginLeft, 5px)`,o=v`var(--switchMarginRight, 5px)`,s=v`var(--switchBorderWidth, 3px)`,n=v`var(--switchBgColor, #194880)`,l=v`var(--switchBorderColor, #194880)`,d=v`var(--labelFontSize, 1.3rem)`,p=v`var(--knobColor, white)`,f=v`var(--knobTransitionDuration, 0.25s)`,m=v`var(--knobTransitionFn, ease)`;return[et,v`
+ #container {
+ display: inline-flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ font-size: ${d};
+ }
+
+ #switch-button {
+ width: ${e};
+ height: ${t};
+ margin: 0 ${o} 0 ${i};
+ padding: 0;
+ border: ${s} solid ${l};
+ border-radius: ${t};
+ box-sizing: content-box;
+ background: ${n};
+ appearance: none;
+ cursor: pointer;
+ }
+
+ #switch-button.left #knob {
+ transform: translateX(0);
+ }
+
+ #switch-button.right #knob {
+ transform: translateX(calc(${e} - ${t}));
+ }
+
+ #switch-button:focus-visible {
+ outline: 2px solid black;
+ outline-offset: 2px;
+ }
+
+ #knob {
+ display: block;
+ width: ${t};
+ height: ${t};
+ border-radius: 50%;
+ background: ${p};
+ transition: transform ${f} ${m};
+ }
+
+ @media (prefers-reduced-motion: reduce) {
+ #knob {
+ transition-duration: 0.001s !important; /* Imperceptibly fast */
+ }
+ }
+ `]}};r([h({type:String,attribute:!0})],st.prototype,"leftValue",void 0);r([h({type:String,attribute:!0})],st.prototype,"leftLabel",void 0);r([h({type:String,attribute:!0})],st.prototype,"rightValue",void 0);r([h({type:String,attribute:!0})],st.prototype,"rightLabel",void 0);r([h({type:String,attribute:!0})],st.prototype,"side",void 0);r([G("#switch-left")],st.prototype,"leftRadio",void 0);st=r([L("toggle-switch")],st);function Ma(a,e){if(!!a)for(const[t,i]of Object.entries(a))for(const[o,s]of Object.entries(i))e(t,o,s,a)}function io(a,e,t,i=!1){const o=a!=null?a:Xe(),s=ne(q({},o),{[e]:ne(q({},o[e]),{[t.key]:t})});return i&&t.state==="none"&&delete s[e][t.key],s}function Hc(a){const e=Xe();return Ma(a,(t,i,o)=>{e[t][i]=o}),e}function Vc(a,e){const t=Hc(a);return Ma(e,(i,o,s)=>{t[i][o]=s}),Ma(t,(i,o,s)=>{s.state==="none"&&delete t[i][o]}),t}const _r=["selected","hidden","none"];function vn(a,e=K.COUNT){return a.sort((t,i)=>{const o=_r.indexOf(t.state),s=_r.indexOf(i.state),n=o-s;let l;return e===K.ALPHABETICAL?l=t.key.localeCompare(i.key):e===K.NUMERIC?l=Number(i.key)-Number(t.key):l=i.count-t.count,n||l})}let de=class extends D{constructor(){super(...arguments),this.facetsPerPage=35,this.facetsLoading=!0,this.sortedBy=K.COUNT,this.unappliedFacetChanges=Xe(),this.pageNumber=1}willUpdate(e){(e.has("aggregations")||e.has("facetsPerPage")||e.has("sortedBy")||e.has("selectedFacets")||e.has("unappliedFacetChanges"))&&(this.facetGroup=this.mergedFacets)}updated(e){(e.has("facetKey")||e.has("query")||e.has("searchType")||e.has("filterMap"))&&(this.facetsLoading=!0,this.pageNumber=1,this.sortedBy=Qi[this.facetKey],this.updateSpecificFacets())}firstUpdated(){this.setupEscapeListeners()}setupEscapeListeners(){this.modalManager?document.addEventListener("keydown",e=>{var t;e.key==="Escape"&&((t=this.modalManager)===null||t===void 0||t.closeModal())}):document.removeEventListener("keydown",()=>{})}get isSearchResultsPage(){var e;const t=(e=this.pageSpecifierParams)===null||e===void 0?void 0:e.pageType;return t===void 0||t==="search_results"}async updateSpecificFacets(){var e,t,i,o,s,n;if(!this.facetKey)return;const l=(e=this.query)===null||e===void 0?void 0:e.trim();if(!l&&this.isSearchResultsPage)return;const d={simpleParams:[this.facetKey]},p=65535,f=ne(q({},this.pageSpecifierParams),{query:l||"",filters:this.filterMap,aggregations:d,aggregationsSize:p,rows:0}),m=await((t=this.searchService)===null||t===void 0?void 0:t.search(f,this.searchType));this.aggregations=(i=m==null?void 0:m.success)===null||i===void 0?void 0:i.response.aggregations,this.facetsLoading=!1;const y=(s=(o=m==null?void 0:m.success)===null||o===void 0?void 0:o.response)===null||s===void 0?void 0:s.collectionTitles;if(y)for(const[w,x]of Object.entries(y))(n=this.collectionTitles)===null||n===void 0||n.set(w,x)}pageNumberClicked(e){var t,i;const o=(t=e==null?void 0:e.detail)===null||t===void 0?void 0:t.page;o&&(this.pageNumber=Number(o)),(i=this.analyticsHandler)===null||i===void 0||i.sendEvent({category:Ne.default,action:te.moreFacetsPageChange,label:`${this.pageNumber}`})}get mergedFacets(){var e;if(!this.facetKey||!this.selectedFacets)return;const{selectedFacetGroup:t,aggregationFacetGroup:i}=this;if(!i)return;const o=q({},t!=null?t:i),s=(e=t==null?void 0:t.buckets.map(l=>{const d=i.buckets.find(p=>p.key===l.key);return d?ne(q({},l),{count:d.count}):l}))!==null&&e!==void 0?e:[];vn(s,this.sortedBy),i.buckets.forEach(l=>{t!=null&&t.buckets.find(p=>p.key===l.key)||s.push(l)});const n=this.unappliedFacetChanges[this.facetKey];for(const[l,d]of s.entries()){const p=n[d.key];p&&(s[l]=q({},p))}return o.buckets=s,o}get selectedFacetGroup(){if(!this.selectedFacets||!this.facetKey)return;const e=this.selectedFacets[this.facetKey];if(!e)return;const t=qi[this.facetKey],i=Object.entries(e).map(([o,s])=>({displayText:o,key:o,count:s==null?void 0:s.count,state:s==null?void 0:s.state}));return{title:t,key:this.facetKey,buckets:i}}get aggregationFacetGroup(){if(!this.aggregations||!this.facetKey)return;const e=this.aggregations[this.facetKey];if(!e)return;const t=qi[this.facetKey];let i=e.getSortedBuckets(this.sortedBy);this.facetKey==="collection"&&(i=i==null?void 0:i.filter(s=>{var n;const l=(n=s==null?void 0:s.key)===null||n===void 0?void 0:n.toString();return!ro[l]&&!(l!=null&&l.startsWith("fav-"))}));const o=i.map(s=>{const n=`${s.key}`;return{displayText:`${n}`,key:`${n}`,count:s.doc_count,state:"none"}});return{title:t,key:this.facetKey,buckets:o}}get facetGroupForCurrentPage(){const{facetGroup:e}=this;if(!e)return;const t=(this.pageNumber-1)*this.facetsPerPage,i=e.buckets.slice(t,t+this.facetsPerPage);return ne(q({},e),{buckets:i})}get moreFacetsTemplate(){return c`
+
+
`}get paginationSize(){var e;if(!this.aggregations||!this.facetKey)return 0;const t=(e=this.aggregations[this.facetKey])===null||e===void 0?void 0:e.buckets.length;return Math.ceil(t/this.facetsPerPage)}get facetsPaginationTemplate(){return this.paginationSize>1?c`${this.modalHeaderTemplate}
+ ${this.moreFacetsTemplate}
+ ${this.footerTemplate}
+
+
+
+
+
+ `}static get styles(){return v`
+ #row {
+ display: grid;
+ grid-template-columns: 15px 1fr 36px;
+ grid-gap: 9px 6px;
+ align-items: center;
+ margin: 2.5px auto;
+ border: 1px solid transparent;
+ }
+
+ .tombstone-line {
+ background: #ddd;
+ height: 6px;
+ border-radius: 50px;
+ }
+
+ input[type='checkbox'] {
+ width: 15px;
+ height: 15px;
+ margin: 0;
+ }
+ `}};xr=r([L("facet-tombstone-row")],xr);let je=class extends D{constructor(){super(...arguments),this.boundEscapeListener=e=>{e.key==="Escape"&&this.closeModal()}}render(){var e,t;return c`
+
+
+
+
+
+ `}connectedCallback(){var e;(e=super.connectedCallback)===null||e===void 0||e.call(this),this.setupEscapeListener()}disconnectedCallback(){var e;(e=super.disconnectedCallback)===null||e===void 0||e.call(this),this.removeEscapeListener()}setupEscapeListener(){document.addEventListener("keydown",this.boundEscapeListener)}removeEscapeListener(){document.removeEventListener("keydown",this.boundEscapeListener)}histogramDateRangeUpdated(e){this.minSelectedDate=e.detail.minDate,this.maxSelectedDate=e.detail.maxDate}applyBtnClicked(){var e;const t=new CustomEvent("histogramDateRangeApplied",{detail:{minDate:this.minSelectedDate,maxDate:this.maxSelectedDate}});this.dispatchEvent(t),this.closeModal(),(e=this.analyticsHandler)===null||e===void 0||e.sendEvent({category:Ne.default,action:te.histogramChangedFromModal,label:window.location.href})}closeModal(){this.modalManager&&(this.modalManager.closeModal(),this.dispatchEvent(new CustomEvent("modalClosed")))}static get styles(){return v`
+ #container {
+ display: flex;
+ justify-content: center;
+ padding: 40px 10px 10px;
+ overflow: hidden;
+ }
+
+ #date-picker {
+ --histogramDateRangeInputWidth: 50px;
+ --histogramDateRangeInputRowMargin: 5px 0 0 0;
+ }
+
+ #apply-btn {
+ margin: 0 0 0 5px;
+ padding: 8px 10px;
+ border: 0;
+ border-radius: 4px;
+ background: var(--primaryButtonBGColor, #194880);
+ color: white;
+ cursor: pointer;
+ }
+ `}};r([h({type:String})],je.prototype,"minDate",void 0);r([h({type:String})],je.prototype,"maxDate",void 0);r([h({type:String})],je.prototype,"minSelectedDate",void 0);r([h({type:String})],je.prototype,"maxSelectedDate",void 0);r([h({type:Array})],je.prototype,"buckets",void 0);r([h({type:Object,attribute:!1})],je.prototype,"modalManager",void 0);r([h({type:Object,attribute:!1})],je.prototype,"analyticsHandler",void 0);je=r([L("expanded-date-picker")],je);let H=class extends D{constructor(){super(...arguments),this.moreLinksVisible=!0,this.facetsLoading=!1,this.fullYearAggregationLoading=!1,this.collapsableFacets=!1,this.showHistogramDatePicker=!1,this.allowExpandingDatePicker=!1,this.parentCollections=[],this.collectionPagePath="/details/",this.isManageView=!1,this.openFacets={subject:!1,lending:!1,mediatype:!1,language:!1,creator:!1,collection:!1,year:!1},this.allowedFacetCount=6,this.handleExpandedDatePickerClosed=()=>{var e;(e=this.modalManager)===null||e===void 0||e.classList.remove("expanded-date-picker")},this.histogramDateRangeUpdated=e=>{const{minDate:t,maxDate:i}=e.detail,o=new CustomEvent("histogramDateRangeUpdated",{detail:{minDate:t,maxDate:i}});this.dispatchEvent(o)}}render(){const e=Ft({loading:this.facetsLoading,managing:this.isManageView}),t="date-picker-label";return c`
+
+ ${this.showHistogramDatePicker&&(this.fullYearsHistogramAggregation||this.fullYearAggregationLoading)?c`
+
+
+ `:b}
+ ${this.collectionPartOfTemplate}
+ ${this.mergedFacets.map(i=>this.getFacetGroupTemplate(i))}
+
+ `}get collectionPartOfTemplate(){var e;if(!(!((e=this.parentCollections)===null||e===void 0)&&e.length))return b;const t="partof-heading";return c`
+ + Year Published range filter + ${this.expandDatePickerBtnTemplate} +
+ ${this.histogramTemplate} +
+
+ ${k("Part Of")}
+-
+ ${gt(this.parentCollections,i=>{var o,s;const n=`${this.baseNavigationUrl}${this.collectionPagePath}${i}`;return c`
- + + ${(s=(o=this.collectionTitles)===null||o===void 0?void 0:o.get(i))!==null&&s!==void 0?s:i} + + `})} +
…
`:c`
+
+
+ + ${this.collapsableFacets?o:b} ${e.title} + filters +
+
+ ${this.facetsLoading?this.getTombstoneFacetGroupTemplate():c`
+ ${this.getFacetTemplate(e)}
+ ${this.searchMoreFacetsLink(e)}
+ `}
+
+
+
+
+
+
+
+ `}static get styles(){const e=v`var(--circularActivityIndicatorColor, dodgerblue)`,t=v`var(--circularActivityIndicatorThickness, 4px)`;return v`
+ :host {
+ display: block;
+ }
+
+ .lds-ring {
+ display: inline-block;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ }
+ .lds-ring div {
+ box-sizing: border-box;
+ display: block;
+ position: absolute;
+ width: 80%;
+ height: 80%;
+ margin: ${t};
+ border-width: ${t};
+ border-style: solid;
+ border-radius: 50%;
+ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+ border-color: ${e} transparent transparent transparent;
+ }
+ .lds-ring div:nth-child(1) {
+ animation-delay: -0.45s;
+ }
+ .lds-ring div:nth-child(2) {
+ animation-delay: -0.3s;
+ }
+ .lds-ring div:nth-child(3) {
+ animation-delay: -0.15s;
+ }
+ @keyframes lds-ring {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+ }
+ `}};Sr=r([L("circular-activity-indicator")],Sr);function Wc(a,e){return a===void 0?e!==void 0:e===void 0?a!==void 0:a.facetType===e.facetType&&a.bucketKey===e.bucketKey}function za(a,e){return a.label===e.label&&a.facets.length===e.facets.length&&a.facets.every((t,i)=>Wc(t,e.facets[i]))}function mn(a){if(!Array.isArray(a[0])){const i=a;let o=[...i];for(const s of i)o=o.filter(n=>s===n||!za(s,n));return o}const e=a,t=[];for(const i of e){const o=[];for(const s of i)t.find(l=>l.find(d=>za(s,d)))||o.push(s);o.length>0&&t.push(o)}return t}class Wa{async getRecommendedFacets(){const e=navigator.language,t=Wa.getLanguageDisplayName(e);return t?[{facets:[{facetType:"language",bucketKey:t}]}]:[]}static getLanguageDisplayName(e){const t=e.split("-")[0];return new Intl.DisplayNames(["en"],{type:"language"}).of(t)}}class co{async getRecommendedFacets(e){const t=[];for(const[i,o]of Object.entries(co.KEYWORDS))e.includes(i)&&t.push(...o);return t}}co.KEYWORDS={text:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],book:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],pdf:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],epub:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],audio:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],song:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],music:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],listen:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],podcast:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],radio:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]}],stream:[{facets:[{facetType:"mediatype",bucketKey:"audio"}]},{facets:[{facetType:"mediatype",bucketKey:"movies"}]}],video:[{facets:[{facetType:"mediatype",bucketKey:"movies"}]}],movie:[{facets:[{facetType:"mediatype",bucketKey:"movies"}]}],film:[{facets:[{facetType:"mediatype",bucketKey:"movies"}]}],image:[{facets:[{facetType:"mediatype",bucketKey:"image"}]}],photo:[{facets:[{facetType:"mediatype",bucketKey:"image"}]}],picture:[{facets:[{facetType:"mediatype",bucketKey:"image"}]}],software:[{facets:[{facetType:"mediatype",bucketKey:"software"}]}],app:[{facets:[{facetType:"mediatype",bucketKey:"software"}]}],program:[{facets:[{facetType:"mediatype",bucketKey:"software"}]}],game:[{facets:[{facetType:"mediatype",bucketKey:"software"}]}],etree:[{facets:[{facetType:"mediatype",bucketKey:"etree"}]}],concert:[{facets:[{facetType:"mediatype",bucketKey:"etree"}]}],"live music":[{facets:[{facetType:"mediatype",bucketKey:"etree"}]}],dataset:[{facets:[{facetType:"mediatype",bucketKey:"data"}]}]};class ho{async getRecommendedFacets(e){var t;const i=[];try{const o=encodeURIComponent(e),n=await(await fetch(`https://www.wikidata.org/w/api.php?action=wbsearchentities&search=${o}&format=json&language=en&uselang=en&origin=*&type=item&limit=5`)).json();for(const[l,d]of Object.entries(ho.ENTITIES))if(new RegExp(`\\b${l}\\b`).test((t=n.search[0])===null||t===void 0?void 0:t.description)){const f=n.search[0].label;i.push(...d.map(m=>{var y;return{label:(y=m.label)===null||y===void 0?void 0:y.replace("__QUERY",f),facets:m.facets.map(w=>{var x;const C=ne(q({},w),{bucketKey:w.bucketKey.replace("__QUERY",e)});return w.displayText&&(C.displayText=(x=C.displayText)===null||x===void 0?void 0:x.replace("__QUERY",f)),C})}}))}return i}catch{return[]}}}ho.ENTITIES={"written work":[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],literature:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],book:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],novel:[{facets:[{facetType:"mediatype",bucketKey:"texts"}]}],filmmaker:[{label:"Films by __QUERY",facets:[{facetType:"mediatype",bucketKey:"movies"},{facetType:"creator",bucketKey:"__QUERY"}]}],author:[{label:"Writing by __QUERY",facets:[{facetType:"mediatype",bucketKey:"texts"},{facetType:"creator",bucketKey:"__QUERY"}]}],writer:[{label:"Writing by __QUERY",facets:[{facetType:"mediatype",bucketKey:"texts"},{facetType:"creator",bucketKey:"__QUERY"}]}],poet:[{label:"Writing by __QUERY",facets:[{facetType:"mediatype",bucketKey:"texts"},{facetType:"creator",bucketKey:"__QUERY"}]}],photographer:[{label:"Images by __QUERY",facets:[{facetType:"mediatype",bucketKey:"image"},{facetType:"creator",bucketKey:"__QUERY"}]}],painter:[{label:"Images by __QUERY",facets:[{facetType:"mediatype",bucketKey:"image"},{facetType:"creator",bucketKey:"__QUERY"}]}],"visual artist":[{label:"Images by __QUERY",facets:[{facetType:"mediatype",bucketKey:"image"},{facetType:"creator",bucketKey:"__QUERY"}]}],"graphic artist":[{label:"Images by __QUERY",facets:[{facetType:"mediatype",bucketKey:"image"},{facetType:"creator",bucketKey:"__QUERY"}]}],singer:[{label:"Music by __QUERY",facets:[{facetType:"mediatype",bucketKey:"audio"},{facetType:"creator",bucketKey:"__QUERY"}]}],songwriter:[{label:"Music by __QUERY",facets:[{facetType:"mediatype",bucketKey:"audio"},{facetType:"creator",bucketKey:"__QUERY"}]}],musician:[{label:"Music by __QUERY",facets:[{facetType:"mediatype",bucketKey:"audio"},{facetType:"creator",bucketKey:"__QUERY"}]}],composer:[{label:"Music by __QUERY",facets:[{facetType:"mediatype",bucketKey:"audio"},{facetType:"creator",bucketKey:"__QUERY"}]}],pianist:[{label:"Music by __QUERY",facets:[{facetType:"mediatype",bucketKey:"audio"},{facetType:"creator",bucketKey:"__QUERY"}]}]};class po{async getRecommendedFacets(e){const t=po.HEURISTICS.map(i=>new i().getRecommendedFacets(e));return mn((await Promise.all(t)).flat())}}po.HEURISTICS=[co,ho,Wa];var jc=c`
+
+`;function qc(a){return a&&a.charAt(0).toLocaleUpperCase()+a.slice(1)}let _i=class extends D{constructor(){super(...arguments),this.selected=!1}render(){var e,t;if(!this.facetInfo)return b;const i=this.facetInfo.facets.length===1,o=this.facetInfo.facets[0],s=qc((this.labelPrefix?`${this.labelPrefix} `:"")+((t=(e=this.facetInfo.label)!==null&&e!==void 0?e:o.displayText)!==null&&t!==void 0?t:o.bucketKey));if(!s)return b;const n=i&&o.facetType==="mediatype"?Yr[o.bucketKey].icon:b;return c`
+
+ ${n} ${s}
+ ${this.selected?c`×`:b}
+
+ `}get href(){const e=new URL(window.location.href);if(this.facetInfo)for(const t of this.facetInfo.facets)e.searchParams.append("and[]",encodeURIComponent(`${t.facetType}:"${t.bucketKey}"`));return e.toString()}facetClicked(e){e.preventDefault(),this.facetInfo&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("facetClick",{detail:{smartFacet:this.facetInfo,details:this.facetInfo.facets.map(t=>({facetType:t.facetType,bucket:{key:t.bucketKey,count:0,state:this.selected?"selected":"none"},negative:!1}))}})))}static get styles(){return v`
+ .smart-facet-button {
+ padding: 5px 10px;
+ border-radius: 15px;
+ background: #194880;
+ color: white;
+ font-size: 1.6rem;
+ font-family: inherit;
+ text-decoration: none;
+ box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
+ }
+
+ .smart-facet-button.selected {
+ background: #4c76aa;
+ }
+
+ .smart-facet-button > svg {
+ width: 15px;
+ filter: invert(1);
+ vertical-align: text-top;
+ }
+ `}};r([h({type:Object})],_i.prototype,"facetInfo",void 0);r([h({type:String})],_i.prototype,"labelPrefix",void 0);r([h({type:Boolean})],_i.prototype,"selected",void 0);_i=r([L("smart-facet-button")],_i);let Vt=class extends D{render(){var e,t;if(!this.facetInfo||!this.activeFacetRef||this.facetInfo.length===0)return b;const i=(e=this.activeFacetRef.displayText)!==null&&e!==void 0?e:this.activeFacetRef.bucketKey;return i?c`
+
+
+ ${(t=this.labelPrefix)!==null&&t!==void 0?t:b} ${i}
+
+
+ `:b}get dropdownOptions(){var e,t;return(t=(e=this.facetInfo)===null||e===void 0?void 0:e.map(i=>{var o,s;const n=i.facets[0];return{id:n.bucketKey,label:(s=(o=i.label)!==null&&o!==void 0?o:n.displayText)!==null&&s!==void 0?s:n.bucketKey}}))!==null&&t!==void 0?t:[]}get activeDropdownOption(){if(!!this.activeFacetRef)return this.dropdownOptions.find(e=>{var t;return e.id===((t=this.activeFacetRef)===null||t===void 0?void 0:t.bucketKey)})}optionSelected(e){if(!this.facetInfo||!this.activeFacetRef)return;let t;for(const i of this.facetInfo){const o=i.facets.find(s=>s.bucketKey===e.detail.option.id);o&&(this.activeFacetRef=o,t=i)}!t||this.dispatchEvent(new CustomEvent("facetClick",{detail:{smartFacet:t,details:[{facetType:this.activeFacetRef.facetType,bucket:{key:this.activeFacetRef.bucketKey,count:0,state:"selected"},negative:!1}]}}))}onDropdownClick(){Ae("smart dropdown: onDropdownClick",this),this.dispatchEvent(new CustomEvent("dropdownClick",{detail:this}))}close(){this.dropdown&&(this.dropdown.open=!1)}static get styles(){return v`
+ .dropdown-container {
+ padding: 5px 8px;
+ border-radius: 5px;
+ background: #194880;
+ color: white;
+ font-size: 1.6rem;
+ font-family: inherit;
+ box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
+ }
+
+ .dropdown-label {
+ font-size: 1.6rem;
+ font-family: inherit;
+ }
+
+ .dropdown {
+ --dropdownBorderWidth: 5px;
+ --dropdownBorderColor: transparent;
+ --caretWidth: 14px;
+ --caretHeight: 14px;
+ }
+ `}};r([h({type:Array})],Vt.prototype,"facetInfo",void 0);r([h({type:String})],Vt.prototype,"labelPrefix",void 0);r([h({type:Object})],Vt.prototype,"activeFacetRef",void 0);r([G("ia-dropdown")],Vt.prototype,"dropdown",void 0);Vt=r([L("smart-facet-dropdown")],Vt);const $r={collection:"Collection: ",creator:"By: ",subject:"About: "};function Qc(a){return a.charAt(0).toUpperCase()+a.slice(1)}let qe=class extends D{constructor(){super(...arguments),this.filterToggleActive=!1,this.heuristicRecs=[],this.smartFacets=[]}render(){return c`
+
+ ${this.filtersToggleTemplate}
+ ${Ra(this.smartFacets,e=>`${e[0].label}|${e[0].facets[0].facetType}|${e[0].facets[0].bucketKey}`,e=>this.makeSmartFacet(e))}
+
+ `}willUpdate(e){let t=!1;e.has("query")&&(Ae("query change",e.get("query"),this.query),this.lastAggregations=void 0,t=!0),e.has("aggregations")&&!this.lastAggregations&&this.aggregations&&Object.keys(this.aggregations).length>0&&(Ae("aggs change",e.get("aggregations"),this.aggregations),this.lastAggregations=this.aggregations,t=!0),t&&(Ae("should update smart facets, doing so..."),this.updateSmartFacets())}async updateSmartFacets(){Ae("updating smart facets"),this.query&&(this.heuristicRecs=await new po().getRecommendedFacets(this.query),Ae("heuristic recs are",this.heuristicRecs),this.smartFacets=mn(this.facetsToDisplay),Ae("smart facets are",this.smartFacets))}makeSmartFacet(e){return e.length===0?b:e.length===1?this.smartFacetButton(e[0]):this.smartFacetDropdown(e)}smartFacetButton(e){var t;return c`
+
+ ${this.placeholderType?this.emptyPlaceholderTemplate:this.collectionBrowserTemplate}
+
+ `}setPlaceholderType(){var e;const t=!!(!((e=this.baseQuery)===null||e===void 0)&&e.trim()),i=!!this.withinCollection,o=!!this.withinProfile,s=!this.searchResultsLoading&&(this.dataSource.size===0||!this.searchService);this.placeholderType=null,!this.suppressPlaceholders&&(!t&&!i&&!o?this.placeholderType="empty-query":s&&(this.placeholderType=!t&&i?"empty-collection":"no-results"),this.dataSource.queryErrorMessage&&(this.placeholderType=!t&&i?"collection-error":"query-error"))}get emptyPlaceholderTemplate(){var e;return c`
+
+ ${this.facetTopViewSlot} ${this.resultsCountTemplate}
+
+ `}get desktopLeftColumnTemplate(){return c`
+ ${this.mobileFacetsTemplate}
+
+ ${this.facetTopViewSlot}
+
+ `}get facetTopViewSlot(){return c`
+
+ Filters
+ ${this.resultsCountTemplate} ${this.clearFiltersBtnTemplate(!1)} +
+ ${this.facetsTemplate}
+
+
+
+
+
`}get resultsCountTemplate(){var e;if(this.suppressResultCount)return b;const t=this.searchResultsLoading||this.totalResults===void 0,i=(e=this.totalResults)===null||e===void 0?void 0:e.toLocaleString(),o=this.totalResults===1?"Result":"Results";return c`
+
+
+ ${t?c`Searching…`:i}
+
+
+ ${t?b:o}
+
+
+ `}get rightColumnTemplate(){return c`
+
+ ${this.showSmartResults?c`
+ ${this.showSmartResults?c`
+
+ `}get infiniteScrollerTemplate(){return c`+ ${k("All results")} +
`:b} +
+
+ ${this.isManageView?this.manageBarTemplate:this.sortFilterBarTemplate}
+ {var i;const o=t.target;this.isResizeToMobile=!1,this.collapsibleFacetsVisible=o.open,(i=this.analyticsHandler)===null||i===void 0||i.sendEvent({category:this.searchContext,action:te.mobileFacetsToggled,label:o.open?"open":"closed"})}}>
+
+
+
+ ${this.facetsTemplate}
+
+ `}get facetsTemplate(){if(la.includes(this.profileElement))return b;if(this.facetLoadStrategy==="off")return c`
+
+ `;const e=c`
+
+
+ ${k("Filters")}
+ ${this.clearFiltersBtnTemplate(!0)}
+
+ ${this.facetsTemplate}
+ {const o=i.target;this.collapsibleFacetsVisible=o.open}}
+ >
+
+
+
+ ${e}
+
+ `:e}clearFiltersBtnTemplate(e){if(!this.hasActiveFilters)return b;const t=Ft({"clear-filters-btn":!0,mobile:e}),i=e?"Clear all":"Clear all filters";return c`
+ 0&&this.contentWidthi/100)}),this.leftColIntersectionObserver.observe(t)),window.addEventListener("resize",this.updateLeftColumnHeight)}setupFacetsScrollListeners(){var e;const t=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("#facets-scroll-sentinel");t&&(this.facetsIntersectionObserver=new IntersectionObserver(this.updateFacetFadeOut),this.facetsIntersectionObserver.observe(t))}emitBaseQueryChanged(){this.dispatchEvent(new CustomEvent("baseQueryChanged",{detail:{baseQuery:this.baseQuery}}))}emitSearchTypeChanged(){this.dispatchEvent(new CustomEvent("searchTypeChanged",{detail:this.searchType}))}emitQueryStateChanged(){this.dispatchEvent(new CustomEvent("queryStateChanged",{detail:{baseQuery:this.baseQuery,withinCollection:this.withinCollection,withinProfile:this.withinProfile,profileElement:this.profileElement,searchType:this.searchType,selectedFacets:this.selectedFacets,minSelectedDate:this.minSelectedDate,maxSelectedDate:this.maxSelectedDate,selectedSort:this.selectedSort,sortDirection:this.sortDirection,selectedTitleFilter:this.selectedTitleFilter,selectedCreatorFilter:this.selectedCreatorFilter}}))}emitEmptyResults(){this.dispatchEvent(new Event("emptyResults"))}disconnectResizeObserver(e){e.removeObserver({target:this.contentContainer,handler:this})}setupResizeObserver(){!this.resizeObserver||!this.contentContainer||this.resizeObserver.addObserver({target:this.contentContainer,handler:this})}visibleCellsChanged(e){if(this.isScrollingToCell)return;const{visibleCellIndices:t}=e.detail;if(t.length===0)return;const i=Math.min(this.pageSize,t.length)-1,o=t[i],s=Math.floor(o/this.pageSize)+1;this.currentPage!==s&&(this.currentPage=s);const n=new CustomEvent("visiblePageChanged",{detail:{pageNumber:s}});this.dispatchEvent(n)}get initialSearchComplete(){return this.dataSource.initialSearchComplete}async handleQueryChange(){var e;!this.searchService||this.dataSource.pageFetchQueryKey===this.previousQueryKey||this.baseQuery&&!this.dataSource.canPerformSearch||(this.previousQueryKey=this.dataSource.pageFetchQueryKey,this.totalResults=void 0,this.pagesToRender=this.initialPageNumber===1?2:this.initialPageNumber,this.infiniteScroller&&(this.infiniteScroller.itemCount=this.estimatedTileCount,this.infiniteScroller.reload()),this.withinCollection&&((e=this.baseQuery)===null||e===void 0?void 0:e.trim())&&(this.defaultSortField=S.relevance,this.defaultSortDirection=null),!this.initialQueryChangeHappened&&this.initialPageNumber>1&&this.scrollToPage(this.initialPageNumber),this.initialQueryChangeHappened=!0,this.historyPopOccurred||this.persistState(),this.historyPopOccurred=!1)}setupStateRestorationObserver(){this.boundNavigationHandler||(this.boundNavigationHandler=this.historyNavigationHandler.bind(this)),window.addEventListener("popstate",this.boundNavigationHandler)}historyNavigationHandler(){this.historyPopOccurred=!0,this.restoreState()}restoreState(){var e,t,i,o,s;const n=this.restorationStateHandler.getRestorationState();this.displayMode=n.displayMode,n.searchType!=null&&(this.searchType=n.searchType),this.selectedSort=(e=n.selectedSort)!==null&&e!==void 0?e:S.default,this.sortDirection=(t=n.sortDirection)!==null&&t!==void 0?t:null,this.selectedTitleFilter=(i=n.selectedTitleFilter)!==null&&i!==void 0?i:null,this.selectedCreatorFilter=(o=n.selectedCreatorFilter)!==null&&o!==void 0?o:null,this.selectedFacets=n.selectedFacets,this.suppressURLQuery||(this.baseQuery=n.baseQuery),this.currentPage=(s=n.currentPage)!==null&&s!==void 0?s:1,this.minSelectedDate=n.minSelectedDate,this.maxSelectedDate=n.maxSelectedDate,this.currentPage>1&&this.goToPage(this.currentPage)}persistState(){var e,t,i,o;const s={displayMode:this.displayMode,searchType:this.searchType,selectedSort:this.selectedSort,sortDirection:(e=this.sortDirection)!==null&&e!==void 0?e:void 0,selectedFacets:(t=this.selectedFacets)!==null&&t!==void 0?t:Xe(),baseQuery:this.suppressURLQuery?void 0:this.baseQuery,currentPage:this.currentPage,titleQuery:this.titleQuery,creatorQuery:this.creatorQuery,minSelectedDate:this.minSelectedDate,maxSelectedDate:this.maxSelectedDate,selectedTitleFilter:(i=this.selectedTitleFilter)!==null&&i!==void 0?i:void 0,selectedCreatorFilter:(o=this.selectedCreatorFilter)!==null&&o!==void 0?o:void 0};this.restorationStateHandler.persistState(s,this.dataSourceInstallInProgress)}emitSearchResultsLoadingChanged(){this.dispatchEvent(new CustomEvent("searchResultsLoadingChanged",{detail:{loading:this.searchResultsLoading}}))}facetsChanged(e){this.selectedFacets=e.detail}facetClickHandler({detail:{facetType:e,bucket:t,negative:i}}){var o;let s;i?s=t.state!=="none"?te.facetNegativeSelected:te.facetNegativeDeselected:s=t.state!=="none"?te.facetSelected:te.facetDeselected,(o=this.analyticsHandler)===null||o===void 0||o.sendEvent({category:this.searchContext,action:s,label:e})}scrollToPage(e){return new Promise(t=>{const i=this.pageSize*(e-1);setTimeout(()=>{var o;this.isScrollingToCell=!0,(o=this.infiniteScroller)===null||o===void 0||o.scrollToCell(i,!0),setTimeout(()=>{var s;this.isScrollingToCell=!1,(s=this.infiniteScroller)===null||s===void 0||s.refreshAllVisibleCells(),t()},500)},0)})}get isRelevanceSortAvailable(){var e;return!!(!((e=this.baseQuery)===null||e===void 0)&&e.trim())}setTileCount(e){this.infiniteScroller&&(this.infiniteScroller.itemCount=e)}applyDefaultCollectionSort(e){var t,i,o;if(this.baseQuery){this.defaultSortField=S.relevance,this.defaultSortDirection=null;return}const s=!((i=(t=e==null?void 0:e.public_metadata)===null||t===void 0?void 0:t.identifier)===null||i===void 0)&&i.startsWith("fav-")?"-favoritedate":"-week",n=(o=e==null?void 0:e.public_metadata)===null||o===void 0?void 0:o["sort-by"],l=n!=null?n:s;let[d,p]=l.split(":");d.startsWith("-")?(d=d.slice(1),p="desc"):["asc","desc"].includes(p)||(p="asc");const m=Hr(d).field;m&&m!==S.default&&(this.defaultSortField=m,this.defaultSortDirection=p)}applyDefaultProfileSort(){if(this.profileElement){const e=bl[this.profileElement];this.defaultSortField=e!=null?e:S.weeklyview}else this.defaultSortField=S.weeklyview;this.defaultSortDirection="desc"}get currentVisiblePageNumbers(){var e,t;const i=(t=(e=this.infiniteScroller)===null||e===void 0?void 0:e.getVisibleCellIndices())!==null&&t!==void 0?t:[],o=new Set;return i.forEach(s=>{const n=Math.floor(s/this.pageSize)+1;o.add(n)}),Array.from(o)}refreshVisibleResults(){var e;(e=this.infiniteScroller)===null||e===void 0||e.refreshAllVisibleCells()}resultSelected(e){var t,i,o;if(this.isManageView){const s=this.dataSource.indexOf(e.detail);s>=0&&((t=this.infiniteScroller)===null||t===void 0||t.refreshCell(s)),this.requestUpdate()}(i=this.analyticsHandler)===null||i===void 0||i.sendEvent({category:this.searchContext,action:te.resultSelected,label:e.detail.mediatype}),(o=this.analyticsHandler)===null||o===void 0||o.sendEvent({category:this.searchContext,action:te.resultSelected,label:`page-${this.currentPage}`})}cellForIndex(e){const t=this.tileModelAtCellIndex(e);if(!!t)return c`
+ this.resultSelected(i)}
+ >
+
+ `}scrollThresholdReached(){!this.dataSource.endOfDataReached&&this.dataSource.queryInitialized&&(this.pagesToRender+=1,this.dataSource.fetchPage(this.pagesToRender))}fetchManagableSearchResults(){var e;this.pageContext==="search"&&this.dataSource.totalResults>100&&!this.searchResultsLoading&&(this.dataSource.resetPages(),this.dataSource.fetchPage(1,this.maxPagesToManage),(e=this.infiniteScroller)===null||e===void 0||e.reload())}static get styles(){return[et,v`
+ :host {
+ display: block;
+ --leftColumnWidth: 18rem;
+ --leftColumnPaddingRight: 2.5rem;
+ }
+
+ #facet-top-view {
+ display: flex;
+ }
+
+ /**
+ * When page width resizes from desktop to mobile, use this class to
+ * disable expand/collapse transition when loading.
+ */
+ .preload * {
+ transition: none !important;
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ -ms-transition: none !important;
+ -o-transition: none !important;
+ }
+
+ #content-container {
+ display: flex;
+ }
+
+ empty-placeholder {
+ margin-top: var(--placeholderMarginTop, 0);
+ }
+
+ .collapser-icon {
+ display: inline-block;
+ }
+
+ .collapser-icon svg {
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ transition: transform 0.2s ease-out;
+ }
+
+ #mobile-filter-collapse {
+ width: 100%;
+ }
+
+ #mobile-filter-collapse > summary {
+ cursor: pointer;
+ list-style: none;
+ }
+
+ #mobile-filter-collapse[open] > summary {
+ margin-bottom: 10px;
+ }
+
+ #mobile-filter-collapse h2 {
+ display: inline-block;
+ margin: 0;
+ font-size: 2rem;
+ }
+
+ #mobile-filter-collapse[open] svg {
+ transform: rotate(90deg);
+ }
+
+ #content-container.mobile {
+ display: block;
+ }
+
+ .column {
+ padding-top: 2rem;
+ }
+
+ #right-column {
+ flex: 1;
+ position: relative;
+ min-height: 90vh;
+ border-left: 1px solid rgb(232, 232, 232);
+ border-right: 1px solid rgb(232, 232, 232);
+ margin-top: var(--rightColumnMarginTop, 0);
+ background: #fff;
+ }
+
+ #right-column.smart-results-spacing {
+ padding-top: 0.5rem;
+ border-right: none;
+ background: transparent;
+ min-width: 0;
+ }
+
+ #results {
+ background: #fff;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ #right-column.smart-results-spacing #results {
+ border-radius: 10px 10px 0px 0px;
+ padding-top: 0.5rem;
+ margin-top: 1rem;
+ }
+
+ .mobile #right-column {
+ border-left: none;
+ }
+
+ .mobile #results {
+ padding: 5px 5px 0;
+ }
+
+ #left-column {
+ width: var(--leftColumnWidth, 18rem);
+ /* Prevents Safari from shrinking col at first draw */
+ min-width: var(--leftColumnWidth, 18rem);
+ /* Reduced padding by 0.2rem to add the invisible border in the rule below */
+ padding-right: calc(var(--leftColumnPaddingRight, 2.5rem) - 0.2rem);
+ border-right: 0.2rem solid transparent; /* Pads to the right of the scrollbar a bit */
+ z-index: 1;
+ }
+
+ .desktop #left-column {
+ top: 0;
+ position: sticky;
+ height: calc(100vh - 2rem);
+ max-height: calc(100vh - 2rem);
+ overflow-x: hidden;
+ overflow-y: scroll;
+
+ /*
+ * Firefox doesn't support any of the -webkit-scrollbar stuff below, but
+ * does at least give us a tiny bit of control over width & color.
+ */
+ scrollbar-width: thin;
+ scrollbar-color: transparent transparent;
+ }
+ .desktop #left-column:hover {
+ scrollbar-color: auto;
+ }
+ .desktop #left-column::-webkit-scrollbar {
+ appearance: none;
+ width: 6px;
+ }
+ .desktop #left-column::-webkit-scrollbar-button {
+ height: 3px;
+ background: transparent;
+ }
+ .desktop #left-column::-webkit-scrollbar-corner {
+ background: transparent;
+ }
+ .desktop #left-column::-webkit-scrollbar-thumb {
+ border-radius: 4px;
+ }
+ .desktop #left-column:hover::-webkit-scrollbar-thumb {
+ background: rgba(0, 0, 0, 0.15);
+ }
+ .desktop #left-column:hover::-webkit-scrollbar-thumb:hover {
+ background: rgba(0, 0, 0, 0.2);
+ }
+ .desktop #left-column:hover::-webkit-scrollbar-thumb:active {
+ background: rgba(0, 0, 0, 0.3);
+ }
+
+ #facets-bottom-fade {
+ background: linear-gradient(
+ to bottom,
+ #f5f5f700 0%,
+ #f5f5f7c0 50%,
+ #f5f5f7 80%,
+ #f5f5f7 100%
+ );
+ position: fixed;
+ bottom: 0;
+ height: 50px;
+ /* Wide enough to cover the content, but leave the scrollbar uncovered */
+ width: calc(
+ var(--leftColumnWidth) + var(--leftColumnPaddingRight) - 10px
+ );
+ z-index: 2;
+ pointer-events: none;
+ transition: height 0.1s ease;
+ }
+ #facets-bottom-fade.hidden {
+ height: 0;
+ }
+
+ .facets-message {
+ font-size: 1.4rem;
+ }
+
+ .desktop-facets-dropdown > summary {
+ cursor: pointer;
+ list-style: none;
+ }
+
+ .desktop-facets-dropdown h2 {
+ display: inline-block;
+ margin: 0;
+ font-size: 1.6rem;
+ }
+
+ .desktop-facets-dropdown[open] > summary {
+ margin-bottom: 10px;
+ }
+
+ .desktop-facets-dropdown[open] svg {
+ transform: rotate(90deg);
+ }
+
+ .desktop #left-column-scroll-sentinel {
+ width: 1px;
+ height: 100vh;
+ background: transparent;
+ }
+
+ .desktop #facets-scroll-sentinel {
+ width: 1px;
+ height: 1px;
+ background: transparent;
+ }
+
+ #facets-header-container {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ clear: both;
+ }
+
+ .desktop #facets-header-container {
+ flex-wrap: wrap;
+ }
+
+ .mobile #left-column {
+ width: 100%;
+ min-width: 0;
+ padding: 0;
+ border: 0;
+ }
+
+ .clear-filters-btn-row {
+ display: inline-block;
+ }
+
+ .desktop .clear-filters-btn-row {
+ width: 100%;
+ }
+
+ .clear-filters-btn {
+ display: inline-block;
+ appearance: none;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ background: none;
+ color: var(--ia-theme-link-color);
+ font-size: 1.4rem;
+ font-family: inherit;
+ cursor: pointer;
+ }
+
+ .clear-filters-btn:hover {
+ text-decoration: underline;
+ }
+
+ .clear-filters-btn-separator {
+ display: inline-block;
+ margin-left: 5px;
+ border-left: 1px solid #2c2c2c;
+ font-size: 1.4rem;
+ line-height: 1.3rem;
+ }
+
+ #facets-container {
+ position: relative;
+ max-height: 0;
+ transition: max-height 0.2s ease-in-out;
+ z-index: 1;
+ margin-top: 5rem;
+ padding-bottom: 2rem;
+ }
+
+ .desktop #facets-container {
+ width: 18rem;
+ }
+
+ .mobile #facets-container {
+ overflow: hidden;
+ padding-bottom: 0;
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ #facets-container.expanded {
+ max-height: 2000px;
+ }
+
+ .results-section-heading {
+ margin: 0.5rem 0.3rem;
+ font-size: 2rem;
+ line-height: 25px;
+ }
+
+ #results-total {
+ display: flex;
+ align-items: baseline;
+ }
+
+ .mobile #results-total {
+ float: right;
+ margin-bottom: 0;
+ margin-right: 5px;
+ }
+
+ #big-results-count {
+ font-size: 2.4rem;
+ font-weight: 500;
+ margin-right: 5px;
+ }
+
+ .mobile #big-results-count {
+ font-size: 2rem;
+ }
+
+ #big-results-label {
+ font-size: 1.4rem;
+ font-weight: 200;
+ }
+
+ #list-header {
+ max-height: 4.2rem;
+ }
+
+ .loading-cover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ z-index: 1;
+ padding-top: 50px;
+ }
+
+ circular-activity-indicator {
+ width: 30px;
+ height: 30px;
+ }
+
+ sort-filter-bar {
+ display: block;
+ margin-bottom: 4rem;
+ }
+
+ infinite-scroller {
+ display: block;
+ --infiniteScrollerRowGap: var(--collectionBrowserRowGap, 1.7rem);
+ --infiniteScrollerColGap: var(--collectionBrowserColGap, 1.7rem);
+ }
+
+ infinite-scroller.list-compact {
+ --infiniteScrollerCellMinWidth: var(
+ --collectionBrowserCellMinWidth,
+ 100%
+ );
+ --infiniteScrollerCellMinHeight: 45px; /* override infinite scroller component */
+ --infiniteScrollerCellMaxHeight: 56px;
+ --infiniteScrollerRowGap: 10px;
+ }
+
+ infinite-scroller.list-detail {
+ --infiniteScrollerCellMinWidth: var(
+ --collectionBrowserCellMinWidth,
+ 100%
+ );
+ --infiniteScrollerCellMinHeight: var(
+ --collectionBrowserCellMinHeight,
+ 5rem
+ );
+ /*
+ 30px in spec, compensating for a -4px margin
+ to align title with top of item image
+ src/tiles/list/tile-list.ts
+ */
+ --infiniteScrollerRowGap: 34px;
+ }
+
+ .mobile infinite-scroller.list-detail {
+ --infiniteScrollerRowGap: 24px;
+ }
+
+ infinite-scroller.grid {
+ --infiniteScrollerCellMinWidth: var(
+ --collectionBrowserCellMinWidth,
+ 17rem
+ );
+ --infiniteScrollerCellMaxWidth: var(
+ --collectionBrowserCellMaxWidth,
+ 1fr
+ );
+ }
+
+ /* Allow tiles to shrink a bit further at smaller viewport widths */
+ @media screen and (max-width: 880px) {
+ infinite-scroller.grid {
+ --infiniteScrollerCellMinWidth: var(
+ --collectionBrowserCellMinWidth,
+ 15rem
+ );
+ }
+ }
+ /* At very small widths, maintain a 2-tile layout as far as it can reasonably go */
+ @media screen and (max-width: 360px) {
+ infinite-scroller.grid {
+ --infiniteScrollerCellMinWidth: var(
+ --collectionBrowserCellMinWidth,
+ 12rem
+ );
+ }
+ }
+
+ infinite-scroller.hidden {
+ display: none;
+ }
+ `]}};r([h({type:String})],T.prototype,"baseNavigationUrl",void 0);r([h({type:String})],T.prototype,"baseImageUrl",void 0);r([h({type:Object})],T.prototype,"searchService",void 0);r([h({type:Number})],T.prototype,"searchType",void 0);r([h({type:String})],T.prototype,"withinCollection",void 0);r([h({type:String})],T.prototype,"withinProfile",void 0);r([h({type:String})],T.prototype,"profileElement",void 0);r([h({type:String})],T.prototype,"baseQuery",void 0);r([h({type:String})],T.prototype,"displayMode",void 0);r([h({type:String})],T.prototype,"selectedSort",void 0);r([h({type:String})],T.prototype,"selectedTitleFilter",void 0);r([h({type:String})],T.prototype,"selectedCreatorFilter",void 0);r([h({type:String})],T.prototype,"sortDirection",void 0);r([h({type:String})],T.prototype,"defaultSortField",void 0);r([h({type:String})],T.prototype,"defaultSortDirection",void 0);r([h({type:Number})],T.prototype,"pageSize",void 0);r([h({type:Number})],T.prototype,"currentPage",void 0);r([h({type:String})],T.prototype,"minSelectedDate",void 0);r([h({type:String})],T.prototype,"maxSelectedDate",void 0);r([h({type:Object})],T.prototype,"selectedFacets",void 0);r([h({type:Boolean})],T.prototype,"showSmartFacetBar",void 0);r([h({type:Boolean})],T.prototype,"showHistogramDatePicker",void 0);r([h({type:Boolean})],T.prototype,"suppressPlaceholders",void 0);r([h({type:Boolean})],T.prototype,"suppressResultCount",void 0);r([h({type:Boolean})],T.prototype,"suppressResultTiles",void 0);r([h({type:Boolean})],T.prototype,"suppressURLQuery",void 0);r([h({type:Boolean})],T.prototype,"suppressSortBar",void 0);r([h({type:Boolean})],T.prototype,"suppressDisplayModes",void 0);r([h({type:String})],T.prototype,"facetLoadStrategy",void 0);r([h({type:Boolean})],T.prototype,"facetPaneVisible",void 0);r([h({type:Boolean})],T.prototype,"clearResultsOnEmptyQuery",void 0);r([h({type:String})],T.prototype,"collectionPagePath",void 0);r([h({type:String,reflect:!0})],T.prototype,"searchContext",void 0);r([h({type:String})],T.prototype,"pageContext",void 0);r([h({type:Object})],T.prototype,"restorationStateHandler",void 0);r([h({type:Number})],T.prototype,"mobileBreakpoint",void 0);r([h({type:Boolean})],T.prototype,"loggedIn",void 0);r([h({type:Object})],T.prototype,"resizeObserver",void 0);r([h({type:Object})],T.prototype,"modalManager",void 0);r([h({type:Object})],T.prototype,"featureFeedbackService",void 0);r([h({type:Object})],T.prototype,"recaptchaManager",void 0);r([h({type:Boolean})],T.prototype,"isManageView",void 0);r([h({type:String})],T.prototype,"manageViewLabel",void 0);r([h({type:Boolean})],T.prototype,"enableSortOptionsSlot",void 0);r([h({type:Boolean,reflect:!0})],T.prototype,"showSmartResults",void 0);r([h({type:Number})],T.prototype,"maxPagesToManage",void 0);r([h({type:Object})],T.prototype,"dataSource",void 0);r([P()],T.prototype,"pagesToRender",void 0);r([P()],T.prototype,"searchResultsLoading",void 0);r([P()],T.prototype,"facetsLoading",void 0);r([P()],T.prototype,"totalResults",void 0);r([P()],T.prototype,"mobileView",void 0);r([P()],T.prototype,"collapsibleFacetsVisible",void 0);r([P()],T.prototype,"contentWidth",void 0);r([P()],T.prototype,"placeholderType",void 0);r([G("#content-container")],T.prototype,"contentContainer",void 0);r([G("#left-column")],T.prototype,"leftColumn",void 0);r([G("collection-facets")],T.prototype,"collectionFacets",void 0);r([G("manage-bar")],T.prototype,"manageBar",void 0);r([h({type:Object,attribute:!1})],T.prototype,"analyticsHandler",void 0);r([G("infinite-scroller")],T.prototype,"infiniteScroller",void 0);T=r([L("collection-browser")],T);let re=class extends D{constructor(){super(...arguments),this.searchService=this.initSearchServiceFromUrlParams(),this.resizeObserver=new ol,this.toggleSlots=!1,this.cellWidth=18,this.cellHeight=29,this.rowGap=1.7,this.colGap=1.7,this.suppressFacets=!1,this.lazyLoadFacets=!1,this.loggedIn=!1,this.searchType=le.METADATA,this.analyticsManager=new Ln,this.analyticsHandler={sendPing:this.sendAnalytics.bind(this),sendEvent:this.sendAnalytics.bind(this),sendEventNoSampling:this.sendAnalytics.bind(this)}}sendAnalytics(e){var t;console.log("Analytics Received ----",e),this.latestAction=e,(t=this.analyticsManager)===null||t===void 0||t.sendEvent(e)}initSearchServiceFromUrlParams(){var e,t,i;const o=new URL(window.location.href).searchParams;return new Ue({includeCredentials:!1,baseUrl:(e=o.get("search_base_url"))!==null&&e!==void 0?e:void 0,servicePath:(t=o.get("search_service_path"))!==null&&t!==void 0?t:void 0,debuggingEnabled:(i=!!o.get("debugging"))!==null&&i!==void 0?i:void 0})}searchPressed(e){e.preventDefault(),this.searchQuery=this.baseQueryField.value,this.collectionBrowser.searchType=this.searchType,this.goToCurrentPage()}collectionChanged(e){e.preventDefault(),this.withinCollection=this.baseCollectionField.value,this.collectionBrowser.withinCollection=this.withinCollection,this.goToCurrentPage()}goToCurrentPage(){var e;const t=(e=this.currentPage)!==null&&e!==void 0?e:1;t>1&&this.collectionBrowser.goToPage(t)}changePagePressed(e){e.preventDefault(),this.currentPage=this.pageNumberInput.valueAsNumber,this.collectionBrowser.goToPage(this.currentPage)}updated(e){e.has("currentPage")&&this.currentPage&&(this.pageNumberInput.value=this.currentPage.toString()),e.has("searchQuery")&&this.queryUpdated()}queryUpdated(){this.collectionBrowser.baseQuery=this.searchQuery}get getClass(){return new URLSearchParams(window.location.search).get("hide-dev-tools")?"hidden":""}render(){var e,t;return c`
+
+
+ ${k("Filters")}
+
+ ${e}
+
+ `:e}clearFiltersBtnTemplate(e){if(!this.hasActiveFilters)return b;const t=Ft({"clear-filters-btn":!0,mobile:e}),i=e?"Clear all":"Clear all filters";return c`
+
+ ${e?c` `:b}
+
+
+ `}get listHeaderTemplate(){return c`
+
+
+
+
+ `}histogramDateRangeUpdated(e){var t;const{minDate:i,maxDate:o}=e.detail;[this.minSelectedDate,this.maxSelectedDate]=[i,o],(t=this.analyticsHandler)===null||t===void 0||t.sendEvent({category:this.searchContext,action:te.histogramChanged,label:this.dateRangeQueryClause})}get dateRangeQueryClause(){if(!(!this.minSelectedDate||!this.maxSelectedDate))return`year:[${this.minSelectedDate} TO ${this.maxSelectedDate}]`}emitManageModeChangedEvent(){this.dispatchEvent(new CustomEvent("manageModeChanged",{detail:this.isManageView}))}async installDataSourceAndQueryState(e,t){var i,o;Ae("Installing data source & query state in CB:",e,t),this.dataSource&&this.removeController(this.dataSource),this.dataSource=e,this.addController(this.dataSource),this.baseQuery=t.baseQuery,this.profileElement=t.profileElement,this.searchType=t.searchType,this.selectedFacets=(i=t.selectedFacets)!==null&&i!==void 0?i:Xe(),this.minSelectedDate=t.minSelectedDate,this.maxSelectedDate=t.maxSelectedDate,this.selectedSort=(o=t.selectedSort)!==null&&o!==void 0?o:S.default,this.sortDirection=t.sortDirection,this.selectedTitleFilter=t.selectedTitleFilter,this.selectedCreatorFilter=t.selectedCreatorFilter,this.dataSourceInstallInProgress=!0,this.requestUpdate(),await this.updateComplete,this.dataSourceInstallInProgress=!1,this.searchResultsLoading||(this.setTotalResultCount(this.dataSource.totalResults),this.setTileCount(this.dataSource.size)),this.refreshVisibleResults()}firstUpdated(){this.restoreState(),this.setInitialSize()}setInitialSize(){this.contentWidth=this.contentContainer.getBoundingClientRect().width,this.mobileView=this.contentWidth>0&&this.contentWidth
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Search type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${JSON.stringify(this.latestAction,null,2)}
+
+
+
+ ${this.toggleSlots?c`
+
+ Sort Slot
`:b}
+ ${this.toggleSlots?c`Facet Slot
`:b}
+