@digital-blueprint/formalize-app
Version:
[GitHub Repository](https://github.com/digital-blueprint/formalize-app) | [npmjs package](https://www.npmjs.com/package/@digital-blueprint/formalize-app) | [Unpkg CDN](https://unpkg.com/browse/@digital-blueprint/formalize-app/) | [Formalize Bundle](https:
101 lines (98 loc) • 3.57 kB
JavaScript
/*!
* License: LGPL-2.1-or-later
* Dependencies:
*
* @webcomponents/scoped-custom-element-registry: BSD-3-Clause
* @dbp-toolkit/app-shell: LGPL-2.1-or-later
* lit-html: BSD-3-Clause
* @dbp-toolkit/language-select: LGPL-2.1-or-later
* @dbp-toolkit/auth: LGPL-2.1-or-later
* @dbp-toolkit/theme-switcher: LGPL-2.1-or-later
* universal-router: MIT
* @dbp-toolkit/matomo: LGPL-2.1-or-later
* cssfilter: MIT
* xss: MIT
* @dbp-toolkit/form-elements: LGPL-2.1-or-later
* html2pdf.js: MIT
* exceljs: MIT
* jspdf-autotable: MIT
* keycloak-js: Apache-2.0
* pdfjs-dist: Apache-2.0
* jszip: (MIT OR GPL-3.0-or-later)
* @babel/runtime: MIT
* fflate: MIT
* iobuffer: MIT
* pako: (MIT AND Zlib)
* fast-png: MIT
* jspdf: MIT
* core-js: MIT
* performance-now: MIT
* raf: MIT
* rgbcolor: MIT OR SEE LICENSE IN FEEL-FREE.md
* svg-pathdata: MIT
* stackblur-canvas: MIT
* canvg: MIT
* dompurify: (MPL-2.0 OR Apache-2.0)
* i18next: MIT
* @dbp-toolkit/common: LGPL-2.1-or-later
* @lit/reactive-element: BSD-3-Clause
* lit-element: BSD-3-Clause
* @open-wc/dedupe-mixin: MIT
* @open-wc/scoped-elements: MIT
* dialog-polyfill: BSD
* jquery: MIT
* select2: MIT
* @dbp-toolkit/notification: LGPL-2.1-or-later
* @dbp-toolkit/tabulator-table: LGPL-2.1-or-later
* tabulator-tables: MIT
* @dbp-toolkit/file-handling: LGPL-2.1-or-later
* webdav: MIT
* jose: MIT
* file-saver: MIT
* @dbp-toolkit/grant-permission-dialog: LGPL-2.1-or-later
* @dbp-toolkit/pdf-viewer: LGPL-2.1-or-later
* @dbp-toolkit/resource-select: LGPL-2.1-or-later
* @popperjs/core: MIT
* tippy.js: MIT
* @dbp-toolkit/tooltip: LGPL-2.1-or-later
*/
import{J as e,X as t,c as n,k as r,l as i,p as a}from"./directive-helpers.C6Xz79AM.js";import{r as o}from"./string.qUj92gVq.js";var s=class extends i(n(r(a)),o){constructor(){super(),this.label=``,this.value=``,this.hidden=!1}static get properties(){return{...super.properties,label:{type:String},value:{type:String},hidden:{type:Boolean}}}static get styles(){return[t`
fieldset {
border: none;
margin: 15px 0;
padding: 0;
}
slot[name='label'],
fieldset label {
font-weight: var(--dbp-label-font-weight, bolder);
display: block;
}
fieldset input:not([type='radio']):not([type='checkbox']),
fieldset select,
fieldset textarea {
box-sizing: border-box;
width: 100%;
padding: 2px 5px;
border: 1px solid var(--dbp-border);
}
`]}render(){return this.hidden?e``:e`
<fieldset>
<label>${this.label}</label>
${this.renderValue()}
</fieldset>
`}renderValue(){return e`
Please implement renderValue() in your subclass!
`}},c=class extends r(s){constructor(){super(),this.label=`A string field`}static get styles(){return[...super.styles,t`
:host([layout-type='inline']) fieldset {
display: flex;
gap: var(--dbp-enum-label-gap, 1em);
margin: 0;
}
:host([layout-type='inline']) label {
margin-bottom: 0;
white-space: nowrap;
}
`]}renderValue(){return e`
<div style="white-space: pre-line">${this.value}</div>
`}};export{s as n,c as t};
//# sourceMappingURL=string.f-jSIclt.js.map