{"version":3,"file":"layout.cjs","sources":["../../../../packages/components-wc/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","constructor","super","arguments","this","render","html","styles","css","__decorateClass","property","type","Boolean","attribute","prototype","safeCustomElement"],"mappings":"6RAKaA,QAAAA,iBAAN,cAA+BC,EAAAA,WAA/BC,WAAAA,GAAAC,SAAAC,WAQgDC,KAAA,cAAc,CAAA,CAEnEC,MAAAA,GACE,OAAID,KAAK,aACAE,EAAAA,IAAA;;;;;;;QASFA,EAAAA,IAAA;;;;;;;KAQT,GA7BWP,QAAAA,iBACJQ,OAASC,EAAAA,GAAA;;;;;IAOqCC,EAAA,CAApDC,EAAAA,SAAS,CAAEC,KAAMC,QAASC,UAAW,eAR3Bd,QAAAA,iBAQ0Ce,UAAA,YAAA,GAR1Cf,QAAAA,iBAANU,EAAA,CADNM,EAAAA,kBAAkB,uBACNhB,QAAAA"}