@digital-blueprint/formalize-app/dist/shared/enum.B5iOCmyu.js

[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:

/*!
* 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,k as n}from"./directive-helpers.C6Xz79AM.js";import{n as r}from"./string.f-jSIclt.js";var i=class extends n(r){constructor(){super(),this.label=`A date field`,this.value=``}static get styles(){return[...super.styles,t`
                :host([layout-type='inline']) fieldset {
                    display: flex;
                    gap: var(--dbp-enum-label-gap, 1em);
                    margin: 0;
                }
            `]}renderValue(){let t=this.value?new Date(String(this.value)):null,n=t===null?`-`:t.toLocaleDateString(`de-DE`,{day:`2-digit`,month:`2-digit`,year:`numeric`});return e`
            ${n}
        `}},a=class extends n(r){constructor(){super(),this.label=`A enum field`,this.items={}}static get properties(){return{...super.properties,items:{type:Object}}}render(){if(this.hidden)return e``;let t=this.querySelector(`[slot="label"]`)!==null;return e`
            <fieldset>
                ${t?e`
                              <slot name="label"></slot>
                          `:e`
                              <label>${this.label}</label>
                          `}
                ${this.renderValue()}
            </fieldset>
        `}renderValue(){let t=this.value,n=this.items;return e`
            ${Array.isArray(t)?e`
                          <ul>
                              ${t.map(t=>e`
                                      <li>${n[t]||t}</li>
                                  `)}
                          </ul>
                      `:e`
                          ${n[t]||t?e`
                                        <span>${n[t]||t}</span>
                                    `:``}
                      `}
        `}static get styles(){return[...super.styles,t`
                ul {
                    list-style: none;
                    padding-left: 0;
                    margin: 0;
                }

                :host([layout-type='inline']) fieldset {
                    display: flex;
                    gap: var(--dbp-enum-label-gap, 1em);
                    margin: 0;
                }

                :host([display-mode='tags']) fieldset {
                    line-height: var(--dbp-enum-fieldset-line-height, 28px);
                }

                :host([display-mode='tags']) ul {
                    display: flex;
                    gap: var(--dbp-enum-tags-gap, 0.5em);
                    flex-wrap: wrap;
                }

                :host([display-mode='tags']) span,
                :host([display-mode='tags']) li {
                    background-color: var(--dbp-enum-tag-bg-color, #f2f2f2);
                    color: var(--dbp-enum-tag-color, #121212);
                    padding: var(--dbp-enum-tag-padding, 3px 8px);
                    border-radius: var(--dbp-enum-tag-border-radius, 4px);
                    flex-shrink: 0;
                    line-height: var(--dbp-enum-tag-line-height, 22px);
                }
            `]}};export{i as n,a as t};
//# sourceMappingURL=enum.B5iOCmyu.js.map