UNPKG

@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
/*! * 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` @layer theme, utility, formalize; @layer theme { ${a()} ${s()} ${m()} ${p(!1)} ${r()} ${u()} ${l()} ${v()} ${y()} ${_()} } @layer 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 @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 @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