import{h}from"@stencil/core";import{PauseIcon,PlayIcon}from"./icons";export class PrestoPlaylistItem{constructor(){this.active=!1,this.playing=!1}render(){return h("div",{key:"49e846bdd8e8032f874150021aaef59755817bfb",class:{playlist__item:!0,"playlist__item-is--active":this.active,"playlist__item-is--playing":this.playing},onClick:()=>{this.playing?this.triggerPause.emit():this.triggerPlay.emit()}},h("div",{key:"030b3f66de76f741178b03447486563ced819381",class:"playlist__title-wrap"},h("div",{key:"4b1a2c717681406314c607871dee8113bd247ddc",class:"playlist__play-icon"},this.playing?h(PauseIcon,null):h(PlayIcon,null)),h("slot",{key:"b7b5d6369aa926ec829952f25e4007496367a993",name:"item-title"})),h("div",{key:"d515ddcb7caae30569b4669cb8880cb3e410ebc6",class:"playlist__time"},h("slot",{key:"ff8aceb7144b46b5f762e8b22bb3a3c51a40571f",name:"item-duration"})))}static get is(){return"presto-playlist-item"}static get encapsulation(){return"shadow"}static get originalStyleUrls(){return{$:["presto-playlist-item.scss"]}}static get styleUrls(){return{$:["presto-playlist-item.css"]}}static get properties(){return{active:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Active status"},attribute:"active",reflect:!1,defaultValue:"false"},playing:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Playing status"},attribute:"playing",reflect:!1,defaultValue:"false"}}}static get events(){return[{method:"triggerPlay",name:"triggerPlay",bubbles:!0,cancelable:!0,composed:!0,docs:{tags:[],text:"Emit play event"},complexType:{original:"void",resolved:"void",references:{}}},{method:"triggerPause",name:"triggerPause",bubbles:!0,cancelable:!0,composed:!0,docs:{tags:[],text:"Emit pause event"},complexType:{original:"void",resolved:"void",references:{}}}]}}