{"version":3,"file":"layout.mjs","sources":["../../../../packages/components/src/subject/layout.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\n@safeCustomElement('qxs-subject-layout')\nexport class QxsSubjectLayout extends LitElement {\n  static styles = css`\n    :host { display: block; width: 100%; font-family: inherit; font-size: 12px; color: #5a5a5a; }\n    .layout { }\n    .preview { padding: 12px 10px 10px; }\n    .edit { position: relative; padding: 12px 10px 10px; border-radius: 6px; }\n  `\n\n  @property({ type: Boolean, attribute: 'show-edit' }) 'show-edit' = false\n\n  render() {\n    if (this['show-edit']) {\n      return html`\n        <div class=\"layout\">\n          <div class=\"edit\">\n            <slot name=\"edit\"></slot>\n            <slot></slot>\n          </div>\n        </div>\n      `\n    }\n    return html`\n      <div class=\"layout\">\n        <div class=\"preview\">\n          <slot name=\"preview\"></slot>\n          <slot></slot>\n        </div>\n      </div>\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["QxsSubjectLayout","LitElement","html","css","__decorateClass","property","safeCustomElement"],"mappings":"wVAKO,IAAMA,EAAN,cAA+BC,CAAW,CAA1C,aAAA,CAAA,MAAA,GAAA,SAAA,EAQgD,KAAA,WAAA,EAAc,EAAA,CAEnE,QAAS,CACP,OAAI,KAAK,WAAW,EACXC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQT,CACF,EA9BaF,EACJ,OAASG;AAAA;AAAA;AAAA;AAAA;AAAA,IAOqCC,EAAA,CAApDC,EAAS,CAAE,KAAM,QAAS,UAAW,YAAa,CAAA,EARxCL,EAQ0C,UAAA,YAAA,CAAA,EAR1CA,EAANI,EAAA,CADNE,EAAkB,oBAAoB,CAAA,EAC1BN,CAAA"}