@pure-ds/core 0.7.50 → 0.7.51

package/public/assets/pds/core/pds-ask.js

@@ -1,480 +1,25 @@
-// src/js/common/common.js
-function fragmentFromTemplateLike(templateLike) {
-  const strings = Array.isArray(templateLike?.strings) ? templateLike.strings : [];
-  const values = Array.isArray(templateLike?.values) ? templateLike.values : [];
-  const consumedValues = /* @__PURE__ */ new Set();
-  const htmlParts = [];
-  const propBindingPattern = /(\s)(\.[\w-]+)=\s*$/;
-  for (let i = 0; i < strings.length; i += 1) {
-    let chunk = strings[i] ?? "";
-    const match = chunk.match(propBindingPattern);
-    if (match && i < values.length) {
-      const propToken = match[2];
-      const propName = propToken.slice(1);
-      const marker = `pds-val-${i}`;
-      chunk = chunk.replace(
-        propBindingPattern,
-        `$1data-pds-prop="${propName}:${marker}"`
-      );
-      consumedValues.add(i);
-    }
-    htmlParts.push(chunk);
-    if (i < values.length && !consumedValues.has(i)) {
-      htmlParts.push(`<!--pds-val-${i}-->`);
-    }
-  }
-  const tpl = document.createElement("template");
-  tpl.innerHTML = htmlParts.join("");
-  const replaceValueAtMarker = (markerNode, value) => {
-    const parent = markerNode.parentNode;
-    if (!parent)
-      return;
-    if (value == null) {
-      parent.removeChild(markerNode);
-      return;
-    }
-    const insertValue = (val) => {
-      if (val == null)
-        return;
-      if (val instanceof Node) {
-        parent.insertBefore(val, markerNode);
-        return;
-      }
-      if (Array.isArray(val)) {
-        val.forEach((item) => insertValue(item));
-        return;
-      }
-      parent.insertBefore(document.createTextNode(String(val)), markerNode);
-    };
-    insertValue(value);
-    parent.removeChild(markerNode);
-  };
-  const walker = document.createTreeWalker(tpl.content, NodeFilter.SHOW_COMMENT);
-  const markers = [];
-  while (walker.nextNode()) {
-    const node = walker.currentNode;
-    if (node?.nodeValue?.startsWith("pds-val-")) {
-      markers.push(node);
-    }
-  }
-  markers.forEach((node) => {
-    const index = Number(node.nodeValue.replace("pds-val-", ""));
-    replaceValueAtMarker(node, values[index]);
-  });
-  const elements = tpl.content.querySelectorAll("*");
-  elements.forEach((el) => {
-    const propAttr = el.getAttribute("data-pds-prop");
-    if (!propAttr)
-      return;
-    const [propName, markerValue] = propAttr.split(":");
-    const index = Number(String(markerValue).replace("pds-val-", ""));
-    if (propName && Number.isInteger(index)) {
-      el[propName] = values[index];
-    }
-    el.removeAttribute("data-pds-prop");
-  });
-  return tpl.content;
-}
-
-// src/js/pds-singleton.js
-var PDSBase = class extends EventTarget {
-  constructor() {
-    super();
-    this.mode = null;
-    this.compiled = null;
-    this.log = () => {
-    };
-    this.logHandler = null;
-  }
-};
-var PDS_SINGLETON_KEY = "__PURE_DS_PDS_SINGLETON__";
-var globalScope = typeof globalThis !== "undefined" ? globalThis : window;
-var existingPDS = globalScope?.[PDS_SINGLETON_KEY];
-var PDS = existingPDS && typeof existingPDS.addEventListener === "function" ? existingPDS : new PDSBase();
-if (globalScope) {
-  globalScope[PDS_SINGLETON_KEY] = PDS;
-}
-if (typeof PDS.log !== "function") {
-  PDS.log = (level = "log", message, ...data) => {
-    if (typeof console === "undefined")
-      return;
-    const method = typeof console[level] === "function" ? console[level].bind(console) : typeof console.log === "function" ? console.log.bind(console) : null;
-    if (!method)
-      return;
-    if (data.length > 0) {
-      method(message, ...data);
-    } else {
-      method(message);
-    }
-  };
-}
-if (typeof PDS.logHandler !== "function") {
-  PDS.logHandler = null;
-}
-
-// src/js/common/ask.js
-function appendMessageContent(container, message) {
-  if (message == null)
-    return;
-  if (typeof message === "object" && Array.isArray(message.strings) && Array.isArray(message.values)) {
-    container.appendChild(fragmentFromTemplateLike(message));
-    return;
-  }
-  if (message instanceof Node) {
-    container.appendChild(message);
-    return;
-  }
-  if (Array.isArray(message)) {
-    message.forEach((item) => appendMessageContent(container, item));
-    return;
-  }
-  const text = typeof message === "string" ? message : String(message);
-  container.appendChild(document.createTextNode(text));
-}
-function validateDialogFormTree(form) {
-  if (!form)
-    return true;
-  let valid = true;
-  const describeElement = (el) => {
-    if (!el || typeof el !== "object")
-      return "<unknown>";
-    const tag = el.tagName ? String(el.tagName).toLowerCase() : "node";
-    const id = el.id ? `#${el.id}` : "";
-    const name = typeof el.getAttribute === "function" ? el.getAttribute("name") : null;
-    const namePart = name ? `[name="${name}"]` : "";
-    return `${tag}${id}${namePart}`;
-  };
-  const reportInvalidControls = (root, scopeLabel) => {
-    if (!root || typeof root.querySelectorAll !== "function")
-      return;
-    const invalidControls = Array.from(root.querySelectorAll(":invalid"));
-    if (!invalidControls.length)
-      return;
-    const list = invalidControls.map((el) => {
-      const message = typeof el.validationMessage === "string" ? el.validationMessage : "";
-      return `${describeElement(el)}${message ? ` \u2014 ${message}` : ""}`;
-    });
-    PDS.log("warn", `ask.validateDialogFormTree: invalid controls in ${scopeLabel}:`, list);
-  };
-  const runValidity = (target, scopeLabel) => {
-    try {
-      const targetValid = typeof target.reportValidity === "function" ? target.reportValidity() : target.checkValidity?.() ?? true;
-      if (!targetValid) {
-        reportInvalidControls(target, scopeLabel);
-      }
-      return targetValid;
-    } catch (error) {
-      PDS.log("error", `ask.validateDialogFormTree: validation threw in ${scopeLabel}`, error);
-      return false;
-    }
-  };
-  valid = runValidity(form, "host dialog form") && valid;
-  const nestedLightDomForms = Array.from(form.querySelectorAll("form"));
-  for (const nestedForm of nestedLightDomForms) {
-    if (nestedForm === form)
-      continue;
-    const nestedValid = runValidity(nestedForm, `nested light DOM form ${describeElement(nestedForm)}`);
-    valid = nestedValid && valid;
-  }
-  const descendants = Array.from(form.querySelectorAll("*"));
-  for (const host of descendants) {
-    const root = host?.shadowRoot;
-    if (!root)
-      continue;
-    const nestedForms = Array.from(root.querySelectorAll("form"));
-    for (const nestedForm of nestedForms) {
-      const nestedValid = runValidity(
-        nestedForm,
-        `shadow form under ${describeElement(host)}`
-      );
-      valid = nestedValid && valid;
-    }
-  }
-  return valid;
-}
-function isSafariBrowser() {
-  const userAgent = navigator.userAgent;
-  const isSafariEngine = /Safari/i.test(userAgent);
-  const isOtherBrowser = /(Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS|Opera)/i.test(userAgent);
-  return isSafariEngine && !isOtherBrowser;
-}
-function playDialogEnterAnimation(dialog) {
-  if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
-    return;
-  }
-  const isMobile = window.matchMedia?.("(max-width: 639px)").matches;
-  const animationName = dialog.classList.contains("dialog-no-scale-animation") ? "pds-dialog-fade-enter" : isMobile ? "pds-dialog-enter-mobile" : "pds-dialog-enter";
-  dialog.style.animation = "none";
-  void dialog.offsetWidth;
-  dialog.style.animation = `${animationName} var(--transition-normal) ease`;
-  dialog.addEventListener("animationend", () => {
-    dialog.style.animation = "";
-  }, { once: true });
-}
-function shouldUseLiquidGlass(options = {}) {
-  return options?.liquidGlassEffects === true;
-}
-async function ask(message, options = {}) {
-  const defaults = {
-    title: "Confirm",
-    type: "confirm",
-    // 'alert', 'confirm', 'custom'
-    buttons: {
-      ok: { name: "OK", primary: true },
-      cancel: { name: "Cancel", cancel: true }
-    }
-  };
-  options = { ...defaults, ...options };
-  const buttonConfigs = options.buttons && typeof options.buttons === "object" ? options.buttons : defaults.buttons;
-  const resolveActionMeta = (actionCode) => {
-    if (actionCode == null) {
-      return {
-        actionCode: "dismiss",
-        actionKind: "dismiss",
-        button: null
-      };
-    }
-    const button = buttonConfigs?.[actionCode] ?? null;
-    const actionKind = actionCode === "ok" ? "ok" : actionCode === "dismiss" ? "dismiss" : button?.cancel || actionCode === "cancel" ? "cancel" : "custom";
-    return {
-      actionCode,
-      actionKind,
-      button
-    };
-  };
-  const normalizeBeforeCloseResult = (result) => {
-    if (typeof result === "undefined" || result === null || result === true) {
-      return { allow: true };
-    }
-    if (result === false) {
-      return { allow: false };
-    }
-    if (typeof result === "object") {
-      const hasResult = Object.prototype.hasOwnProperty.call(result, "result") || Object.prototype.hasOwnProperty.call(result, "value");
-      return {
-        allow: result.allow !== false,
-        hasResult,
-        result: Object.prototype.hasOwnProperty.call(result, "result") ? result.result : result.value
-      };
-    }
-    return { allow: Boolean(result) };
-  };
-  return new Promise((resolve) => {
-    let settled = false;
-    const settle = (value, dialog2, { shouldClose = true } = {}) => {
-      if (settled)
-        return;
-      settled = true;
-      resolve(value);
-      if (!shouldClose || !dialog2?.open) {
-        return;
-      }
-      try {
-        dialog2.close();
-      } catch (error) {
-        PDS.log("warn", "ask: dialog.close() failed", error);
-      }
-    };
-    const runBeforeClose = async (context) => {
-      if (context.actionKind !== "ok" || typeof options.beforeClose !== "function") {
-        return { allow: true };
-      }
-      try {
-        const beforeCloseResult = await options.beforeClose(context);
-        return normalizeBeforeCloseResult(beforeCloseResult);
-      } catch (error) {
-        PDS.log("error", "ask.beforeClose: validation failed", error);
-        return { allow: false };
-      }
-    };
-    const resolveDefaultResult = ({ actionKind, form }) => {
-      if (actionKind === "ok") {
-        if (options.useForm && form) {
-          return new FormData(form);
-        }
-        return true;
-      }
-      return false;
-    };
-    const attemptResolve = async ({
-      actionCode,
-      form,
-      submitter,
-      originalEvent,
-      bypassValidation = false,
-      shouldClose = true
-    }) => {
-      if (settled)
-        return;
-      const { actionKind, button } = resolveActionMeta(actionCode);
-      const activeForm = form || dialog.querySelector("form") || null;
-      if (options.useForm && actionKind === "ok" && activeForm && !bypassValidation) {
-        const valid = validateDialogFormTree(activeForm);
-        if (!valid) {
-          return;
-        }
-      }
-      const defaultResult = resolveDefaultResult({
-        actionKind,
-        form: activeForm
-      });
-      const guard = await runBeforeClose({
-        actionCode,
-        actionKind,
-        dialog,
-        form: activeForm,
-        formData: options.useForm && actionKind === "ok" && activeForm ? defaultResult : null,
-        submitter,
-        originalEvent,
-        options,
-        button,
-        defaultResult
-      });
-      if (!guard.allow) {
-        return;
-      }
-      const result = guard.hasResult ? guard.result : defaultResult;
-      settle(result, dialog, { shouldClose });
-    };
-    const dialog = document.createElement("dialog");
-    if (isSafariBrowser()) {
-      dialog.classList.add("dialog-no-scale-animation");
-    }
-    if (shouldUseLiquidGlass(options))
-      dialog.classList.add("liquid-glass");
-    if (options.size) {
-      dialog.classList.add(`dialog-${options.size}`);
-    }
-    if (options.type) {
-      dialog.classList.add(`dialog-${options.type}`);
-    }
-    if (options.class) {
-      if (Array.isArray(options.class)) {
-        dialog.classList.add(...options.class);
-      } else {
-        dialog.classList.add(options.class);
-      }
-    }
-    if (options.maxHeight) {
-      dialog.style.setProperty("--dialog-max-height", options.maxHeight);
-    }
-    const buttons = Object.entries(buttonConfigs).map(([code, obj]) => {
-      const btnClass = obj.primary ? "btn-primary btn-sm" : "btn-outline btn-sm";
-      const btnType = obj.cancel ? "button" : "submit";
-      const formNoValidate = obj.formNoValidate ? " formnovalidate" : "";
-      return `<button type="${btnType}" class="${btnClass}" value="${code}"${formNoValidate}>${obj.name}</button>`;
-    });
-    if (options.useForm) {
-      const tempContainer = document.createElement("div");
-      appendMessageContent(tempContainer, message);
-      const form = tempContainer.querySelector("form");
-      if (form) {
-        dialog.innerHTML = /*html*/
-        `
+function M(i){let e=Array.isArray(i?.strings)?i.strings:[],u=Array.isArray(i?.values)?i.values:[],m=new Set,A=[],$=/(\s)(\.[\w-]+)=\s*$/,s=/(\s)(@[\w-]+)=\s*$/,o=/(\s)(\?[\w-]+)=\s*$/,d=/(\s)([\w:-]+)=\s*$/;for(let r=0;r<e.length;r+=1){let t=e[r]??"";if(r<u.length){let n=`pds-val-${r}`,c=t.match($),l=t.match(s),p=t.match(o),w=t.match(d);if(c){let y=c[2].slice(1);t=t.replace($,`$1data-pds-bind-${r}="prop:${y}:${n}"`),m.add(r)}else if(l){let y=l[2].slice(1);t=t.replace(s,`$1data-pds-bind-${r}="event:${y}:${n}"`),m.add(r)}else if(p){let y=p[2].slice(1);t=t.replace(o,`$1data-pds-bind-${r}="boolean:${y}:${n}"`),m.add(r)}else if(w){let y=w[2];t=t.replace(d,`$1data-pds-bind-${r}="attr:${y}:${n}"`),m.add(r)}}A.push(t),r<u.length&&!m.has(r)&&A.push(`<!--pds-val-${r}-->`)}let f=document.createElement("template");f.innerHTML=A.join("");let g=(r,t)=>{let n=r.parentNode;if(!n)return;if(t==null){n.removeChild(r);return}let c=l=>{if(l!=null){if(l instanceof Node){n.insertBefore(l,r);return}if(Array.isArray(l)){l.forEach(p=>c(p));return}n.insertBefore(document.createTextNode(String(l)),r)}};c(t),n.removeChild(r)},h=document.createTreeWalker(f.content,NodeFilter.SHOW_COMMENT),a=[];for(;h.nextNode();){let r=h.currentNode;r?.nodeValue?.startsWith("pds-val-")&&a.push(r)}return a.forEach(r=>{let t=Number(r.nodeValue.replace("pds-val-",""));g(r,u[t])}),f.content.querySelectorAll("*").forEach(r=>{[...r.attributes].forEach(t=>{if(!t.name.startsWith("data-pds-bind-"))return;let n=t.value.indexOf(":"),c=t.value.lastIndexOf(":");if(n<=0||c<=n){r.removeAttribute(t.name);return}let l=t.value.slice(0,n),p=t.value.slice(n+1,c),w=t.value.slice(c+1),y=Number(String(w).replace("pds-val-","")),b=u[y];if(!p||!Number.isInteger(y)){r.removeAttribute(t.name);return}l==="prop"?r[p]=b:l==="event"?(typeof b=="function"||b&&typeof b.handleEvent=="function")&&r.addEventListener(p,b):l==="boolean"?b?r.setAttribute(p,""):r.removeAttribute(p):l==="attr"&&(b==null||b===!1?r.removeAttribute(p):r.setAttribute(p,String(b))),r.removeAttribute(t.name)})}),f.content}var T=class extends EventTarget{constructor(){super(),this.mode=null,this.compiled=null,this.log=()=>{},this.logHandler=null}},F="__PURE_DS_PDS_SINGLETON__",N=typeof globalThis<"u"?globalThis:window,x=N?.[F],v=x&&typeof x.addEventListener=="function"?x:new T;N&&(N[F]=v);typeof v.log!="function"&&(v.log=(i="log",e,...u)=>{if(typeof console>"u")return;let m=typeof console[i]=="function"?console[i].bind(console):typeof console.log=="function"?console.log.bind(console):null;m&&(u.length>0?m(e,...u):m(e))});typeof v.logHandler!="function"&&(v.logHandler=null);function L(i,e){if(e==null)return;if(typeof e=="object"&&Array.isArray(e.strings)&&Array.isArray(e.values)){i.appendChild(M(e));return}if(e instanceof Node){i.appendChild(e);return}if(Array.isArray(e)){e.forEach(m=>L(i,m));return}let u=typeof e=="string"?e:String(e);i.appendChild(document.createTextNode(u))}function P(i){if(!i)return!0;let e=!0,u=o=>{if(!o||typeof o!="object")return"<unknown>";let d=o.tagName?String(o.tagName).toLowerCase():"node",f=o.id?`#${o.id}`:"",g=typeof o.getAttribute=="function"?o.getAttribute("name"):null,h=g?`[name="${g}"]`:"";return`${d}${f}${h}`},m=(o,d)=>{if(!o||typeof o.querySelectorAll!="function")return;let f=Array.from(o.querySelectorAll(":invalid"));if(!f.length)return;let g=f.map(h=>{let a=typeof h.validationMessage=="string"?h.validationMessage:"";return`${u(h)}${a?` \u2014 ${a}`:""}`});v.log("warn",`ask.validateDialogFormTree: invalid controls in ${d}:`,g)},A=(o,d)=>{try{let f=typeof o.reportValidity=="function"?o.reportValidity():o.checkValidity?.()??!0;return f||m(o,d),f}catch(f){return v.log("error",`ask.validateDialogFormTree: validation threw in ${d}`,f),!1}};e=A(i,"host dialog form")&&e;let $=Array.from(i.querySelectorAll("form"));for(let o of $){if(o===i)continue;e=A(o,`nested light DOM form ${u(o)}`)&&e}let s=Array.from(i.querySelectorAll("*"));for(let o of s){let d=o?.shadowRoot;if(!d)continue;let f=Array.from(d.querySelectorAll("form"));for(let g of f)e=A(g,`shadow form under ${u(o)}`)&&e}return e}function V(){let i=navigator.userAgent,e=/Safari/i.test(i),u=/(Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS|Opera)/i.test(i);return e&&!u}function k(i){if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let e=window.matchMedia?.("(max-width: 639px)").matches,u=i.classList.contains("dialog-no-scale-animation")?"pds-dialog-fade-enter":e?"pds-dialog-enter-mobile":"pds-dialog-enter";i.style.animation="none",i.offsetWidth,i.style.animation=`${u} var(--transition-normal) ease`,i.addEventListener("animationend",()=>{i.style.animation=""},{once:!0})}function D(i={}){return i?.liquidGlassEffects===!0}async function j(i,e={}){let u={title:"Confirm",type:"confirm",buttons:{ok:{name:"OK",primary:!0},cancel:{name:"Cancel",cancel:!0}}};e={...u,...e};let m=e.buttons&&typeof e.buttons=="object"?e.buttons:u.buttons,A=s=>{if(s==null)return{actionCode:"dismiss",actionKind:"dismiss",button:null};let o=m?.[s]??null,d=s==="ok"?"ok":s==="dismiss"?"dismiss":o?.cancel||s==="cancel"?"cancel":"custom";return{actionCode:s,actionKind:d,button:o}},$=s=>{if(typeof s>"u"||s===null||s===!0)return{allow:!0};if(s===!1)return{allow:!1};if(typeof s=="object"){let o=Object.prototype.hasOwnProperty.call(s,"result")||Object.prototype.hasOwnProperty.call(s,"value");return{allow:s.allow!==!1,hasResult:o,result:Object.prototype.hasOwnProperty.call(s,"result")?s.result:s.value}}return{allow:!!s}};return new Promise(s=>{let o=!1,d=(t,n,{shouldClose:c=!0}={})=>{if(!o&&(o=!0,s(t),!(!c||!n?.open)))try{n.close()}catch(l){v.log("warn","ask: dialog.close() failed",l)}},f=async t=>{if(t.actionKind!=="ok"||typeof e.beforeClose!="function")return{allow:!0};try{let n=await e.beforeClose(t);return $(n)}catch(n){return v.log("error","ask.beforeClose: validation failed",n),{allow:!1}}},g=({actionKind:t,form:n})=>t==="ok"?e.useForm&&n?new FormData(n):!0:!1,h=async({actionCode:t,form:n,submitter:c,originalEvent:l,bypassValidation:p=!1,shouldClose:w=!0})=>{if(o)return;let{actionKind:y,button:b}=A(t),S=n||a.querySelector("form")||null;if(e.useForm&&y==="ok"&&S&&!p&&!P(S))return;let E=g({actionKind:y,form:S}),O=await f({actionCode:t,actionKind:y,dialog:a,form:S,formData:e.useForm&&y==="ok"&&S?E:null,submitter:c,originalEvent:l,options:e,button:b,defaultResult:E});if(!O.allow)return;let q=O.hasResult?O.result:E;d(q,a,{shouldClose:w})},a=document.createElement("dialog");V()&&a.classList.add("dialog-no-scale-animation"),D(e)&&a.classList.add("liquid-glass"),e.size&&a.classList.add(`dialog-${e.size}`),e.type&&a.classList.add(`dialog-${e.type}`),e.class&&(Array.isArray(e.class)?a.classList.add(...e.class):a.classList.add(e.class)),e.maxHeight&&a.style.setProperty("--dialog-max-height",e.maxHeight);let C=Object.entries(m).map(([t,n])=>{let c=n.primary?"btn-primary btn-sm":"btn-outline btn-sm",l=n.cancel?"button":"submit",p=n.formNoValidate?" formnovalidate":"";return`<button type="${l}" class="${c}" value="${t}"${p}>${n.name}</button>`});if(e.useForm){let t=document.createElement("div");L(t,i);let n=t.querySelector("form");if(n){a.innerHTML=`
           <header>
-            <h2>${options.title}</h2>
+            <h2>${e.title}</h2>
           </header>
-        `;
-        const article = document.createElement("article");
-        article.className = "dialog-body";
-        while (form.firstChild) {
-          article.appendChild(form.firstChild);
-        }
-        form.appendChild(article);
-        const footer = document.createElement("footer");
-        footer.innerHTML = buttons.join("");
-        form.appendChild(footer);
-        dialog.appendChild(form);
-      } else {
-        dialog.innerHTML = /*html*/
-        `
+        `;let c=document.createElement("article");for(c.className="dialog-body";n.firstChild;)c.appendChild(n.firstChild);n.appendChild(c);let l=document.createElement("footer");l.innerHTML=C.join(""),n.appendChild(l),a.appendChild(n)}else a.innerHTML=`
           <header>
-            <h2>${options.title}</h2>
+            <h2>${e.title}</h2>
           </header>
           <article id="msg-container"></article>
           <footer>
-            ${buttons.join("")}
+            ${C.join("")}
           </footer>
-        `;
-        const article = dialog.querySelector("#msg-container");
-        article.appendChild(tempContainer);
-      }
-    } else {
-      dialog.innerHTML = /*html*/
-      `
+        `,a.querySelector("#msg-container").appendChild(t)}else{a.innerHTML=`
         <form method="dialog">
           <header>
-            <h2>${options.title}</h2>
+            <h2>${e.title}</h2>
           </header>
           
           <article id="msg-container"></article>
           
           <footer>
-            ${buttons.join("")}
+            ${C.join("")}
           </footer>
         </form>
-      `;
-      const article = dialog.querySelector("#msg-container");
-      appendMessageContent(article, message);
-    }
-    dialog.addEventListener("click", (e) => {
-      const btn = e.target.closest('button[value="cancel"]');
-      if (btn) {
-        attemptResolve({
-          actionCode: "cancel",
-          form: dialog.querySelector("form"),
-          submitter: btn,
-          originalEvent: e
-        });
-      }
-    });
-    const setupFormListener = () => {
-      const form = dialog.querySelector("form");
-      if (form) {
-        if (form.dataset.askSubmitBound === "true") {
-          return;
-        }
-        form.dataset.askSubmitBound = "true";
-        form.addEventListener("submit", (event) => {
-          event.preventDefault();
-          const submitValue = event.submitter?.value ?? (options.useForm ? "ok" : void 0);
-          const bypassValidation = Boolean(event.submitter?.hasAttribute("formnovalidate"));
-          attemptResolve({
-            actionCode: submitValue,
-            form,
-            submitter: event.submitter,
-            originalEvent: event,
-            bypassValidation
-          });
-        });
-      } else {
-        requestAnimationFrame(setupFormListener);
-      }
-    };
-    dialog.addEventListener("cancel", (event) => {
-      event.preventDefault();
-      attemptResolve({
-        actionCode: "dismiss",
-        form: dialog.querySelector("form"),
-        originalEvent: event
-      });
-    });
-    dialog.addEventListener("close", () => {
-      if (!settled) {
-        settle(false, dialog, { shouldClose: false });
-      }
-      setTimeout(() => dialog.remove(), 200);
-    });
-    document.body.appendChild(dialog);
-    requestAnimationFrame(setupFormListener);
-    if (typeof options.rendered === "function") {
-      options.rendered(dialog);
-    }
-    dialog.showModal();
-    requestAnimationFrame(() => playDialogEnterAnimation(dialog));
-  });
-}
-export {
-  ask
-};
-//# sourceMappingURL=pds-ask.js.map
+      `;let t=a.querySelector("#msg-container");L(t,i)}a.addEventListener("click",t=>{let n=t.target.closest('button[value="cancel"]');n&&h({actionCode:"cancel",form:a.querySelector("form"),submitter:n,originalEvent:t})});let r=()=>{let t=a.querySelector("form");if(t){if(t.dataset.askSubmitBound==="true")return;t.dataset.askSubmitBound="true",t.addEventListener("submit",n=>{n.preventDefault();let c=n.submitter?.value??(e.useForm?"ok":void 0),l=!!n.submitter?.hasAttribute("formnovalidate");h({actionCode:c,form:t,submitter:n.submitter,originalEvent:n,bypassValidation:l})})}else requestAnimationFrame(r)};a.addEventListener("cancel",t=>{t.preventDefault(),h({actionCode:"dismiss",form:a.querySelector("form"),originalEvent:t})}),a.addEventListener("close",()=>{o||d(!1,a,{shouldClose:!1}),setTimeout(()=>a.remove(),200)}),document.body.appendChild(a),requestAnimationFrame(r),typeof e.rendered=="function"&&e.rendered(a),a.showModal(),requestAnimationFrame(()=>k(a))})}export{j as ask};