{"version":3,"file":"score-side-by-side.js","sources":["../../../../src/components/score/score-side-by-side/score-side-by-side.ts"],"sourcesContent":["import { CSSResultGroup, TemplateResult, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { OutlineElement } from '../../base/outline-element/outline-element';\nimport { SlotController } from '../../controllers/slot-controller';\nimport componentStyles from './score-side-by-side.css.lit';\n\n/**\n * The ScoreSideBySide component\n * @element score-side-by-side\n */\n@customElement('score-side-by-side')\nexport class ScoreSideBySide extends OutlineElement {\n static styles: CSSResultGroup = [componentStyles];\n slots = new SlotController(\n this, // This, the host element.\n true // To shift or not to shift LightDom nodes to ShadowDOM.\n );\n\n // saving the below for when we add the toggle feature\n\n // @property({ type: Boolean, attribute: 'active' })\n // active = false;\n\n // @property({ type: String, attribute: 'toggle-text' })\n // toggleText = false;\n\n render(): TemplateResult {\n return html`\n
\n
\n \n
\n
\n \n
\n
\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'score-side-by-side': ScoreSideBySide;\n }\n}\n"],"names":["ScoreSideBySide","OutlineElement","constructor","this","slots","SlotController","render","html","styles","componentStyles","__decorate","customElement"],"mappings":"mxBAWO,IAAMA,EAAN,cAA8BC,EAA9BC,kCAELC,KAAAC,MAAQ,IAAIC,EACVF,MACA,EAuBH,CAZCG,SACE,OAAOC,CAAI;;;;;;;;;KAUZ,GAzBMP,EAAAQ,OAAyB,CAACC,GADtBT,EAAeU,EAAA,CAD3BC,EAAc,uBACFX"}