{"version":3,"sources":["jsdelivr-header.js","/npm/@powerpeers-test/source-dialog@0.0.0/index.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OCNS,WAAY,SAAY,qBAG1B,WAAY,iBAEZ,4BACA,2BAEA,MAAM,qBAAqB,WAChC,qBAAW,GACT,MAAO,CACL,OAAQ,CAAE,KAAM,QAChB,KAAM,CAAE,KAAM,QAAS,SAAS,GAChC,QAAS,CAAE,KAAM,SACjB,MAAO,CAAE,KAAM,SAEnB,CAEA,iBAAW,GACT,OAAO,MACT,CAEA,WAAA,GACE,QAEA,KAAK,SAAU,EACf,KAAK,MAAO,CACd,CAEA,KAAA,GACE,KAAK,cAAc,IAAI,YAAY,SACrC,CAEA,eAAI,GACF,OAAK,KAAK,MAEH,IAAI;;UAEL,KAAK;;MAJa,IAO1B,CAEA,cAAI,GACF,IAAK,KAAK,OAAQ,OAAO,KAEzB,MAAM,OACJ,EAAM,KACN,EAAI,KACJ,EAAI,YACJ,GACE,KAAK,OAEH,EAAW,GAAU,EAAO,OAAS,EAAI,EAAO,GAAK,KAE3D,OAAO,IAAI;;gBAEC;mBACG;mBACA;;UAET,GAAe,IAAI,MAAM;;;KAIjC,CAEA,MAAA,GACE,OAAO,IAAI;;iBAEE,KAAK;gBACN,KAAK;mBACF,KAAK;;UAEd,KAAK,MAAQ,KAAK,YAAc,KAAK;;;KAI7C,EAGF,eAAe,OAAO,gBAAiB","file":"/npm/@powerpeers-test/source-dialog@0.0.0/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@powerpeers-test/source-dialog@0.0.0/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import { LitElement, html } from 'lit-element';\n\n/* Styles */\nimport styles from './styles';\n\nimport '@ppci/custom-dialog';\nimport '@ppci/custom-card';\n\nexport class SourceDialog extends LitElement {\n  static get properties() {\n    return {\n      source: { type: Object },\n      open: { type: Boolean, reflect: true },\n      loading: { type: Boolean },\n      error: { type: Boolean },\n    };\n  }\n\n  static get styles() {\n    return styles;\n  }\n\n  constructor() {\n    super();\n\n    this.loading = false;\n    this.open = false;\n  }\n\n  close() {\n    this.dispatchEvent(new CustomEvent('close'));\n  }\n\n  get renderError() {\n    if (!this.error) return null;\n\n    return html`\n      <p>\n        ${this.error}\n      </p>\n    `;\n  }\n\n  get renderCard() {\n    if (!this.source) return null;\n\n    const {\n      images,\n      name,\n      city,\n      description,\n    } = this.source;\n\n    const imageUrl = images && images.length > 0 ? images[0] : null;\n\n    return html`\n      <custom-card\n        title=${name}\n        subtitle=${city}\n        imageUrl=${imageUrl}>\n\n        ${description && html`<p>${description}</p>`}\n\n      </custom-card>\n    `;\n  }\n\n  render() {\n    return html`\n      <custom-dialog\n        @close=${this.close}\n        .open=${this.open}\n        .loading=${this.loading}>\n\n        ${this.error ? this.renderError : this.renderCard}\n\n      </custom-dialog>\n    `;\n  }\n}\n\ncustomElements.define('source-dialog', SourceDialog);\n"]}