@ketvietlab/ketsuite 0.1.2 → 0.1.3

package/dist/modules/backend/design/client/relation-select.d.mts

@@ -1,5 +1,10 @@
-export declare const relationSelect: (props: any) => {
+declare function tt(g: any): {
     view: () => any;
     dispose: () => void;
 };
+declare var at: (g: any) => {
+    view: () => any;
+    dispose: () => void;
+};
+export { tt as createRelationSelectView, at as relationSelect };
 //# sourceMappingURL=relation-select.d.mts.map

package/dist/modules/backend/design/client/relation-select.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"relation-select.d.mts","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select.mjs"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;CAAsD,CAAA"}
+{"version":3,"file":"relation-select.d.mts","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select.mjs"],"names":[],"mappings":"AAC0f,iBAAS,EAAE,CAAC,CAAC,KAAA;IAAokM,IAAI;IAAqlE,OAAO;EAAwC;AAAA,QAAA,IAAI,EAAE;;;CAAS,CAAC;AAAA,OAAM,EAAC,EAAE,IAAI,wBAAwB,EAAC,EAAE,IAAI,cAAc,EAAC,CAAC"}

package/dist/modules/backend/design/client/relation-select.mjs

@@ -1,7 +1,2 @@
-// @ts-nocheck Generic function-backed relational selector bootstrap.
-// @ts-expect-error Browser import served by the KetJS runtime.
-import { each, html, signal } from '/_ket/view/index.js'
-import { createRelationSelectView } from './relation-select-view.mjs'
-
-const runtime = { each, html, signal }
-export const relationSelect = (props) => createRelationSelectView(runtime, props)
+// @ts-nocheck Generated by tools/build-backend-client.mjs — do not edit.
+import{each as I,signal as v}from"/_ket/view/index.js";import{jsx as e,jsxs as r}from"/_ket/view/jsx-runtime.js";var T=g=>Array.isArray(g)?g:[],i=g=>g==null?"":String(g),M=async(g,h,d)=>{let a=await fetch(`/_ket/fn/${encodeURIComponent(g)}`,{method:"POST",credentials:"same-origin",headers:{"content-type":"application/json"},body:JSON.stringify(h),signal:d}),o=await a.json();if(!a.ok||o.ok===!1){let b=T(o.errors)[0];throw new Error(i(b?.message??b?.code??o.message??`HTTP ${a.status}`))}return o.value};function tt(g){let{id:h,config:d}=g,a=d.labels,o=d.manager,b=d.multiple===!0,c=v(b?T(d.values).map(i).filter(Boolean):[i(d.value)].filter(Boolean)),H=()=>c()[0]??"",w=t=>c().includes(i(t)),p=v(T(d.options)),y=v(!1),S=v(!1),k=v(""),q=v([]),f=v(!1),R=v(""),m=v(null),E=v(""),P=null,D,V=!1,x=t=>i(t[o?.idField??"id"]),$=t=>i(t[o?.labelField??"name"])||a.noRecords,K=t=>i(t[o?.descriptionField??"ref"]),U=()=>p().find(t=>i(t.value)===H())?.label??a.choose,z=()=>{let t=k().trim().toLocaleLowerCase();return(t?p().filter(l=>`${i(l.label)} ${i(l.description)}`.toLocaleLowerCase().includes(t)):p()).slice(0,7)},L=(t,n,l="")=>{let u=i(t);if(p().some(s=>i(s.value)===u)||p.set([...p(),{value:u,label:i(n),description:i(l)}]),b){c.set(w(u)?c().filter(s=>s!==u):[...c(),u]);return}c.set(u?[u]:[]),y.set(!1),S.set(!1),k.set(""),m.set(null),E.set("")},j=t=>{c.set(c().filter(n=>n!==i(t)))},O=t=>p().find(n=>i(n.value)===i(t))?.label??i(t),F=async()=>{if(!o?.listFunction)return;P?.abort();let t=new AbortController;P=t,f.set(!0),R.set("");try{let n={...o.listInput??{}};n[o.searchParam??"search"]=k().trim(),n[o.limitParam??"limit"]=o.limit??80;let l=await M(o.listFunction,n,t.signal),u=new Set(T(o.excludeIds).map(i));q.set(T(l).filter(s=>!u.has(x(s))))}catch(n){if(V||n instanceof Error&&n.name==="AbortError")return;R.set(n instanceof Error?n.message:a.loadError)}finally{P===t&&f.set(!1)}},B=async()=>{y.set(!1),S.set(!0),m.set(null),E.set(""),await F()},A=()=>{S.set(!1),m.set(null),E.set(""),R.set("")},J=t=>{t.currentTarget instanceof HTMLInputElement&&(k.set(t.currentTarget.value),clearTimeout(D),D=setTimeout(F,180))},N=async t=>{if(t.preventDefault(),!o?.saveFunction||!(t.currentTarget instanceof HTMLFormElement))return;let n=m(),l=n?.id||crypto.randomUUID(),u={...o.saveDefaults??{},id:l};for(let[s,C]of new FormData(t.currentTarget).entries())u[s]=i(C);f.set(!0),R.set("");try{await M(o.saveFunction,u);let s=i(u[o.labelField??"name"]);if(!n?.id){L(l,s),b&&(m.set(null),await F());return}p.set(p().map(C=>i(C.value)===l?{...C,label:s||C.label}:C)),m.set(null),await F()}catch(s){R.set(s instanceof Error?s.message:a.loadError)}finally{f.set(!1)}},_=async t=>{let n=x(t);if(E()!==n){E.set(n);return}if(o?.removeFunction){f.set(!0),R.set("");try{await M(o.removeFunction,{...o.removeDefaults??{},id:n}),j(n),p.set(p().filter(l=>i(l.value)!==n)),E.set(""),await F()}catch(l){R.set(l instanceof Error?l.message:a.loadError)}finally{f.set(!1)}}},G=t=>{let n=m()?.row??o?.saveDefaults??{},l=i(n[t.name]),u=`${h}-relation-editor-${t.name}`;return r("label",{"data-ui":"form-field","data-span":"full",htmlFor:u,children:[r("span",{"data-ui":"form-label",children:[t.label,t.required?r("span",{"data-ui":"form-required","aria-hidden":"true",children:[" ","*"]}):null]}),t.type==="select"?e("select",{"data-ui":"form-control",id:u,name:t.name,required:t.required===!0,children:I(T(t.options),s=>s.value,s=>e("option",{value:s.value,selected:i(s.value)===l,children:s.label}))}):e("input",{"data-ui":"form-control",id:u,type:t.type??"text",name:t.name,value:l,autocomplete:"off",required:t.required===!0})]})},Q=()=>r("form",{"data-ui":"relation-editor",onSubmit:N,children:[e("div",{"data-ui":"form-grid",children:I(T(o?.fields),t=>t.name,G)}),e("div",{"data-ui":"form-actions",children:r("div",{"data-ui":"action-group",children:[e("button",{"data-ui":"action","data-variant":"primary",type:"submit",disabled:f(),children:a.save}),e("button",{"data-ui":"action","data-variant":"tertiary",type:"button",onClick:()=>m.set(null),children:a.cancel})]})})]}),W=t=>{let n=x(t),l=K(t);return r("li",{"data-ui":"relation-dialog-row","data-selected":String(w(n)),children:[r("button",{"data-ui":"relation-dialog-main",type:"button","aria-pressed":b?String(w(n)):null,onClick:()=>L(n,$(t),l),children:[e("strong",{children:$(t)}),l?e("small",{"data-ui":"relation-dialog-meta",children:l}):null]}),r("div",{"data-ui":"relation-dialog-actions",children:[e("button",{"data-ui":"action","data-size":"compact","data-variant":w(n)?"primary":"secondary",type:"button",onClick:()=>L(n,$(t),l),children:w(n)?a.chosen:a.select}),o?.saveFunction?e("button",{"data-ui":"action","data-size":"compact","data-variant":"tertiary",type:"button",onClick:()=>m.set({id:n,row:t}),children:a.edit}):null,o?.removeFunction?e("button",{"data-ui":"action","data-size":"compact","data-variant":"destructive",type:"button",onClick:()=>_(t),children:E()===n?a.confirmRemove:a.remove}):null]})]})},X=()=>r("div",{"data-ui":"modal-layer","data-presentation":"dialog",children:[e("button",{"data-ui":"modal-backdrop",type:"button","aria-label":a.close,onClick:A,children:e("span",{children:a.close})}),r("section",{"data-ui":"modal-sheet","data-size":"large",role:"dialog","aria-modal":"true","aria-labelledby":`${h}-relation-title`,children:[r("header",{"data-ui":"modal-head",children:[e("h2",{"data-ui":"modal-title",id:`${h}-relation-title`,children:a.dialogTitle}),e("button",{"data-ui":"modal-close",type:"button","aria-label":a.close,title:a.close,onClick:A,children:"\xD7"})]}),r("div",{"data-ui":"modal-body",children:[r("div",{"data-ui":"relation-dialog-toolbar",children:[e("input",{"data-ui":"form-control",type:"search",value:k(),autocomplete:"off",placeholder:a.search,"aria-label":a.search,onInput:J}),o?.saveFunction?e("button",{"data-ui":"action","data-variant":"primary",type:"button",onClick:()=>m.set({id:"",row:o.saveDefaults??{}}),children:a.create}):null]}),R()?r("aside",{"data-ui":"notice","data-tone":"danger",role:"alert",children:[r("div",{"data-ui":"notice-copy",children:[e("p",{"data-ui":"notice-title",children:a.loadError}),e("p",{"data-ui":"notice-message",children:R()})]}),e("button",{"data-ui":"action","data-variant":"secondary",type:"button",onClick:F,children:a.retry})]}):null,m()?Q():null,f()?e("p",{"data-ui":"relation-empty",role:"status",children:a.loading}):null,!f()&&!m()?q().length?e("ul",{"data-ui":"relation-dialog-list",children:I(q(),x,W)}):e("p",{"data-ui":"relation-empty",children:a.noRecords}):null]})]})]}),Y=t=>{!(t instanceof KeyboardEvent)||t.key!=="Escape"||(y.set(!1),A())},Z=t=>{t.preventDefault(),y.set(!0),t.currentTarget instanceof HTMLSelectElement&&t.currentTarget.nextElementSibling?.focus()};return{view:()=>r("div",{"data-ui":"relation-select",role:"group","aria-label":d.ariaLabel,onKeydown:Y,children:[r("select",{"data-ui":"relation-native",name:d.name,required:d.required===!0,disabled:d.disabled===!0,tabindex:"-1","aria-hidden":"true",onInvalid:Z,children:[e("option",{value:"",selected:!c().length}),b?c().length?e("option",{value:c().join(","),selected:!0,children:c().map(O).join(", ")}):null:I(p().filter(t=>i(t.value)),t=>t.value,t=>e("option",{value:t.value,selected:i(t.value)===H(),children:t.label}))]}),r("button",{"data-ui":"relation-trigger","data-empty":String(!c().length),type:"button","aria-haspopup":"listbox","aria-label":d.ariaLabel,"aria-expanded":String(y()),"aria-controls":`${h}-relation-menu`,disabled:d.disabled===!0,onClick:()=>y.set(!y()),children:[e("span",{"data-ui":"relation-value",children:b?a.choose:U()}),e("span",{"aria-hidden":"true",children:"\u2304"})]}),b&&c().length?e("ul",{"data-ui":"relation-chips","aria-label":a.chosen,children:I(c(),t=>t,t=>r("li",{"data-ui":"relation-chip",children:[e("span",{children:O(t)}),e("button",{"data-ui":"relation-chip-clear",type:"button","aria-label":`${a.clear}: ${O(t)}`,title:a.clear,disabled:d.disabled===!0,onClick:()=>j(t),children:"\xD7"})]}))}):null,y()?r("div",{"data-ui":"relation-menu",id:`${h}-relation-menu`,children:[e("input",{"data-ui":"relation-search",type:"search",value:k(),autocomplete:"off",placeholder:a.search,"aria-label":a.search,onInput:t=>{t.currentTarget instanceof HTMLInputElement&&k.set(t.currentTarget.value)}}),e("div",{"data-ui":"relation-options",role:"listbox",children:z().length?I(z(),t=>t.value,t=>r("button",{"data-ui":"relation-option",type:"button",role:"option","data-selected":String(w(t.value)),"aria-selected":String(w(t.value)),onClick:()=>L(t.value,t.label,t.description),children:[e("span",{children:t.label}),t.description?e("small",{children:t.description}):null]})):e("p",{"data-ui":"relation-empty",children:a.noRecords})}),e("footer",{"data-ui":"relation-footer",children:e("button",{"data-ui":"action","data-variant":"tertiary",type:"button",onClick:B,children:a.more})})]}):null,S()?X():null]}),dispose:()=>{V=!0,clearTimeout(D),P?.abort()}}}var at=g=>tt(g);export{tt as createRelationSelectView,at as relationSelect};

