@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:
117 lines (114 loc) • 6.01 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
*/
import{x as e,y as t}from"./ref.DqB7ABXf.js";import{A as n,C as r,J as i,O as a,X as o,b as s,et as c,g as l,h as u,k as d,p as f,v as p,w as m}from"./directive-helpers.C6Xz79AM.js";import{t as h}from"./modal.DfjeZb2d.js";import{d as g,m as _,p as v,s as y}from"./select2.min.DRitHUO_.js";const b=o`
theme, utility, formalize;
theme {
${a()}
${s()}
${m()}
${p(!1)}
${r()}
${u()}
${l()}
${v()}
${y()}
${_()}
}
formalize {
${g()}
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
}
`,x=e=>{e(`manage-forms.delete-confirmation-message`),e(`manage-forms.delete-confirmation-message-li2`),e(`manage-forms.delete-forms-confirmation-message`),e(`manage-forms.delete-forms-confirmation-message-li2`),e(`manage-fields.delete-confirmation-message`),e(`manage-fields.delete-confirmation-message-li2`)};var S=class extends d(f){constructor(){super(),this._i18n=t(),this.lang=this._i18n.language,this.langDir=``,this._resolve=null,this.messageKey=`manage-forms.delete-confirmation-message`,this.messageLi2Key=`manage-forms.delete-confirmation-message-li2`,this._overrideMessageKey=null,this._overrideMessageLi2Key=null}static get scopedElements(){return{"dbp-button":e,"dbp-modal":h,"dbp-icon":n}}static get properties(){return{...super.properties,lang:{type:String},langDir:{type:String,attribute:`lang-dir`},messageKey:{type:String,attribute:`message-key`},messageLi2Key:{type:String,attribute:`message-li2-key`}}}update(e){e.forEach((e,t)=>{t===`lang`&&this._i18n.changeLanguage(this.lang),(t===`lang`||t===`langDir`)&&this.langDir&&c(this._i18n,this)}),super.update(e)}connectedCallback(){super.connectedCallback(),this.langDir&&c(this._i18n,this)}static get styles(){return b}async confirm(e={}){return this._overrideMessageKey=e.messageKey??null,this._overrideMessageLi2Key=e.messageLi2Key??null,this.requestUpdate(),await this.updateComplete,new Promise(e=>{this._resolve=e;let t=this.renderRoot?.querySelector(`#deletion-confirmation-modal--formalize`);t&&t.open()})}_resolveConfirm(e){let t=this.renderRoot?.querySelector(`#deletion-confirmation-modal--formalize`);t&&t.close(),this._overrideMessageKey=null,this._overrideMessageLi2Key=null,this.requestUpdate(),this._resolve&&=(this._resolve(e),null)}_handleConfirm(){this._resolveConfirm(!0)}_handleCancel(){this._resolveConfirm(!1)}getMessage(){x(e=>this._i18n.t(e));let e=this._overrideMessageKey||this.messageKey||`manage-forms.delete-confirmation-message`;return this._i18n.t(e)}getMessageLi2(){let e=this._overrideMessageLi2Key||this.messageLi2Key||`manage-forms.delete-confirmation-message-li2`;return this._i18n.t(e)}render(){let e=this._i18n;return i`
<dbp-modal
id="deletion-confirmation-modal--formalize"
class="modal modal--confirmation"
modal-id="deletion-confirmation-modal"
title="${e.t(`manage-forms.delete-confirmation-title`)}"
subscribe="lang">
<div slot="content">
<p>${this.getMessage()}</p>
<ul>
<li>${e.t(`manage-forms.delete-confirmation-message-li1`)}</li>
<li>${this.getMessageLi2()}</li>
</ul>
</div>
<menu slot="footer" class="footer-menu">
<dbp-button
type="is-secondary"
no-spinner-on-click
="${()=>this._handleCancel()}">
<dbp-icon name="close" aria-hidden="true"></dbp-icon>
<span class="button-label">${e.t(`manage-forms.abort`)}</span>
</dbp-button>
<dbp-button
type="is-danger"
no-spinner-on-click
="${()=>this._handleConfirm()}">
<dbp-icon name="trash" aria-hidden="true"></dbp-icon>
<span class="button-label">${e.t(`manage-forms.delete`)}</span>
</dbp-button>
</menu>
</dbp-modal>
`}};export{b as n,S as t};
//# sourceMappingURL=deletion-confirmation-modal.BhX5RxrE.js.map