@pure-ds/core 0.7.1 → 0.7.3

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

@@ -1,25 +1,255 @@
-function g(n){let e=Array.isArray(n?.strings)?n.strings:[],c=Array.isArray(n?.values)?n.values:[],u=new Set,t=[],f=/(\s)(\.[\w-]+)=\s*$/;for(let r=0;r<e.length;r+=1){let s=e[r]??"",l=s.match(f);if(l&&r<c.length){let d=l[2].slice(1),y=`pds-val-${r}`;s=s.replace(f,`$1data-pds-prop="${d}:${y}"`),u.add(r)}t.push(s),r<c.length&&!u.has(r)&&t.push(`<!--pds-val-${r}-->`)}let m=document.createElement("template");m.innerHTML=t.join("");let a=(r,s)=>{let l=r.parentNode;if(!l)return;if(s==null){l.removeChild(r);return}let p=d=>{if(d!=null){if(d instanceof Node){l.insertBefore(d,r);return}if(Array.isArray(d)){d.forEach(y=>p(y));return}l.insertBefore(document.createTextNode(String(d)),r)}};p(s),l.removeChild(r)},i=document.createTreeWalker(m.content,NodeFilter.SHOW_COMMENT),o=[];for(;i.nextNode();){let r=i.currentNode;r?.nodeValue?.startsWith("pds-val-")&&o.push(r)}return o.forEach(r=>{let s=Number(r.nodeValue.replace("pds-val-",""));a(r,c[s])}),m.content.querySelectorAll("*").forEach(r=>{let s=r.getAttribute("data-pds-prop");if(!s)return;let[l,p]=s.split(":"),d=Number(String(p).replace("pds-val-",""));l&&Number.isInteger(d)&&(r[l]=c[d]),r.removeAttribute("data-pds-prop")}),m.content}function b(n,e){if(e==null)return;if(typeof e=="object"&&Array.isArray(e.strings)&&Array.isArray(e.values)){n.appendChild(g(e));return}if(e instanceof Node){n.appendChild(e);return}if(Array.isArray(e)){e.forEach(u=>b(n,u));return}let c=typeof e=="string"?e:String(e);n.appendChild(document.createTextNode(c))}function A(){let n=navigator.userAgent,e=/Safari/i.test(n),c=/(Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS|Opera)/i.test(n);return e&&!c}function C(n){if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let e=window.matchMedia?.("(max-width: 639px)").matches,c=n.classList.contains("dialog-no-scale-animation")?"pds-dialog-fade-enter":e?"pds-dialog-enter-mobile":"pds-dialog-enter";n.style.animation="none",n.offsetWidth,n.style.animation=`${c} var(--transition-normal) ease`,n.addEventListener("animationend",()=>{n.style.animation=""},{once:!0})}function x(n={}){return n?.liquidGlassEffects===!0}async function E(n,e={}){return e={...{title:"Confirm",type:"confirm",buttons:{ok:{name:"OK",primary:!0},cancel:{name:"Cancel",cancel:!0}}},...e},new Promise(u=>{let t=document.createElement("dialog");A()&&t.classList.add("dialog-no-scale-animation"),x(e)&&t.classList.add("liquid-glass"),e.size&&t.classList.add(`dialog-${e.size}`),e.type&&t.classList.add(`dialog-${e.type}`),e.class&&(Array.isArray(e.class)?t.classList.add(...e.class):t.classList.add(e.class)),e.maxHeight&&t.style.setProperty("--dialog-max-height",e.maxHeight);let f=Object.entries(e.buttons).map(([a,i])=>{let o=i.primary?"btn-primary btn-sm":"btn-outline btn-sm";return`<button type="${i.cancel?"button":"submit"}" class="${o}" value="${a}">${i.name}</button>`});if(e.useForm){let a=document.createElement("div");b(a,n);let i=a.querySelector("form");if(i){t.innerHTML=`
+// 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/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 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 };
+  return new Promise((resolve) => {
+    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(options.buttons).map(([code, obj]) => {
+      const btnClass = obj.primary ? "btn-primary btn-sm" : "btn-outline btn-sm";
+      const btnType = obj.cancel ? "button" : "submit";
+      return `<button type="${btnType}" class="${btnClass}" value="${code}">${obj.name}</button>`;
+    });
+    if (options.useForm) {
+      const tempContainer = document.createElement("div");
+      appendMessageContent(tempContainer, message);
+      const form = tempContainer.querySelector("form");
+      if (form) {
+        dialog.innerHTML = /*html*/
+        `
           <header>
-            <h2>${e.title}</h2>
+            <h2>${options.title}</h2>
           </header>
-        `;let o=document.createElement("article");for(o.className="dialog-body";i.firstChild;)o.appendChild(i.firstChild);i.appendChild(o);let h=document.createElement("footer");h.innerHTML=f.join(""),i.appendChild(h),t.appendChild(i)}else t.innerHTML=`
+        `;
+        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*/
+        `
           <header>
-            <h2>${e.title}</h2>
+            <h2>${options.title}</h2>
           </header>
           <article id="msg-container"></article>
           <footer>
-            ${f.join("")}
+            ${buttons.join("")}
           </footer>
-        `,t.querySelector("#msg-container").appendChild(a)}else{t.innerHTML=`
+        `;
+        const article = dialog.querySelector("#msg-container");
+        article.appendChild(tempContainer);
+      }
+    } else {
+      dialog.innerHTML = /*html*/
+      `
         <form method="dialog">
           <header>
-            <h2>${e.title}</h2>
+            <h2>${options.title}</h2>
           </header>
           
           <article id="msg-container"></article>
           
           <footer>
-            ${f.join("")}
+            ${buttons.join("")}
           </footer>
         </form>
-      `;let a=t.querySelector("#msg-container");b(a,n)}t.addEventListener("click",a=>{a.target.closest('button[value="cancel"]')&&(t.close(),u(!1))});let m=()=>{let a=t.querySelector("form");a?a.addEventListener("submit",i=>{i.preventDefault();let o;e.useForm&&i.submitter.value==="ok"?(console.log("Found form:",a),console.log("Form elements:",a?Array.from(a.elements):"no form"),o=new FormData(a),console.log("FormData entries:",Array.from(o.entries()))):o=i.submitter.value==="ok",t.close(),u(o)}):requestAnimationFrame(m)};m(),t.addEventListener("close",()=>{setTimeout(()=>t.remove(),200)}),document.body.appendChild(t),typeof e.rendered=="function"&&e.rendered(t),t.showModal(),requestAnimationFrame(()=>C(t))})}export{E as ask};
+      `;
+      const article = dialog.querySelector("#msg-container");
+      appendMessageContent(article, message);
+    }
+    dialog.addEventListener("click", (e) => {
+      const btn = e.target.closest('button[value="cancel"]');
+      if (btn) {
+        dialog.close();
+        resolve(false);
+      }
+    });
+    const setupFormListener = () => {
+      const form = dialog.querySelector("form");
+      if (form) {
+        form.addEventListener("submit", (event) => {
+          event.preventDefault();
+          let result;
+          if (options.useForm && event.submitter.value === "ok") {
+            console.log("Found form:", form);
+            console.log("Form elements:", form ? Array.from(form.elements) : "no form");
+            result = new FormData(form);
+            console.log("FormData entries:", Array.from(result.entries()));
+          } else {
+            result = event.submitter.value === "ok";
+          }
+          dialog.close();
+          resolve(result);
+        });
+      } else {
+        requestAnimationFrame(setupFormListener);
+      }
+    };
+    setupFormListener();
+    dialog.addEventListener("close", () => {
+      setTimeout(() => dialog.remove(), 200);
+    });
+    document.body.appendChild(dialog);
+    if (typeof options.rendered === "function") {
+      options.rendered(dialog);
+    }
+    dialog.showModal();
+    requestAnimationFrame(() => playDialogEnterAnimation(dialog));
+  });
+}
+export {
+  ask
+};
+//# sourceMappingURL=pds-ask.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/js/common/common.js", "../../../src/js/common/ask.js"],
+  "sourcesContent": ["export function isObject(item) {\n  return item && typeof item === 'object' && !Array.isArray(item);\n}\n\nexport function deepMerge(target, source) {\n    const output = { ...target };\n    if (isObject(target) && isObject(source)) {\n      Object.keys(source).forEach(key => {\n        if (isObject(source[key])) {\n          if (!(key in target))\n            Object.assign(output, { [key]: source[key] });\n          else\n            output[key] = deepMerge(target[key], source[key]);\n        } else {\n          Object.assign(output, { [key]: source[key] });\n        }\n      });\n    }\n    return output;\n  }\n\n/**\n * Build a DocumentFragment from a template-like object (strings + values)\n * @param {{strings: string[], values: unknown[]}} templateLike\n * @returns {DocumentFragment}\n */\nexport function fragmentFromTemplateLike(templateLike) {\n  const strings = Array.isArray(templateLike?.strings) ? templateLike.strings : [];\n  const values = Array.isArray(templateLike?.values) ? templateLike.values : [];\n  const consumedValues = new Set();\n  const htmlParts = [];\n\n  const propBindingPattern = /(\\s)(\\.[\\w-]+)=\\s*$/;\n\n  for (let i = 0; i < strings.length; i += 1) {\n    let chunk = strings[i] ?? \"\";\n    const match = chunk.match(propBindingPattern);\n\n    if (match && i < values.length) {\n      const propToken = match[2];\n      const propName = propToken.slice(1);\n      const marker = `pds-val-${i}`;\n      chunk = chunk.replace(\n        propBindingPattern,\n        `$1data-pds-prop=\"${propName}:${marker}\"`\n      );\n      consumedValues.add(i);\n    }\n\n    htmlParts.push(chunk);\n\n    if (i < values.length && !consumedValues.has(i)) {\n      htmlParts.push(`<!--pds-val-${i}-->`);\n    }\n  }\n\n  const tpl = document.createElement(\"template\");\n  tpl.innerHTML = htmlParts.join(\"\");\n\n  const replaceValueAtMarker = (markerNode, value) => {\n    const parent = markerNode.parentNode;\n    if (!parent) return;\n\n    if (value == null) {\n      parent.removeChild(markerNode);\n      return;\n    }\n\n    const insertValue = (val) => {\n      if (val == null) return;\n      if (val instanceof Node) {\n        parent.insertBefore(val, markerNode);\n        return;\n      }\n      if (Array.isArray(val)) {\n        val.forEach((item) => insertValue(item));\n        return;\n      }\n      parent.insertBefore(document.createTextNode(String(val)), markerNode);\n    };\n\n    insertValue(value);\n    parent.removeChild(markerNode);\n  };\n\n  const walker = document.createTreeWalker(tpl.content, NodeFilter.SHOW_COMMENT);\n  const markers = [];\n  while (walker.nextNode()) {\n    const node = walker.currentNode;\n    if (node?.nodeValue?.startsWith(\"pds-val-\")) {\n      markers.push(node);\n    }\n  }\n\n  markers.forEach((node) => {\n    const index = Number(node.nodeValue.replace(\"pds-val-\", \"\"));\n    replaceValueAtMarker(node, values[index]);\n  });\n\n  const elements = tpl.content.querySelectorAll(\"*\");\n  elements.forEach((el) => {\n    const propAttr = el.getAttribute(\"data-pds-prop\");\n    if (!propAttr) return;\n    const [propName, markerValue] = propAttr.split(\":\");\n    const index = Number(String(markerValue).replace(\"pds-val-\", \"\"));\n    if (propName && Number.isInteger(index)) {\n      el[propName] = values[index];\n    }\n    el.removeAttribute(\"data-pds-prop\");\n  });\n\n  return tpl.content;\n}\n\n/**\n * Parses an HTML string into a NodeList\n * @param {String} html\n * @returns {NodeListOf<ChildNode>}\n */\nexport function parseHTML(html) {\n  return new DOMParser().parseFromString(html, \"text/html\").body.childNodes;\n}", "import { fragmentFromTemplateLike } from \"./common.js\";\r\n\r\n/**\r\n * Get the current page title for dialogs\r\n */\r\nfunction getPageTitle() {\r\n  return document.title || \r\n         document.querySelector('h1')?.textContent || \r\n         'Application';\r\n}\r\n\r\n/**\r\n * Append message content using vanilla DOM APIs\r\n * @param {HTMLElement} container\r\n * @param {unknown} message\r\n */\r\nfunction appendMessageContent(container, message) {\r\n  if (message == null) return;\r\n\r\n  if (\r\n    typeof message === \"object\" &&\r\n    Array.isArray(message.strings) &&\r\n    Array.isArray(message.values)\r\n  ) {\r\n    container.appendChild(fragmentFromTemplateLike(message));\r\n    return;\r\n  }\r\n\r\n  if (message instanceof Node) {\r\n    container.appendChild(message);\r\n    return;\r\n  }\r\n\r\n  if (Array.isArray(message)) {\r\n    message.forEach((item) => appendMessageContent(container, item));\r\n    return;\r\n  }\r\n\r\n  const text = typeof message === \"string\" ? message : String(message);\r\n  container.appendChild(document.createTextNode(text));\r\n}\r\n\r\nfunction isSafariBrowser() {\r\n  const userAgent = navigator.userAgent;\r\n  const isSafariEngine = /Safari/i.test(userAgent);\r\n  const isOtherBrowser = /(Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS|Opera)/i.test(userAgent);\r\n  return isSafariEngine && !isOtherBrowser;\r\n}\r\n\r\nfunction playDialogEnterAnimation(dialog) {\r\n  if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches) {\r\n    return;\r\n  }\r\n\r\n  const isMobile = window.matchMedia?.('(max-width: 639px)').matches;\r\n  const animationName = dialog.classList.contains('dialog-no-scale-animation')\r\n    ? 'pds-dialog-fade-enter'\r\n    : isMobile\r\n      ? 'pds-dialog-enter-mobile'\r\n      : 'pds-dialog-enter';\r\n\r\n  dialog.style.animation = 'none';\r\n  void dialog.offsetWidth;\r\n  dialog.style.animation = `${animationName} var(--transition-normal) ease`;\r\n\r\n  dialog.addEventListener('animationend', () => {\r\n    dialog.style.animation = '';\r\n  }, { once: true });\r\n}\r\n\r\nfunction shouldUseLiquidGlass(options = {}) {\r\n  return options?.liquidGlassEffects === true;\r\n}\r\n\r\n/**\r\n * Create a PDS-compliant dialog with proper semantic structure\r\n * @param {string|Node|Array} message - Message content (string or DOM nodes)\r\n * @param {Object} options - Dialog options\r\n * @returns {Promise} Resolves with result when dialog closes\r\n */\r\nexport async function ask(message, options = {}) {\r\n  \r\n  const defaults = {\r\n    title: \"Confirm\",\r\n    type: \"confirm\", // 'alert', 'confirm', 'custom'\r\n    buttons: {\r\n      ok: { name: \"OK\", primary: true },\r\n      cancel: { name: \"Cancel\", cancel: true },\r\n    },\r\n  };\r\n  \r\n  options = { ...defaults, ...options };\r\n  \r\n  return new Promise((resolve) => {\r\n    // Create native dialog element\r\n    const dialog = document.createElement(\"dialog\");\r\n\r\n    if (isSafariBrowser()) {\r\n      dialog.classList.add(\"dialog-no-scale-animation\");\r\n    }\r\n    \r\n    if (shouldUseLiquidGlass(options))\r\n      dialog.classList.add(\"liquid-glass\");\r\n    \r\n    // Add optional CSS classes\r\n    if (options.size) {\r\n      dialog.classList.add(`dialog-${options.size}`); // dialog-sm, dialog-lg, dialog-xl\r\n    }\r\n    if (options.type) {\r\n      dialog.classList.add(`dialog-${options.type}`);\r\n    }\r\n    if (options.class) {\r\n      if (Array.isArray(options.class)) {\r\n        dialog.classList.add(...options.class);\r\n      } else {\r\n        dialog.classList.add(options.class);\r\n      }\r\n    }\r\n    \r\n    // Set maxHeight via CSS custom property (constrained to 90vh by default)\r\n    if (options.maxHeight) {\r\n      dialog.style.setProperty('--dialog-max-height', options.maxHeight);\r\n    }\r\n\r\n    // Build button elements\r\n    const buttons = Object.entries(options.buttons).map(([code, obj]) => {\r\n      const btnClass = obj.primary ? \"btn-primary btn-sm\" : \"btn-outline btn-sm\";\r\n      const btnType = obj.cancel ? \"button\" : \"submit\";\r\n      return `<button type=\"${btnType}\" class=\"${btnClass}\" value=\"${code}\">${obj.name}</button>`;\r\n    });\r\n\r\n    // Create PDS-compliant dialog structure\r\n    // When useForm is true, don't wrap in a form - let the content provide the form\r\n    if (options.useForm) {\r\n      // Create a temporary container to render the message content\r\n      const tempContainer = document.createElement(\"div\");\r\n      appendMessageContent(tempContainer, message);\r\n      \r\n      // Find the form in the rendered content\r\n      const form = tempContainer.querySelector(\"form\");\r\n      if (form) {\r\n        // Build dialog structure with form as direct child for proper flex layout\r\n        dialog.innerHTML = /*html*/ `\r\n          <header>\r\n            <h2>${options.title}</h2>\r\n          </header>\r\n        `;\r\n        \r\n        // Create article wrapper and move form children into it (preserves DOM nodes & bindings)\r\n        const article = document.createElement(\"article\");\r\n        article.className = \"dialog-body\";\r\n        while (form.firstChild) {\r\n          article.appendChild(form.firstChild);\r\n        }\r\n        form.appendChild(article);\r\n        \r\n        // Add footer with buttons\r\n        const footer = document.createElement(\"footer\");\r\n        footer.innerHTML = buttons.join(\"\");\r\n        form.appendChild(footer);\r\n        \r\n        // Append the restructured form to dialog\r\n        dialog.appendChild(form);\r\n      } else {\r\n        // No form found, use standard article structure\r\n        dialog.innerHTML = /*html*/ `\r\n          <header>\r\n            <h2>${options.title}</h2>\r\n          </header>\r\n          <article id=\"msg-container\"></article>\r\n          <footer>\r\n            ${buttons.join(\"\")}\r\n          </footer>\r\n        `;\r\n        const article = dialog.querySelector(\"#msg-container\");\r\n        article.appendChild(tempContainer);\r\n      }\r\n    } else {\r\n      dialog.innerHTML = /*html*/ `\r\n        <form method=\"dialog\">\r\n          <header>\r\n            <h2>${options.title}</h2>\r\n          </header>\r\n          \r\n          <article id=\"msg-container\"></article>\r\n          \r\n          <footer>\r\n            ${buttons.join(\"\")}\r\n          </footer>\r\n        </form>\r\n      `;\r\n\r\n      // Render message content\r\n      const article = dialog.querySelector(\"#msg-container\");\r\n      appendMessageContent(article, message);\r\n    }\r\n\r\n    // Handle cancel button clicks\r\n    dialog.addEventListener(\"click\", (e) => {\r\n      const btn = e.target.closest('button[value=\"cancel\"]');\r\n      if (btn) {\r\n        dialog.close();\r\n        resolve(false);\r\n      }\r\n    });\r\n\r\n    // Wait for form to exist before adding submit listener\r\n    const setupFormListener = () => {\r\n      const form = dialog.querySelector(\"form\");\r\n      if (form) {\r\n        form.addEventListener(\"submit\", (event) => {\r\n          event.preventDefault();\r\n          \r\n          let result;\r\n          if (options.useForm && event.submitter.value === \"ok\") {\r\n            console.log(\"Found form:\", form);\r\n            console.log(\"Form elements:\", form ? Array.from(form.elements) : \"no form\");\r\n            result = new FormData(form);\r\n            console.log(\"FormData entries:\", Array.from(result.entries()));\r\n          } else {\r\n            result = (event.submitter.value === \"ok\");\r\n          }\r\n\r\n          dialog.close();\r\n          resolve(result);\r\n        });\r\n      } else {\r\n        // Form doesn't exist yet, wait and try again\r\n        requestAnimationFrame(setupFormListener);\r\n      }\r\n    };\r\n    \r\n    setupFormListener();\r\n\r\n    // Handle dialog close event\r\n    dialog.addEventListener(\"close\", () => {\r\n      // Small delay to allow exit animation\r\n      setTimeout(() => dialog.remove(), 200);\r\n    });\r\n\r\n    // Append to body and show\r\n    document.body.appendChild(dialog);\r\n\r\n    // Call optional rendered callback\r\n    if (typeof options.rendered === \"function\") {\r\n      options.rendered(dialog);\r\n    }\r\n\r\n    // Show the dialog as modal\r\n    dialog.showModal();\r\n\r\n    requestAnimationFrame(() => playDialogEnterAnimation(dialog));\r\n  });\r\n}\r\n\r\n/**\r\n * Show an alert dialog\r\n * @param {string|Node|Array} message - Alert message\r\n * @param {Object} options - Optional dialog options\r\n * @returns {Promise}\r\n */\r\nexport async function alert(message, options = {}) {\r\n  const defaults = {\r\n    title: getPageTitle(),\r\n    type: \"alert\",\r\n    buttons: {\r\n      ok: { name: \"OK\", primary: true },\r\n    },\r\n  };\r\n\r\n  return ask(message, { ...defaults, ...options });\r\n}\r\n\r\n/**\r\n * Show a confirmation dialog\r\n * @param {string|Node|Array} message - Confirmation message\r\n * @param {Object} options - Optional dialog options\r\n * @returns {Promise<boolean>}\r\n */\r\nexport async function confirm(message, options = {}) {\r\n  const defaults = {\r\n    title: \"Confirm Action\",\r\n    type: \"confirm\",\r\n    buttons: {\r\n      ok: { name: \"Confirm\", primary: true },\r\n      cancel: { name: \"Cancel\", cancel: true },\r\n    },\r\n  };\r\n\r\n  return ask(message, { ...defaults, ...options });\r\n}\r\n"],
+  "mappings": "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",
+  "names": []
+}