package/dist/modules/backend/design/client/relation-select.mjs.map

@@ -1 +1,7 @@
-{"version":3,"file":"relation-select.mjs","sourceRoot":"","sources":["../../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select.mjs"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,+DAA+D;AAC/D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA"}
+{
+  "version": 3,
+  "sources": ["../../../../ui/client/relation-select-view.tsx"],
+  "sourcesContent": ["import { each, signal } from '@ketvietlab/ketjs-view'\nimport type { IslandController, IslandProps, TemplateResult } from '@ketvietlab/ketjs-view'\n\nexport type RelationOption = { value: string; label: string; description?: string | null }\n\nexport type RelationEditorField = {\n  name: string\n  label: string\n  type?: 'text' | 'email' | 'tel' | 'select'\n  required?: boolean\n  options?: RelationOption[]\n}\n\nexport type RelationManager = {\n  listFunction: string\n  listInput?: Record<string, unknown>\n  searchParam?: string\n  limitParam?: string\n  limit?: number\n  idField?: string\n  labelField?: string\n  descriptionField?: string\n  saveFunction?: string\n  saveDefaults?: Record<string, unknown>\n  removeFunction?: string\n  removeDefaults?: Record<string, unknown>\n  fields?: RelationEditorField[]\n  excludeIds?: string[]\n}\n\nexport type RelationSelectLabels = {\n  choose: string\n  search: string\n  more: string\n  noRecords: string\n  loading: string\n  loadError: string\n  dialogTitle: string\n  close: string\n  select: string\n  create: string\n  edit: string\n  save: string\n  cancel: string\n  remove: string\n  confirmRemove: string\n  retry: string\n  clear: string\n  chosen: string\n}\n\nexport type RelationSelectConfig = {\n  name: string\n  ariaLabel: string\n  value?: string | null\n  /**\n   * Several records under one field name, joined by a comma on the way out.\n   *\n   * A repeated form key would not survive `readForm`, which builds a\n   * `Record<string, string>` and keeps only the last value \u2014 so a multi-valued\n   * field posts one comma-separated string, which is also what the routes that\n   * take value lists already parse.\n   */\n  multiple?: boolean\n  values?: string[]\n  options: RelationOption[]\n  required?: boolean\n  disabled?: boolean\n  labels: RelationSelectLabels\n  manager?: RelationManager\n}\n\ntype RelationRow = Record<string, unknown>\ntype RelationEditor = { id: string; row: RelationRow }\ntype RelationSelectIslandProps = IslandProps & { id: string; config: RelationSelectConfig }\ntype ApiPayload = {\n  ok?: boolean\n  value?: unknown\n  message?: unknown\n  errors?: Array<{ message?: unknown; code?: unknown }>\n}\n\nconst array = <Value,>(value: unknown): Value[] => (Array.isArray(value) ? (value as Value[]) : [])\nconst string = (value: unknown): string => (value == null ? '' : String(value))\n\nconst callApi = async (name: string, input: unknown, requestSignal?: AbortSignal): Promise<unknown> => {\n  const response = await fetch(`/_ket/fn/${encodeURIComponent(name)}`, {\n    method: 'POST',\n    credentials: 'same-origin',\n    headers: { 'content-type': 'application/json' },\n    body: JSON.stringify(input),\n    signal: requestSignal,\n  })\n  const payload = (await response.json()) as ApiPayload\n  if (!response.ok || payload.ok === false) {\n    const domainError = array<{ message?: unknown; code?: unknown }>(payload.errors)[0]\n    throw new Error(\n      string(domainError?.message ?? domainError?.code ?? payload.message ?? `HTTP ${response.status}`),\n    )\n  }\n  return payload.value\n}\n\nexport function createRelationSelectView(props: RelationSelectIslandProps): IslandController {\n  const { id: islandId, config } = props\n  const labels = config.labels\n  const manager = config.manager\n  // One representation for both modes: an array of chosen ids. Single-select is\n  // the array of length 0 or 1, so downstream code only branches where the UI\n  // genuinely differs \u2014 the trigger and the chips.\n  const multiple = config.multiple === true\n  const chosen = signal(\n    multiple\n      ? array<unknown>(config.values).map(string).filter(Boolean)\n      : [string(config.value)].filter(Boolean),\n  )\n  const selected = (): string => chosen()[0] ?? ''\n  const isChosen = (value: unknown): boolean => chosen().includes(string(value))\n  const options = signal<RelationOption[]>(array<RelationOption>(config.options))\n  const open = signal(false)\n  const dialog = signal(false)\n  const query = signal('')\n  const rows = signal<RelationRow[]>([])\n  const loading = signal(false)\n  const error = signal('')\n  const editor = signal<RelationEditor | null>(null)\n  const pendingRemove = signal('')\n  let activeRequest: AbortController | null = null\n  let searchTimer: ReturnType<typeof setTimeout> | undefined\n  let disposed = false\n\n  const rowId = (row: RelationRow): string => string(row[manager?.idField ?? 'id'])\n  const rowLabel = (row: RelationRow): string =>\n    string(row[manager?.labelField ?? 'name']) || labels.noRecords\n  const rowDescription = (row: RelationRow): string => string(row[manager?.descriptionField ?? 'ref'])\n  const selectedLabel = (): string =>\n    options().find((entry) => string(entry.value) === selected())?.label ?? labels.choose\n\n  const filteredOptions = (): RelationOption[] => {\n    const needle = query().trim().toLocaleLowerCase()\n    const held = needle\n      ? options().filter((entry) =>\n          `${string(entry.label)} ${string(entry.description)}`.toLocaleLowerCase().includes(needle),\n        )\n      : options()\n    return held.slice(0, 7)\n  }\n\n  const choose = (value: unknown, label: unknown, description: unknown = ''): void => {\n    const id = string(value)\n    if (!options().some((entry) => string(entry.value) === id))\n      options.set([...options(), { value: id, label: string(label), description: string(description) }])\n    if (multiple) {\n      chosen.set(isChosen(id) ? chosen().filter((held) => held !== id) : [...chosen(), id])\n      return\n    }\n    chosen.set(id ? [id] : [])\n    open.set(false)\n    dialog.set(false)\n    query.set('')\n    editor.set(null)\n    pendingRemove.set('')\n  }\n\n  const unchoose = (value: unknown): void => {\n    chosen.set(chosen().filter((held) => held !== string(value)))\n  }\n\n  const labelOf = (value: unknown): string =>\n    options().find((entry) => string(entry.value) === string(value))?.label ?? string(value)\n\n  const loadRows = async (): Promise<void> => {\n    if (!manager?.listFunction) return\n    activeRequest?.abort()\n    const request = new AbortController()\n    activeRequest = request\n    loading.set(true)\n    error.set('')\n    try {\n      const input: Record<string, unknown> = { ...(manager.listInput ?? {}) }\n      input[manager.searchParam ?? 'search'] = query().trim()\n      input[manager.limitParam ?? 'limit'] = manager.limit ?? 80\n      const value = await callApi(manager.listFunction, input, request.signal)\n      const excluded = new Set(array<unknown>(manager.excludeIds).map(string))\n      rows.set(array<RelationRow>(value).filter((row) => !excluded.has(rowId(row))))\n    } catch (caught) {\n      if (disposed || (caught instanceof Error && caught.name === 'AbortError')) return\n      error.set(caught instanceof Error ? caught.message : labels.loadError)\n    } finally {\n      if (activeRequest === request) loading.set(false)\n    }\n  }\n\n  const openDialog = async (): Promise<void> => {\n    open.set(false)\n    dialog.set(true)\n    editor.set(null)\n    pendingRemove.set('')\n    await loadRows()\n  }\n\n  const closeDialog = (): void => {\n    dialog.set(false)\n    editor.set(null)\n    pendingRemove.set('')\n    error.set('')\n  }\n\n  const searchManager = (event: Event): void => {\n    if (!(event.currentTarget instanceof HTMLInputElement)) return\n    query.set(event.currentTarget.value)\n    clearTimeout(searchTimer)\n    searchTimer = setTimeout(loadRows, 180)\n  }\n\n  const save = async (event: Event): Promise<void> => {\n    event.preventDefault()\n    if (!manager?.saveFunction || !(event.currentTarget instanceof HTMLFormElement)) return\n    const editing = editor()\n    const id = editing?.id || crypto.randomUUID()\n    const payload: Record<string, unknown> = { ...(manager.saveDefaults ?? {}), id }\n    for (const [name, value] of new FormData(event.currentTarget).entries()) payload[name] = string(value)\n    loading.set(true)\n    error.set('')\n    try {\n      await callApi(manager.saveFunction, payload)\n      const label = string(payload[manager.labelField ?? 'name'])\n      if (!editing?.id) {\n        choose(id, label)\n        if (multiple) {\n          editor.set(null)\n          await loadRows()\n        }\n        return\n      }\n      options.set(\n        options().map((entry) =>\n          string(entry.value) === id ? { ...entry, label: label || entry.label } : entry,\n        ),\n      )\n      editor.set(null)\n      await loadRows()\n    } catch (caught) {\n      error.set(caught instanceof Error ? caught.message : labels.loadError)\n    } finally {\n      loading.set(false)\n    }\n  }\n\n  const remove = async (row: RelationRow): Promise<void> => {\n    const id = rowId(row)\n    if (pendingRemove() !== id) {\n      pendingRemove.set(id)\n      return\n    }\n    if (!manager?.removeFunction) return\n    loading.set(true)\n    error.set('')\n    try {\n      await callApi(manager.removeFunction, { ...(manager.removeDefaults ?? {}), id })\n      unchoose(id)\n      options.set(options().filter((entry) => string(entry.value) !== id))\n      pendingRemove.set('')\n      await loadRows()\n    } catch (caught) {\n      error.set(caught instanceof Error ? caught.message : labels.loadError)\n    } finally {\n      loading.set(false)\n    }\n  }\n\n  const editorField = (field: RelationEditorField): TemplateResult => {\n    const held = editor()?.row ?? manager?.saveDefaults ?? {}\n    const value = string(held[field.name])\n    const fieldId = `${islandId}-relation-editor-${field.name}`\n    return (\n      <label data-ui=\"form-field\" data-span=\"full\" htmlFor={fieldId}>\n        <span data-ui=\"form-label\">\n          {field.label}\n          {field.required ? (\n            <span data-ui=\"form-required\" aria-hidden=\"true\">\n              {' '}\n              *\n            </span>\n          ) : null}\n        </span>\n        {field.type === 'select' ? (\n          <select data-ui=\"form-control\" id={fieldId} name={field.name} required={field.required === true}>\n            {each(\n              array<RelationOption>(field.options),\n              (entry) => entry.value,\n              (entry) => (\n                <option value={entry.value} selected={string(entry.value) === value}>\n                  {entry.label}\n                </option>\n              ),\n            )}\n          </select>\n        ) : (\n          <input\n            data-ui=\"form-control\"\n            id={fieldId}\n            type={field.type ?? 'text'}\n            name={field.name}\n            value={value}\n            autocomplete=\"off\"\n            required={field.required === true}\n          />\n        )}\n      </label>\n    )\n  }\n\n  const editorForm = (): TemplateResult => (\n    <form data-ui=\"relation-editor\" onSubmit={save}>\n      <div data-ui=\"form-grid\">\n        {each(array<RelationEditorField>(manager?.fields), (field) => field.name, editorField)}\n      </div>\n      <div data-ui=\"form-actions\">\n        <div data-ui=\"action-group\">\n          <button data-ui=\"action\" data-variant=\"primary\" type=\"submit\" disabled={loading()}>\n            {labels.save}\n          </button>\n          <button data-ui=\"action\" data-variant=\"tertiary\" type=\"button\" onClick={() => editor.set(null)}>\n            {labels.cancel}\n          </button>\n        </div>\n      </div>\n    </form>\n  )\n\n  const managerRow = (row: RelationRow): TemplateResult => {\n    const id = rowId(row)\n    const description = rowDescription(row)\n    return (\n      <li data-ui=\"relation-dialog-row\" data-selected={String(isChosen(id))}>\n        <button\n          data-ui=\"relation-dialog-main\"\n          type=\"button\"\n          aria-pressed={multiple ? String(isChosen(id)) : null}\n          onClick={() => choose(id, rowLabel(row), description)}\n        >\n          <strong>{rowLabel(row)}</strong>\n          {description ? <small data-ui=\"relation-dialog-meta\">{description}</small> : null}\n        </button>\n        <div data-ui=\"relation-dialog-actions\">\n          <button\n            data-ui=\"action\"\n            data-size=\"compact\"\n            data-variant={isChosen(id) ? 'primary' : 'secondary'}\n            type=\"button\"\n            onClick={() => choose(id, rowLabel(row), description)}\n          >\n            {isChosen(id) ? labels.chosen : labels.select}\n          </button>\n          {manager?.saveFunction ? (\n            <button\n              data-ui=\"action\"\n              data-size=\"compact\"\n              data-variant=\"tertiary\"\n              type=\"button\"\n              onClick={() => editor.set({ id, row })}\n            >\n              {labels.edit}\n            </button>\n          ) : null}\n          {manager?.removeFunction ? (\n            <button\n              data-ui=\"action\"\n              data-size=\"compact\"\n              data-variant=\"destructive\"\n              type=\"button\"\n              onClick={() => remove(row)}\n            >\n              {pendingRemove() === id ? labels.confirmRemove : labels.remove}\n            </button>\n          ) : null}\n        </div>\n      </li>\n    )\n  }\n\n  const dialogView = (): TemplateResult => (\n    <div data-ui=\"modal-layer\" data-presentation=\"dialog\">\n      <button data-ui=\"modal-backdrop\" type=\"button\" aria-label={labels.close} onClick={closeDialog}>\n        <span>{labels.close}</span>\n      </button>\n      <section\n        data-ui=\"modal-sheet\"\n        data-size=\"large\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={`${islandId}-relation-title`}\n      >\n        <header data-ui=\"modal-head\">\n          <h2 data-ui=\"modal-title\" id={`${islandId}-relation-title`}>\n            {labels.dialogTitle}\n          </h2>\n          <button\n            data-ui=\"modal-close\"\n            type=\"button\"\n            aria-label={labels.close}\n            title={labels.close}\n            onClick={closeDialog}\n          >\n            \u00D7\n          </button>\n        </header>\n        <div data-ui=\"modal-body\">\n          <div data-ui=\"relation-dialog-toolbar\">\n            <input\n              data-ui=\"form-control\"\n              type=\"search\"\n              value={query()}\n              autocomplete=\"off\"\n              placeholder={labels.search}\n              aria-label={labels.search}\n              onInput={searchManager}\n            />\n            {manager?.saveFunction ? (\n              <button\n                data-ui=\"action\"\n                data-variant=\"primary\"\n                type=\"button\"\n                onClick={() => editor.set({ id: '', row: manager.saveDefaults ?? {} })}\n              >\n                {labels.create}\n              </button>\n            ) : null}\n          </div>\n          {error() ? (\n            <aside data-ui=\"notice\" data-tone=\"danger\" role=\"alert\">\n              <div data-ui=\"notice-copy\">\n                <p data-ui=\"notice-title\">{labels.loadError}</p>\n                <p data-ui=\"notice-message\">{error()}</p>\n              </div>\n              <button data-ui=\"action\" data-variant=\"secondary\" type=\"button\" onClick={loadRows}>\n                {labels.retry}\n              </button>\n            </aside>\n          ) : null}\n          {editor() ? editorForm() : null}\n          {loading() ? (\n            <p data-ui=\"relation-empty\" role=\"status\">\n              {labels.loading}\n            </p>\n          ) : null}\n          {!loading() && !editor() ? (\n            rows().length ? (\n              <ul data-ui=\"relation-dialog-list\">{each(rows(), rowId, managerRow)}</ul>\n            ) : (\n              <p data-ui=\"relation-empty\">{labels.noRecords}</p>\n            )\n          ) : null}\n        </div>\n      </section>\n    </div>\n  )\n\n  const handleKeydown = (event: Event): void => {\n    if (!(event instanceof KeyboardEvent) || event.key !== 'Escape') return\n    open.set(false)\n    closeDialog()\n  }\n\n  const handleInvalid = (event: Event): void => {\n    event.preventDefault()\n    open.set(true)\n    if (event.currentTarget instanceof HTMLSelectElement)\n      (event.currentTarget.nextElementSibling as HTMLElement | null)?.focus()\n  }\n\n  return {\n    view: () => (\n      <div data-ui=\"relation-select\" role=\"group\" aria-label={config.ariaLabel} onKeydown={handleKeydown}>\n        {/* biome-ignore lint/a11y/noAriaHiddenOnFocusable: the off-tab native control preserves form submission and constraint validation while the adjacent trigger is the accessible interactive control. */}\n        <select\n          data-ui=\"relation-native\"\n          name={config.name}\n          required={config.required === true}\n          disabled={config.disabled === true}\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          onInvalid={handleInvalid}\n        >\n          <option value=\"\" selected={!chosen().length} />\n          {multiple ? (\n            chosen().length ? (\n              <option value={chosen().join(',')} selected>\n                {chosen().map(labelOf).join(', ')}\n              </option>\n            ) : null\n          ) : (\n            each(\n              options().filter((entry) => string(entry.value)),\n              (entry) => entry.value,\n              (entry) => (\n                <option value={entry.value} selected={string(entry.value) === selected()}>\n                  {entry.label}\n                </option>\n              ),\n            )\n          )}\n        </select>\n        <button\n          data-ui=\"relation-trigger\"\n          data-empty={String(!chosen().length)}\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-label={config.ariaLabel}\n          aria-expanded={String(open())}\n          aria-controls={`${islandId}-relation-menu`}\n          disabled={config.disabled === true}\n          onClick={() => open.set(!open())}\n        >\n          <span data-ui=\"relation-value\">{multiple ? labels.choose : selectedLabel()}</span>\n          <span aria-hidden=\"true\">\u2304</span>\n        </button>\n        {multiple && chosen().length ? (\n          <ul data-ui=\"relation-chips\" aria-label={labels.chosen}>\n            {each(\n              chosen(),\n              (value) => value,\n              (value) => (\n                <li data-ui=\"relation-chip\">\n                  <span>{labelOf(value)}</span>\n                  <button\n                    data-ui=\"relation-chip-clear\"\n                    type=\"button\"\n                    aria-label={`${labels.clear}: ${labelOf(value)}`}\n                    title={labels.clear}\n                    disabled={config.disabled === true}\n                    onClick={() => unchoose(value)}\n                  >\n                    \u00D7\n                  </button>\n                </li>\n              ),\n            )}\n          </ul>\n        ) : null}\n        {open() ? (\n          <div data-ui=\"relation-menu\" id={`${islandId}-relation-menu`}>\n            <input\n              data-ui=\"relation-search\"\n              type=\"search\"\n              value={query()}\n              autocomplete=\"off\"\n              placeholder={labels.search}\n              aria-label={labels.search}\n              onInput={(event) => {\n                if (event.currentTarget instanceof HTMLInputElement) query.set(event.currentTarget.value)\n              }}\n            />\n            <div data-ui=\"relation-options\" role=\"listbox\">\n              {filteredOptions().length ? (\n                each(\n                  filteredOptions(),\n                  (entry) => entry.value,\n                  (entry) => (\n                    <button\n                      data-ui=\"relation-option\"\n                      type=\"button\"\n                      role=\"option\"\n                      data-selected={String(isChosen(entry.value))}\n                      aria-selected={String(isChosen(entry.value))}\n                      onClick={() => choose(entry.value, entry.label, entry.description)}\n                    >\n                      <span>{entry.label}</span>\n                      {entry.description ? <small>{entry.description}</small> : null}\n                    </button>\n                  ),\n                )\n              ) : (\n                <p data-ui=\"relation-empty\">{labels.noRecords}</p>\n              )}\n            </div>\n            <footer data-ui=\"relation-footer\">\n              <button data-ui=\"action\" data-variant=\"tertiary\" type=\"button\" onClick={openDialog}>\n                {labels.more}\n              </button>\n            </footer>\n          </div>\n        ) : null}\n        {dialog() ? dialogView() : null}\n      </div>\n    ),\n    dispose: () => {\n      disposed = true\n      clearTimeout(searchTimer)\n      activeRequest?.abort()\n    },\n  }\n}\n\nexport const relationSelect = (props: IslandProps): IslandController =>\n  createRelationSelectView(props as RelationSelectIslandProps)\n"],
+  "mappings": "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",
+  "names": ["each", "signal", "jsx", "jsxs", "array", "value", "string", "callApi", "name", "input", "requestSignal", "response", "payload", "domainError", "createRelationSelectView", "props", "islandId", "config", "labels", "manager", "multiple", "chosen", "selected", "isChosen", "options", "open", "dialog", "query", "rows", "loading", "error", "editor", "pendingRemove", "activeRequest", "searchTimer", "disposed", "rowId", "row", "rowLabel", "rowDescription", "selectedLabel", "entry", "filteredOptions", "needle", "choose", "label", "description", "id", "held", "unchoose", "labelOf", "loadRows", "request", "excluded", "caught", "openDialog", "closeDialog", "searchManager", "event", "save", "editing", "remove", "editorField", "field", "fieldId", "editorForm", "managerRow", "dialogView", "handleKeydown", "handleInvalid", "relationSelect"]
+}

package/dist/modules/backend/design/client/table-selection.d.mts

@@ -0,0 +1,7 @@
+declare var A: () => {
+    view: () => any;
+}, q: (o: any) => {
+    view: () => any;
+};
+export { A as createTableSelectionView, q as tableSelection };
+//# sourceMappingURL=table-selection.d.mts.map

package/dist/modules/backend/design/client/table-selection.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-selection.d.mts","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/backend/design/client/table-selection.mjs"],"names":[],"mappings":"AACgD,QAAA,IAAi3J,CAAC;IAAO,IAAI;CAAgE,EAAC,CAAC;;CAAyB,CAAC;AAAA,OAAM,EAAC,CAAC,IAAI,wBAAwB,EAAC,CAAC,IAAI,cAAc,EAAC,CAAC"}

package/dist/modules/backend/design/client/table-selection.mjs

@@ -0,0 +1,2 @@
+// @ts-nocheck Generated by tools/build-backend-client.mjs — do not edit.
+import{jsx as D}from"/_ket/view/jsx-runtime.js";var m=Symbol.for("ket.backend.table-selection"),f=Symbol.for("ket.backend.dropdown-dismiss"),b=Symbol.for("ket.backend.global-filter"),p=Symbol.for("ket.backend.route-modal"),d=['[data-ui="search-menu"]','[data-ui="col-config"]','[data-ui="bulk-actions"]','[data-ui="viewer"]','[data-ui="record-more"]'].join(", "),a=globalThis,s=o=>o.target instanceof Element?o.target:null,y=o=>{let e=[...o.querySelectorAll('[data-ui="row-select"]:not(:disabled)')],t=e.filter(r=>r.checked).length,n=o.querySelector('[data-ui="select-all"]');if(n&&(n.checked=e.length>0&&t===e.length,n.indeterminate=t>0&&t<e.length),!t){let r=o.closest('[data-ui="shell"]');for(let l of r?.querySelectorAll('[data-ui="bulk-actions"][open]')??[])l.removeAttribute("open")}},M=()=>{a[m]||(a[m]=!0,document.addEventListener("change",o=>{let e=s(o);if(!(e instanceof HTMLInputElement)||!e.matches('[data-ui="select-all"], [data-ui="row-select"]'))return;let t=e.closest('[data-ui="table"]');if(t){if(e.matches('[data-ui="select-all"]'))for(let n of t.querySelectorAll('[data-ui="row-select"]:not(:disabled)'))n.checked=e.checked;y(t)}}),document.addEventListener("click",o=>{if(o.defaultPrevented||o.button!==0||o.metaKey||o.ctrlKey||o.shiftKey||o.altKey)return;let e=s(o);if(e?.closest('a, button, input, select, textarea, label, summary, details, [data-ui="select-cell"]'))return;let n=e?.closest('[data-ui="row"][data-row-href]')?.getAttribute("data-row-href");n&&(o.preventDefault(),a.__ketNavigation?.navigate?a.__ketNavigation.navigate(n):a.location.assign(n))}))},h=()=>[...document.querySelectorAll(`${d}[open]`)],L=()=>{a[f]||(a[f]=!0,document.addEventListener("click",o=>{let e=s(o)?.closest(d);for(let t of h())t!==e&&!t.contains(e??null)&&t.removeAttribute("open")}),document.addEventListener("keydown",o=>{if(o.key!=="Escape")return;let e=h();if(!e.length)return;let t=document.activeElement?.closest(d),n=t?.open?t:e.at(-1);n?.removeAttribute("open"),n?.querySelector("summary")?.focus(),o.preventDefault()}))},k=()=>{a[b]||(a[b]=!0,document.addEventListener("click",o=>{let e=s(o)?.closest('[data-ui="chrome-search-toggle"]'),t=e?.getAttribute("aria-controls");if(!e||!t)return;let n=document.getElementById(t);!(n instanceof HTMLDialogElement)||n.open||(n.showModal(),e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>n.querySelector('[data-presentation="modal"] [data-ui="chrome-search-input"]')?.focus()))}),document.addEventListener("cancel",o=>{s(o)?.matches('[data-ui="chrome-search-modal"]')&&o.preventDefault()},!0),document.addEventListener("close",o=>{let e=s(o);if(!(e instanceof HTMLDialogElement)||!e.matches('[data-ui="chrome-search-modal"]'))return;let t=document.querySelector(`[data-ui="chrome-search-toggle"][aria-controls="${CSS.escape(e.id)}"]`);t?.setAttribute("aria-expanded","false"),t?.focus()},!0))},T=["a[href]","button:not(:disabled)",'input:not(:disabled):not([type="hidden"])',"select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"])'].join(", "),c=()=>document.querySelector('[data-ui="modal-layer"][data-route-modal="true"]'),g=o=>[...o.querySelectorAll(T)].filter(e=>!e.hidden&&e.getAttribute("aria-hidden")!=="true"&&!e.matches('[data-ui="modal-backdrop"]')),v=o=>{a.__ketNavigation?.navigate?a.__ketNavigation.navigate(o):a.location.assign(o)},H=(o,e)=>o.composedPath().some(t=>t instanceof HTMLElement&&t!==e&&t.matches('[data-ui="modal-layer"][data-presentation="dialog"]')),S=o=>{for(let e of o.querySelectorAll('input:not([type="hidden"])'))if(!e.disabled){if(e.type==="checkbox"||e.type==="radio"){if(e.checked!==e.defaultChecked)return!0}else if(e.value!==e.defaultValue)return!0}for(let e of o.querySelectorAll("textarea"))if(!e.disabled&&e.value!==e.defaultValue)return!0;for(let e of o.querySelectorAll("select"))if(!e.disabled){for(let t of e.options)if(t.selected!==t.defaultSelected)return!0}return!1},E=o=>{if(!S(o))return!0;let e=o.getAttribute("data-unsaved-prompt");return e?a.confirm(e):!0},w=()=>{if(a[p])return;a[p]=!0;let o=new WeakSet,e=()=>{let t=c();!t||o.has(t)||(o.add(t),requestAnimationFrame(()=>{let n=t.querySelector('[data-ui="modal-sheet"]');(g(t).find(l=>!l.matches('[data-ui="modal-close"]'))??n)?.focus()}))};e(),new MutationObserver(e).observe(document.body,{childList:!0,subtree:!0}),document.addEventListener("click",t=>{let n=c();if(!n)return;let r=t.composedPath().find(l=>l instanceof HTMLElement&&l.matches('[data-ui="modal-close"], [data-ui="modal-backdrop"]'));!r||!n.contains(r)||E(n)||(t.preventDefault(),t.stopPropagation())},!0),document.addEventListener("keydown",t=>{let n=c();if(!n||H(t,n))return;if(t.key==="Escape"){let i=n.querySelector('[data-ui="modal-close"]');if(!i||(t.preventDefault(),!E(n)))return;v(i.getAttribute("href")??i.href);return}if(t.key!=="Tab")return;let r=g(n);if(!r.length)return;let l=r[0],u=r.at(-1);t.shiftKey&&document.activeElement===l?(t.preventDefault(),u.focus()):!t.shiftKey&&document.activeElement===u&&(t.preventDefault(),l.focus())})},A=()=>({view:()=>D("span",{"data-ui":"table-selection-runtime",hidden:!0})}),q=o=>(M(),L(),k(),w(),A());export{A as createTableSelectionView,q as tableSelection};

