{"version":3,"file":"score-container.js","sources":["../../../../src/components/score/score-container/score-container.ts"],"sourcesContent":["import { CSSResultGroup, TemplateResult, html } from 'lit';\nimport { OutlineElement } from '../../base/outline-element/outline-element';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport componentStyles from './score-container.css.lit';\nimport type { HorizontalAlignment } from '../../base/outline-element/utils/types';\n\ntype containerWidths = 'wide' | 'medium' | 'narrow' | 'full';\n\n/**\n * The ScoreeContainer component\n * @element score-container\n * @slot - default\n */\n@customElement('score-container')\nexport class ScoreContainer extends OutlineElement {\n static styles: CSSResultGroup = [componentStyles];\n /**\n * The vertical space from the component above it (using Utopia fluid space variables defined in outline.theme.css, ie. space-3xl)\n **/\n @property({\n type: String,\n reflect: true,\n attribute: 'top-margin',\n })\n topMargin: string;\n\n @property({\n type: String,\n reflect: true,\n attribute: 'bottom-margin',\n })\n bottomMargin: string;\n\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'justify-end',\n })\n justifyEnd = false;\n\n @property({\n type: String,\n reflect: true,\n attribute: 'container-width',\n })\n containerWidth: containerWidths = 'wide';\n\n @property({\n type: String,\n reflect: true,\n attribute: 'content-align',\n })\n contentAlign: HorizontalAlignment = 'left';\n\n render(): TemplateResult {\n const containerWidth = this.containerWidth;\n const classes = {\n container: true,\n [containerWidth]: true,\n justifyEnd: this.justifyEnd,\n };\n return html`\n ${this.topMargin || this.bottomMargin\n ? html` `\n : ''}\n
\n \n
\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'score-container': ScoreContainer;\n }\n}\n"],"names":["ScoreContainer","OutlineElement","constructor","this","justifyEnd","containerWidth","contentAlign","render","classes","container","html","topMargin","bottomMargin","classMap","styles","componentStyles","__decorate","property","type","String","reflect","attribute","prototype","Boolean","customElement"],"mappings":"45BAeO,IAAMA,EAAN,cAA6BC,EAA7BC,kCAwBLC,KAAUC,YAAG,EAObD,KAAcE,eAAoB,OAOlCF,KAAYG,aAAwB,MAuBrC,CArBCC,SACE,MACMC,EAAU,CACdC,WAAW,EACX,CAHqBN,KAAKE,iBAGR,EAClBD,WAAYD,KAAKC,YAEnB,OAAOM,CAAI;QACPP,KAAKQ,WAAaR,KAAKS,aACrBF,CAAI;;kCAEoBP,KAAKQ;qCACFR,KAAKS;;oBAGhC;mBACSC,EAASL;;;KAIzB,GA3DMR,EAAAc,OAAyB,CAACC,GASjCC,EAAA,CALCC,EAAS,CACRC,KAAMC,OACNC,SAAS,EACTC,UAAW,gBAEKrB,EAAAsB,UAAA,iBAAA,GAOlBN,EAAA,CALCC,EAAS,CACRC,KAAMC,OACNC,SAAS,EACTC,UAAW,mBAEQrB,EAAAsB,UAAA,oBAAA,GAOrBN,EAAA,CALCC,EAAS,CACRC,KAAMK,QACNH,SAAS,EACTC,UAAW,iBAEMrB,EAAAsB,UAAA,kBAAA,GAOnBN,EAAA,CALCC,EAAS,CACRC,KAAMC,OACNC,SAAS,EACTC,UAAW,qBAE4BrB,EAAAsB,UAAA,sBAAA,GAOzCN,EAAA,CALCC,EAAS,CACRC,KAAMC,OACNC,SAAS,EACTC,UAAW,mBAE8BrB,EAAAsB,UAAA,oBAAA,GAtChCtB,EAAcgB,EAAA,CAD1BQ,EAAc,oBACFxB"} " class="hidden">快方送药