;\n open: boolean;\n private _previousfocus: Element | null = null;\n\n constructor(options?: DialogOptions) {\n this.options = {\n allowcancel: true,\n ...options\n };\n\n if (this.options.borrow && typeof this.options.borrow === 'string') {\n const borrow = document.querySelector(this.options.borrow);\n if (!borrow)\n throw new Error(\"Invalid 'borrow' selectior: \" + this.options.borrow);\n this.options.borrow = borrow;\n }\n // At this point, if this.options.borrow was a string, it's been resolved to an Element\n\n if (this.options.borrow) {\n this._borrowedfrom = (this.options.borrow as Element).parentElement;\n this._borrowednext = (this.options.borrow as Element).nextElementSibling;\n }\n\n if (this.options.signal)\n this.options.signal.addEventListener(\"abort\", () => { this.resolve(null); });\n\n this.contentnode = null;\n this._deferred = Promise.withResolvers();\n this.open = false;\n }\n\n async runModal() {\n if (this.open)\n throw new Error(\"Attempting to re-open already opened dialog\");\n\n if (!keyhandler)\n keyhandler = new KeyboardHandler(window, {\n \"Escape\": (evt: KeyboardEvent) => onEscape(evt),\n \"Tab\": (evt: KeyboardEvent) => onTab(evt, +1),\n \"Shift+Tab\": (evt: KeyboardEvent) => onTab(evt, -1)\n }, { captureunsafekeys: true, listenoptions: { capture: true } });\n\n this._previousfocus = domfocus.getCurrentlyFocusedElement();\n this._openDialog();\n\n this.open = true;\n dialogstack.push(this);\n\n try {\n this.afterShow();\n this._checkFocus();\n return await this._deferred.promise;\n } finally {\n if (this.open)\n this.closeDialog();\n }\n }\n\n _openDialog() {\n throw new Error(\"_openDialog not overridden by dialog class\");\n }\n\n _checkFocus() {\n const focusable = domfocus.getFocusableComponents(this.contentnode, true);\n if (focusable.length !== 0)\n dompack.focus(focusable[0]);\n else\n dompack.focus(document.body);\n }\n\n //close the dialog. this may be invoked even when inside runModal to ensure synchronous dialog cleanup\n closeDialog() {\n if (!this.open)\n return;\n\n const myoffset = dialogstack.indexOf(this);\n if (myoffset >= 0)\n dialogstack.splice(myoffset, 1);\n\n this.open = false;\n if (this.options.borrow)\n if (this._borrowedfrom)\n this._borrowedfrom.insertBefore(this.options.borrow as Element, this._borrowednext);\n else\n this._borrowednext?.remove();\n\n if (this.options.focusonclose)\n dompack.focus(this.options.focusonclose);\n else if (this._previousfocus)\n dompack.focus(this._previousfocus as HTMLElement);\n\n if (dialogstack.length === 0 && keyhandler) {\n keyhandler.destroy();\n keyhandler = null;\n }\n }\n\n /**\n * resolve the dialog with the specified answer\n *\n * @param response - Response (or choice) to return. null if the dialog was simply cancelled\n */\n resolve(response: string | null) {\n if (this.open)\n this.closeDialog();\n this._deferred.resolve(response);\n }\n\n afterShow() {\n // supposed to be empty but extenders can override\n }\n}\n\nexport function setupDialogs(newdialogconstructor: DialogConstructor, options?: DialogOptions) {\n if (dialogconstructor) {\n console.error(\"Duplicate setupDialogs call!\");\n return;\n }\n\n dialogconstructor = newdialogconstructor;\n dialogoptions = { messageboxclassbase: 'dompack-messagebox__', ...options };\n}\n\n/** Verify whether the dialog api is initialized */\nexport function isCreateDialogAvailable(): boolean {\n return Boolean(dialogconstructor);\n}\n\n/**\n * Create a dialog\n *\n * @param options - dialog settings\n */\nexport function createDialog(options?: DialogOptions) {\n if (!dialogconstructor)\n throw new Error(\"Cannot create dialog, no dialog class defined\");\n\n const dialog = dialogconstructor(options);\n if (dialog.options.borrow)\n dialog.contentnode?.appendChild(dialog.options.borrow as Element);\n return dialog;\n}\n\ntype DialogChoice =\n {\n /** Title for the choice */\n title: string;\n /** Override result to return if clicked (otherwise you'll just receive the title) */\n result?: string;\n className?: string;\n };\n\n\n/**\n @param question - if a string, will be wrapped as textContent into a and presented as the question\n - if a html node, will appear as the question (allowing you to insert html)\n - if an array of nodes, all these nodes will be inserted\n @param choices - Buttons (choices) the message box will offer, eg Ok and Cancel\n @param options - Dialog options\n */\nexport async function runMessageBox(question: string | HTMLElement | HTMLElement[], choices: DialogChoice[], options?: DialogOptions) {\n choices = choices || [];\n options = { allowcancel: choices.length === 0, ...options };\n\n const dialog = createDialog(options);\n const choicebuttons = choices.map(choice =>\n dompack.create(\"button\", {\n type: \"button\",\n className: dialogoptions ? dialogoptions.messageboxclassbase + \"button \" + (choice.className || \"\") : \"\",\n textContent: choice.title,\n on: { click: () => dialog.resolve(choice.result || choice.title) },\n dataset: { messageboxResult: choice.result || choice.title }\n }));\n\n if (typeof question === 'string')\n question = dompack.create(\"p\", { textContent: question });\n\n if (Array.isArray(question))\n dialog.contentnode?.append(...question);\n else\n dialog.contentnode?.append(question);\n\n if (dialog.buttonsnode) //this dialog has a separte node for the button area\n dialog.buttonsnode.append(...choicebuttons);\n else\n dialog.contentnode?.append(dompack.create(\"div\", {\n className: dialogoptions ? dialogoptions.messageboxclassbase + \"buttongroup\" : \"\",\n childNodes: choicebuttons\n }));\n\n return dialog.runModal();\n}\n","import * as dompack from '@webhare/dompack';\nimport { initializeCaptcha, type CaptchaProvider } from \"@mod-publisher/js/captcha/api\";\nimport { setFieldError, type SetFieldErrorData } from '../internal/customvalidation';\n\nimport \"../../captcha/__captcha.lang.json\"; //TODO or have forms send this tid (so it can also be overridden there)\nimport { JSFormElement } from '@webhare/forms';\nimport { getTid } from '@webhare/gettid';\nimport type RPCFormBase from '../rpc';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"wh-captcha\": CaptchaField;\n }\n}\n\nexport default class CaptchaField extends JSFormElement {\n value = '';\n provider: CaptchaProvider | null = null;\n\n constructor() {\n super();\n this.addEventListener('wh:form-setfielderror', evt => void this._setFieldError(evt));\n this.whFormsApiChecker = () => this.check();\n\n const form = this.closest('form');\n if (form)\n form.addEventListener('reset', () => this.onReset());\n }\n\n check(): void {\n if (!this.value)\n setFieldError(this, getTid(\"publisher:site.forms.commonerrors.required\"), { reportimmediately: false });\n else\n setFieldError(this, \"\", { reportimmediately: false });\n }\n\n setup(provider: CaptchaProvider) {\n if (this.provider)\n throw new Error(\"CaptchaField is already setup\");\n\n this.provider = provider;\n this.initialize();\n }\n\n private initialize() {\n this.value = '';\n this.replaceChildren();\n void initializeCaptcha(this.provider!, this, {\n onResponse: (result: string) => { this.value = result; }\n });\n }\n\n private onReset() {\n void this.initialize();\n }\n\n async _setFieldError(evt: CustomEvent) {\n dompack.stop(evt);\n if (!evt.detail.error) //error cleared\n return;\n\n if (this.value) { //we were already sending a response!\n console.log(\"Captcha response was rejected, resetting\");\n this.onReset(); //better restart the control, timeout or duplicate submission\n }\n }\n}\n\nexport function setupCaptchaFieldGroup(form: RPCFormBase