package/dist/modules/backend/design/client/table-selection.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../ui/client/table-selection-view.tsx"],
+  "sourcesContent": ["import type { IslandController, IslandProps } from '@ketvietlab/ketjs-view'\n\nconst tableSelectionMarker = Symbol.for('ket.backend.table-selection')\nconst dropdownDismissMarker = Symbol.for('ket.backend.dropdown-dismiss')\nconst globalFilterMarker = Symbol.for('ket.backend.global-filter')\nconst routeModalMarker = Symbol.for('ket.backend.route-modal')\nconst dismissibleDropdown = [\n  '[data-ui=\"search-menu\"]',\n  '[data-ui=\"col-config\"]',\n  '[data-ui=\"bulk-actions\"]',\n  '[data-ui=\"viewer\"]',\n  '[data-ui=\"record-more\"]',\n].join(', ')\n\ntype KetBrowserGlobals = typeof globalThis & {\n  [key: symbol]: unknown\n  __ketNavigation?: { navigate?: (href: string) => unknown }\n  confirm: (message?: string) => boolean\n}\n\nconst browserGlobals = globalThis as KetBrowserGlobals\nconst eventElement = (event: Event): Element | null => (event.target instanceof Element ? event.target : null)\n\nconst updateSelection = (table: Element): void => {\n  const rows = [...table.querySelectorAll<HTMLInputElement>('[data-ui=\"row-select\"]:not(:disabled)')]\n  const checked = rows.filter((input) => input.checked).length\n  const all = table.querySelector<HTMLInputElement>('[data-ui=\"select-all\"]')\n  if (all) {\n    all.checked = rows.length > 0 && checked === rows.length\n    all.indeterminate = checked > 0 && checked < rows.length\n  }\n  if (!checked) {\n    const shell = table.closest('[data-ui=\"shell\"]')\n    for (const menu of shell?.querySelectorAll<HTMLDetailsElement>('[data-ui=\"bulk-actions\"][open]') ?? [])\n      menu.removeAttribute('open')\n  }\n}\n\nconst installTableSelection = (): void => {\n  if (browserGlobals[tableSelectionMarker]) return\n  browserGlobals[tableSelectionMarker] = true\n\n  document.addEventListener('change', (event) => {\n    const target = eventElement(event)\n    if (!(target instanceof HTMLInputElement)) return\n    if (!target.matches('[data-ui=\"select-all\"], [data-ui=\"row-select\"]')) return\n    const table = target.closest('[data-ui=\"table\"]')\n    if (!table) return\n    if (target.matches('[data-ui=\"select-all\"]'))\n      for (const input of table.querySelectorAll<HTMLInputElement>('[data-ui=\"row-select\"]:not(:disabled)'))\n        input.checked = target.checked\n    updateSelection(table)\n  })\n\n  document.addEventListener('click', (event) => {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    )\n      return\n    const target = eventElement(event)\n    if (\n      target?.closest('a, button, input, select, textarea, label, summary, details, [data-ui=\"select-cell\"]')\n    )\n      return\n    const row = target?.closest<HTMLElement>('[data-ui=\"row\"][data-row-href]')\n    const href = row?.getAttribute('data-row-href')\n    if (!href) return\n    event.preventDefault()\n    if (browserGlobals.__ketNavigation?.navigate) void browserGlobals.__ketNavigation.navigate(href)\n    else browserGlobals.location.assign(href)\n  })\n}\n\nconst openDropdowns = (): HTMLDetailsElement[] => [\n  ...document.querySelectorAll<HTMLDetailsElement>(`${dismissibleDropdown}[open]`),\n]\n\nconst installDropdownDismiss = (): void => {\n  if (browserGlobals[dropdownDismissMarker]) return\n  browserGlobals[dropdownDismissMarker] = true\n\n  document.addEventListener('click', (event) => {\n    const current = eventElement(event)?.closest(dismissibleDropdown)\n    for (const dropdown of openDropdowns()) {\n      if (dropdown !== current && !dropdown.contains(current ?? null)) dropdown.removeAttribute('open')\n    }\n  })\n\n  document.addEventListener('keydown', (event) => {\n    if (event.key !== 'Escape') return\n    const dropdowns = openDropdowns()\n    if (!dropdowns.length) return\n    const focused = document.activeElement?.closest<HTMLDetailsElement>(dismissibleDropdown)\n    const current = focused?.open ? focused : dropdowns.at(-1)\n    current?.removeAttribute('open')\n    current?.querySelector<HTMLElement>('summary')?.focus()\n    event.preventDefault()\n  })\n}\n\nconst installGlobalFilter = (): void => {\n  if (browserGlobals[globalFilterMarker]) return\n  browserGlobals[globalFilterMarker] = true\n\n  document.addEventListener('click', (event) => {\n    const trigger = eventElement(event)?.closest<HTMLElement>('[data-ui=\"chrome-search-toggle\"]')\n    const controls = trigger?.getAttribute('aria-controls')\n    if (!trigger || !controls) return\n    const dialog = document.getElementById(controls)\n    if (!(dialog instanceof HTMLDialogElement) || dialog.open) return\n    dialog.showModal()\n    trigger.setAttribute('aria-expanded', 'true')\n    requestAnimationFrame(() =>\n      dialog\n        .querySelector<HTMLElement>('[data-presentation=\"modal\"] [data-ui=\"chrome-search-input\"]')\n        ?.focus(),\n    )\n  })\n\n  document.addEventListener(\n    'cancel',\n    (event) => {\n      if (!eventElement(event)?.matches('[data-ui=\"chrome-search-modal\"]')) return\n      event.preventDefault()\n    },\n    true,\n  )\n\n  document.addEventListener(\n    'close',\n    (event) => {\n      const dialog = eventElement(event)\n      if (!(dialog instanceof HTMLDialogElement)) return\n      if (!dialog.matches('[data-ui=\"chrome-search-modal\"]')) return\n      const trigger = document.querySelector<HTMLElement>(\n        `[data-ui=\"chrome-search-toggle\"][aria-controls=\"${CSS.escape(dialog.id)}\"]`,\n      )\n      trigger?.setAttribute('aria-expanded', 'false')\n      trigger?.focus()\n    },\n    true,\n  )\n}\n\nconst focusable = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled):not([type=\"hidden\"])',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ')\n\nconst activeRouteModal = (): HTMLElement | null =>\n  document.querySelector<HTMLElement>('[data-ui=\"modal-layer\"][data-route-modal=\"true\"]')\n\nconst modalFocusables = (modal: HTMLElement): HTMLElement[] =>\n  [...modal.querySelectorAll<HTMLElement>(focusable)].filter(\n    (item) =>\n      !item.hidden &&\n      item.getAttribute('aria-hidden') !== 'true' &&\n      !item.matches('[data-ui=\"modal-backdrop\"]'),\n  )\n\nconst navigateTo = (href: string): void => {\n  if (browserGlobals.__ketNavigation?.navigate) void browserGlobals.__ketNavigation.navigate(href)\n  else browserGlobals.location.assign(href)\n}\n\nconst eventStartedInNestedModal = (event: KeyboardEvent, routeModal: HTMLElement): boolean =>\n  event\n    .composedPath()\n    .some(\n      (target) =>\n        target instanceof HTMLElement &&\n        target !== routeModal &&\n        target.matches('[data-ui=\"modal-layer\"][data-presentation=\"dialog\"]'),\n    )\n\n/**\n * Whether anything in the modal has been typed into since the server rendered it.\n *\n * Comparing each control against its own default is what makes this work without\n * any bookkeeping: the page is server-rendered, so the default *is* the state the\n * reader was given. A modal with no form \u2014 a reader, an inspector \u2014 has nothing\n * to compare and is never dirty, so the guard costs those screens nothing.\n */\nconst modalHasDraft = (modal: HTMLElement): boolean => {\n  for (const field of modal.querySelectorAll<HTMLInputElement>('input:not([type=\"hidden\"])')) {\n    if (field.disabled) continue\n    if (field.type === 'checkbox' || field.type === 'radio') {\n      if (field.checked !== field.defaultChecked) return true\n    } else if (field.value !== field.defaultValue) return true\n  }\n  for (const area of modal.querySelectorAll<HTMLTextAreaElement>('textarea'))\n    if (!area.disabled && area.value !== area.defaultValue) return true\n  for (const select of modal.querySelectorAll<HTMLSelectElement>('select')) {\n    if (select.disabled) continue\n    for (const option of select.options) if (option.selected !== option.defaultSelected) return true\n  }\n  return false\n}\n\n/**\n * The guard, and what it is not.\n *\n * Closing a modal is a link, and a link still works with scripting off \u2014 that is\n * the point of building it as one. So this catches the stray backdrop click and\n * the reflexive Escape; it is not a lock, and nothing here should be read as one.\n * The wording comes from the server because this file cannot translate.\n */\nconst mayLeaveModal = (modal: HTMLElement): boolean => {\n  if (!modalHasDraft(modal)) return true\n  const message = modal.getAttribute('data-unsaved-prompt')\n  // No prompt declared means the screen did not ask to be guarded.\n  if (!message) return true\n  return browserGlobals.confirm(message)\n}\n\n/** Progressive keyboard behavior for URL-owned create/edit workspaces. */\nconst installRouteModal = (): void => {\n  if (browserGlobals[routeModalMarker]) return\n  browserGlobals[routeModalMarker] = true\n  const focused = new WeakSet<HTMLElement>()\n  const focusModal = (): void => {\n    const modal = activeRouteModal()\n    if (!modal || focused.has(modal)) return\n    focused.add(modal)\n    requestAnimationFrame(() => {\n      const sheet = modal.querySelector<HTMLElement>('[data-ui=\"modal-sheet\"]')\n      const target = modalFocusables(modal).find((item) => !item.matches('[data-ui=\"modal-close\"]'))\n      ;(target ?? sheet)?.focus()\n    })\n  }\n  focusModal()\n  new MutationObserver(focusModal).observe(document.body, { childList: true, subtree: true })\n\n  // The backdrop and the X are ordinary links, so the guard has to run before\n  // the navigation layer sees the click rather than inside it.\n  document.addEventListener(\n    'click',\n    (event) => {\n      const modal = activeRouteModal()\n      if (!modal) return\n      const leaving = event\n        .composedPath()\n        .find(\n          (target) =>\n            target instanceof HTMLElement &&\n            target.matches('[data-ui=\"modal-close\"], [data-ui=\"modal-backdrop\"]'),\n        )\n      if (!leaving || !modal.contains(leaving as HTMLElement)) return\n      if (!mayLeaveModal(modal)) {\n        event.preventDefault()\n        event.stopPropagation()\n      }\n    },\n    true,\n  )\n\n  document.addEventListener('keydown', (event) => {\n    const modal = activeRouteModal()\n    if (!modal) return\n    // Relation-select removes its dialog synchronously on Escape. The event's\n    // composed path is stable even after that DOM subtree disappears, so the\n    // route layer must use it instead of querying the now-removed target.\n    if (eventStartedInNestedModal(event, modal)) return\n    if (event.key === 'Escape') {\n      const close = modal.querySelector<HTMLAnchorElement>('[data-ui=\"modal-close\"]')\n      if (!close) return\n      event.preventDefault()\n      if (!mayLeaveModal(modal)) return\n      navigateTo(close.getAttribute('href') ?? close.href)\n      return\n    }\n    if (event.key !== 'Tab') return\n    const items = modalFocusables(modal)\n    if (!items.length) return\n    const first = items[0]\n    const last = items.at(-1)!\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  })\n}\n\nexport const createTableSelectionView = (): IslandController => ({\n  view: () => <span data-ui=\"table-selection-runtime\" hidden />,\n})\n\nexport const tableSelection = (_props: IslandProps): IslandController => {\n  installTableSelection()\n  installDropdownDismiss()\n  installGlobalFilter()\n  installRouteModal()\n  return createTableSelectionView()\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "tableSelectionMarker", "dropdownDismissMarker", "globalFilterMarker", "routeModalMarker", "dismissibleDropdown", "browserGlobals", "eventElement", "event", "updateSelection", "table", "rows", "checked", "input", "all", "shell", "menu", "installTableSelection", "target", "href", "openDropdowns", "installDropdownDismiss", "current", "dropdown", "dropdowns", "focused", "installGlobalFilter", "trigger", "controls", "dialog", "focusable", "activeRouteModal", "modalFocusables", "modal", "item", "navigateTo", "eventStartedInNestedModal", "routeModal", "modalHasDraft", "field", "area", "select", "option", "mayLeaveModal", "message", "installRouteModal", "focusModal", "sheet", "leaving", "close", "items", "first", "last", "createTableSelectionView", "tableSelection", "_props"]
+}