{"version":3,"file":"layout.cjs","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":"sWAKaA,QAAAA,iBAAN,cAA+BC,EAAAA,UAAW,CAA1C,aAAA,CAAA,MAAA,GAAA,SAAA,EAQgD,KAAA,WAAA,EAAc,EAAA,CAEnE,QAAS,CACP,OAAI,KAAK,WAAW,EACXC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QASFA,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAQT,CACF,EA9BaF,QAAAA,iBACJ,OAASG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAOqCC,EAAA,CAApDC,EAAAA,SAAS,CAAE,KAAM,QAAS,UAAW,YAAa,CAAA,EARxCL,yBAQ0C,UAAA,YAAA,CAAA,EAR1CA,QAAAA,iBAANI,EAAA,CADNE,EAAAA,kBAAkB,oBAAoB,CAAA,EAC1BN,wBAAA"}