package/public/assets/js/pds-auto-definer.js

@@ -1 +1,306 @@
-async function P(...h){let i={};h.length&&typeof h[h.length-1]=="object"&&(i=h.pop()||{});let m=h,{baseURL:f,mapper:w=n=>`${n}.js`,onError:E=(n,r)=>console.error(`[defineWebComponents] ${n}:`,r)}=i,d=f?new URL(f,typeof location<"u"?location.href:import.meta.url):new URL("./",import.meta.url),l=n=>n.toLowerCase().replace(/(^|-)([a-z])/g,(r,s,u)=>u.toUpperCase()),b=async n=>{try{if(customElements.get(n))return{tag:n,status:"already-defined"};let r=w(n),u=await import(r instanceof URL?r.href:new URL(r,d).href),c=u?.default??u?.[l(n)];if(!c){if(customElements.get(n))return{tag:n,status:"self-defined"};throw new Error(`No export found for ${n}. Expected default export or named export "${l(n)}".`)}return customElements.get(n)?{tag:n,status:"race-already-defined"}:(customElements.define(n,c),{tag:n,status:"defined"})}catch(r){throw E(n,r),r}};return Promise.all(m.map(b))}var M=class{constructor(i={}){let{baseURL:m,mapper:f,onError:w,predicate:E=()=>!0,attributeModule:d="data-module",root:l=document,scanExisting:b=!0,debounceMs:n=16,observeShadows:r=!0,enhancers:s=[],patchAttachShadow:u=!0}=i,c=new Set,y=new Set,$=new Set,S=new Map,U=new WeakMap,v=new WeakMap,p=0,T=!1,x=null,W=e=>{if(!e||!s.length)return;let o=v.get(e);o||(o=new Set,v.set(e,o));for(let t of s)if(!(!t.selector||!t.run)&&!o.has(t.selector))try{e.matches&&e.matches(t.selector)&&(t.run(e),o.add(t.selector))}catch(a){console.warn(`[AutoDefiner] Error applying enhancer for selector "${t.selector}":`,a)}},A=(e,o)=>{if(!T&&!(!e||!e.includes("-"))&&!customElements.get(e)&&!y.has(e)&&!$.has(e)){if(o&&o.getAttribute){let t=o.getAttribute(d);t&&!S.has(e)&&S.set(e,t)}c.add(e),O()}},O=()=>{p||(p=setTimeout(N,n))},L=e=>{if(e){if(e.nodeType===1){let o=e,t=o.tagName?.toLowerCase();t&&t.includes("-")&&!customElements.get(t)&&E(t,o)&&A(t,o),W(o),r&&o.shadowRoot&&C(o.shadowRoot)}e.querySelectorAll&&e.querySelectorAll("*").forEach(o=>{let t=o.tagName?.toLowerCase();t&&t.includes("-")&&!customElements.get(t)&&E(t,o)&&A(t,o),W(o),r&&o.shadowRoot&&C(o.shadowRoot)})}},C=e=>{if(!e||U.has(e))return;L(e);let o=new MutationObserver(t=>{for(let a of t)a.addedNodes?.forEach(R=>{L(R)}),a.type==="attributes"&&a.target&&L(a.target)});o.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[d,...s.map(t=>t.selector).filter(t=>t.startsWith("data-"))]}),U.set(e,o)};async function N(){if(clearTimeout(p),p=0,!c.size)return;let e=Array.from(c);c.clear(),e.forEach(o=>y.add(o));try{let o=t=>S.get(t)??(f?f(t):`${t}.js`);await P(...e,{baseURL:m,mapper:o,onError:(t,a)=>{$.add(t),w?.(t,a)}})}catch{}finally{e.forEach(o=>y.delete(o))}}let _=l===document?document.documentElement:l,j=new MutationObserver(e=>{for(let o of e)o.addedNodes?.forEach(t=>{L(t)}),o.type==="attributes"&&o.target&&L(o.target)});if(j.observe(_,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[d,...s.map(e=>e.selector).filter(e=>e.startsWith("data-"))]}),r&&u&&Element.prototype.attachShadow){let e=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){let a=e.call(this,t);if(t&&t.mode==="open"){C(a);let R=this.tagName?.toLowerCase();R&&R.includes("-")&&!customElements.get(R)&&A(R,this)}return a},x=()=>Element.prototype.attachShadow=e}return b&&L(_),{stop(){T=!0,j.disconnect(),x&&x(),p&&(clearTimeout(p),p=0),U.forEach(e=>e.disconnect())},flush:N}}static async define(...i){let m={};i.length&&typeof i[i.length-1]=="object"&&(m=i.pop()||{});let f=i,{baseURL:w,mapper:E=r=>`${r}.js`,onError:d=(r,s)=>console.error(`[defineWebComponents] ${r}:`,s)}=m,l=w?new URL(w,typeof location<"u"?location.href:import.meta.url):new URL("./",import.meta.url),b=r=>r.toLowerCase().replace(/(^|-)([a-z])/g,(s,u,c)=>c.toUpperCase()),n=async r=>{try{if(customElements.get(r))return{tag:r,status:"already-defined"};let s=E(r),c=await import(s instanceof URL?s.href:new URL(s,l).href),y=c?.default??c?.[b(r)];if(!y){if(customElements.get(r))return{tag:r,status:"self-defined"};throw new Error(`No export found for ${r}. Expected default export or named export "${b(r)}".`)}return customElements.get(r)?{tag:r,status:"race-already-defined"}:(customElements.define(r,y),{tag:r,status:"defined"})}catch(s){throw d(r,s),s}};return Promise.all(f.map(n))}};export{M as AutoDefiner};
+// node_modules/pure-web/src/js/auto-definer.js
+async function defineWebComponents(...args) {
+  let opts = {};
+  if (args.length && typeof args[args.length - 1] === "object") {
+    opts = args.pop() || {};
+  }
+  const tags = args;
+  const {
+    baseURL,
+    mapper = (tag) => `${tag}.js`,
+    onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+  } = opts;
+  const base = baseURL ? new URL(
+    baseURL,
+    typeof location !== "undefined" ? location.href : import.meta.url
+  ) : new URL("./", import.meta.url);
+  const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+  const loadOne = async (tag) => {
+    try {
+      if (customElements.get(tag))
+        return { tag, status: "already-defined" };
+      const spec = mapper(tag);
+      const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+      const mod = await import(href);
+      const Named = mod?.default ?? mod?.[toPascal(tag)];
+      if (!Named) {
+        if (customElements.get(tag))
+          return { tag, status: "self-defined" };
+        throw new Error(
+          `No export found for ${tag}. Expected default export or named export "${toPascal(
+            tag
+          )}".`
+        );
+      }
+      if (!customElements.get(tag)) {
+        customElements.define(tag, Named);
+        return { tag, status: "defined" };
+      }
+      return { tag, status: "race-already-defined" };
+    } catch (err) {
+      onError(tag, err);
+      throw err;
+    }
+  };
+  return Promise.all(tags.map(loadOne));
+}
+var AutoDefiner = class {
+  constructor(options = {}) {
+    const {
+      baseURL,
+      mapper,
+      onError,
+      predicate = () => true,
+      attributeModule = "data-module",
+      root = document,
+      scanExisting = true,
+      debounceMs = 16,
+      observeShadows = true,
+      enhancers = [],
+      // [{String selector, Function run(elem)}]
+      patchAttachShadow = true
+    } = options;
+    const pending = /* @__PURE__ */ new Set();
+    const inFlight = /* @__PURE__ */ new Set();
+    const knownMissing = /* @__PURE__ */ new Set();
+    const perTagModulePath = /* @__PURE__ */ new Map();
+    const shadowObservers = /* @__PURE__ */ new WeakMap();
+    const enhancerApplied = /* @__PURE__ */ new WeakMap();
+    let timer = 0;
+    let stopped = false;
+    let restoreAttachShadow = null;
+    const applyEnhancers = (element) => {
+      if (!element || !enhancers.length)
+        return;
+      let appliedEnhancers = enhancerApplied.get(element);
+      if (!appliedEnhancers) {
+        appliedEnhancers = /* @__PURE__ */ new Set();
+        enhancerApplied.set(element, appliedEnhancers);
+      }
+      for (const enhancer of enhancers) {
+        if (!enhancer.selector || !enhancer.run)
+          continue;
+        if (appliedEnhancers.has(enhancer.selector))
+          continue;
+        try {
+          if (element.matches && element.matches(enhancer.selector)) {
+            enhancer.run(element);
+            appliedEnhancers.add(enhancer.selector);
+          }
+        } catch (err) {
+          console.warn(
+            `[AutoDefiner] Error applying enhancer for selector "${enhancer.selector}":`,
+            err
+          );
+        }
+      }
+    };
+    const queueTag = (tag, el) => {
+      if (stopped)
+        return;
+      if (!tag || !tag.includes("-"))
+        return;
+      if (customElements.get(tag))
+        return;
+      if (inFlight.has(tag))
+        return;
+      if (knownMissing.has(tag))
+        return;
+      if (el && el.getAttribute) {
+        const override = el.getAttribute(attributeModule);
+        if (override && !perTagModulePath.has(tag)) {
+          perTagModulePath.set(tag, override);
+        }
+      }
+      pending.add(tag);
+      schedule();
+    };
+    const schedule = () => {
+      if (timer)
+        return;
+      timer = setTimeout(flush, debounceMs);
+    };
+    const crawlTree = (rootNode) => {
+      if (!rootNode)
+        return;
+      if (rootNode.nodeType === 1) {
+        const el = (
+          /** @type {Element} */
+          rootNode
+        );
+        const tag = el.tagName?.toLowerCase();
+        if (tag && tag.includes("-") && !customElements.get(tag) && predicate(tag, el)) {
+          queueTag(tag, el);
+        }
+        applyEnhancers(el);
+        if (observeShadows && el.shadowRoot) {
+          observeShadowRoot(el.shadowRoot);
+        }
+      }
+      if (rootNode.querySelectorAll) {
+        rootNode.querySelectorAll("*").forEach((e) => {
+          const t = e.tagName?.toLowerCase();
+          if (t && t.includes("-") && !customElements.get(t) && predicate(t, e)) {
+            queueTag(t, e);
+          }
+          applyEnhancers(e);
+          if (observeShadows && e.shadowRoot) {
+            observeShadowRoot(e.shadowRoot);
+          }
+        });
+      }
+    };
+    const observeShadowRoot = (sr) => {
+      if (!sr || shadowObservers.has(sr))
+        return;
+      crawlTree(sr);
+      const mo = new MutationObserver((mutations) => {
+        for (const m of mutations) {
+          m.addedNodes?.forEach((n) => {
+            crawlTree(n);
+          });
+          if (m.type === "attributes" && m.target) {
+            crawlTree(m.target);
+          }
+        }
+      });
+      mo.observe(sr, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: [
+          attributeModule,
+          ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+        ]
+      });
+      shadowObservers.set(sr, mo);
+    };
+    async function flush() {
+      clearTimeout(timer);
+      timer = 0;
+      if (!pending.size)
+        return;
+      const tags = Array.from(pending);
+      pending.clear();
+      tags.forEach((t) => inFlight.add(t));
+      try {
+        const effectiveMapper = (tag) => perTagModulePath.get(tag) ?? (mapper ? mapper(tag) : `${tag}.js`);
+        await defineWebComponents(...tags, {
+          baseURL,
+          mapper: effectiveMapper,
+          onError: (tag, err) => {
+            knownMissing.add(tag);
+            onError?.(tag, err);
+          }
+        });
+      } catch {
+      } finally {
+        tags.forEach((t) => inFlight.delete(t));
+      }
+    }
+    const mountNode = root === document ? document.documentElement : root;
+    const obs = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        m.addedNodes?.forEach((n) => {
+          crawlTree(n);
+        });
+        if (m.type === "attributes" && m.target) {
+          crawlTree(m.target);
+        }
+      }
+    });
+    obs.observe(mountNode, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: [
+        attributeModule,
+        ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+      ]
+    });
+    if (observeShadows && patchAttachShadow && Element.prototype.attachShadow) {
+      const orig = Element.prototype.attachShadow;
+      Element.prototype.attachShadow = function patchedAttachShadow(init) {
+        const sr = orig.call(this, init);
+        if (init && init.mode === "open") {
+          observeShadowRoot(sr);
+          const tag = this.tagName?.toLowerCase();
+          if (tag && tag.includes("-") && !customElements.get(tag)) {
+            queueTag(tag, this);
+          }
+        }
+        return sr;
+      };
+      restoreAttachShadow = () => Element.prototype.attachShadow = orig;
+    }
+    if (scanExisting) {
+      crawlTree(mountNode);
+    }
+    return {
+      stop() {
+        stopped = true;
+        obs.disconnect();
+        if (restoreAttachShadow)
+          restoreAttachShadow();
+        if (timer) {
+          clearTimeout(timer);
+          timer = 0;
+        }
+        shadowObservers.forEach((mo) => mo.disconnect());
+      },
+      flush
+    };
+  }
+  /**
+   * Dynamically load and (idempotently) define a set of web components by tag name.
+   */
+  static async define(...args) {
+    let opts = {};
+    if (args.length && typeof args[args.length - 1] === "object") {
+      opts = args.pop() || {};
+    }
+    const tags = args;
+    const {
+      baseURL,
+      mapper = (tag) => `${tag}.js`,
+      onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+    } = opts;
+    const base = baseURL ? new URL(
+      baseURL,
+      typeof location !== "undefined" ? location.href : import.meta.url
+    ) : new URL("./", import.meta.url);
+    const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+    const loadOne = async (tag) => {
+      try {
+        if (customElements.get(tag))
+          return { tag, status: "already-defined" };
+        const spec = mapper(tag);
+        const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+        const mod = await import(href);
+        const Named = mod?.default ?? mod?.[toPascal(tag)];
+        if (!Named) {
+          if (customElements.get(tag))
+            return { tag, status: "self-defined" };
+          throw new Error(
+            `No export found for ${tag}. Expected default export or named export "${toPascal(
+              tag
+            )}".`
+          );
+        }
+        if (!customElements.get(tag)) {
+          customElements.define(tag, Named);
+          return { tag, status: "defined" };
+        }
+        return { tag, status: "race-already-defined" };
+      } catch (err) {
+        onError(tag, err);
+        throw err;
+      }
+    };
+    return Promise.all(tags.map(loadOne));
+  }
+};
+export {
+  AutoDefiner
+};
+//# sourceMappingURL=pds-auto-definer.js.map