b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
32 lines
No EOL
2.2 KiB
JavaScript
32 lines
No EOL
2.2 KiB
JavaScript
;;;;(function(window){'use strict';var proto=Object.create(HTMLElement.prototype);proto.createdCallback=function(){this.innerHTML=`
|
|
<style scoped>
|
|
music-search-results {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
background: var(--background);
|
|
}
|
|
|
|
music-search-results.transitions-on {
|
|
transition:
|
|
opacity 0.2s linear,
|
|
visibility 0s linear 0.2s;
|
|
}
|
|
|
|
music-search-results[active] {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transition-delay: 0s, 0s;
|
|
pointer-events: auto;
|
|
}
|
|
</style>
|
|
<gaia-fast-list id="list">
|
|
<template>
|
|
<a href="\${url}" data-file-path="\${name}" data-section="\${section}">
|
|
<div class="image"><img></div>
|
|
<h3 dir="auto">\${title}</h3>
|
|
<p dir="auto">\${subtitle}</p>
|
|
</a>
|
|
</template>
|
|
</gaia-fast-list>`;this.els={list:this.querySelector('#list')};this.els.list.configure({getSectionName:(item)=>item.section,getItemImageSrc:(item)=>this.getItemImageSrc(item)});this.els.list.addEventListener('click',(e)=>this.onLinkClick(e));};proto.attachedCallback=function(){setTimeout(()=>this.enableTransitions());};proto.enableTransitions=function(){this.classList.add('transitions-on');};proto.onLinkClick=function(evt){var link=evt.target.closest('a');if(!link)return;evt.preventDefault();this.close().then(()=>{this.emit('resultclick',link);});};proto.getItemImageSrc=function(){};proto.open=function(){return new Promise((resolve)=>{requestAnimationFrame(()=>{this.setAttribute('active',true);resolve();});this.emit('open');});};proto.close=function(){return new Promise((resolve)=>{requestAnimationFrame(()=>{this.removeAttribute('active');this.clearResults();resolve();});this.emit('close');});};proto.setResults=function(results){if(results.length===0){return document.l10n.formatValue('search-no-result').then((noResult)=>{return this.els.list.setModel([{title:noResult,subtitle:''}]);});}
|
|
return this.els.list.setModel(results);};proto.clearResults=function(){return this.els.list.setModel([]);};proto.emit=function(name,detail){var evt=new CustomEvent(name,{detail:detail});this.dispatchEvent(evt);};window.MusicSearchResults=document.registerElement('music-search-results',{prototype:proto});})(window); |