@ketvietlab/ketsuite 0.1.25 → 0.1.29

package/dist/modules/product_backend/client/product.css

@@ -962,3 +962,265 @@
     }
   }
 }
+
+@layer ket.app {
+  /* The template modal's attributes-and-variants editor (ui/client/variant-editor-view.tsx):
+     step 1 ticks attribute values, step 2 lists one compact row per variant. Only the
+     editor's own wrappers are laid out here; the controls inside are design-system ones. */
+  [data-ui="variant-editor"] {
+    display: grid;
+    gap: var(--space-6, 24px);
+    min-inline-size: 0;
+  }
+  [data-ui="variant-editor-body"] {
+    display: grid;
+    gap: var(--space-3, 12px);
+    min-inline-size: 0;
+  }
+  /* As wide as the relation menu (22rem), so the menu opens flush under the
+     trigger instead of spilling past the modal's right edge. The section's
+     actions slot sizes to its content, so a percentage here would collapse. */
+  [data-ui="variant-editor-picker"] {
+    inline-size: 22rem;
+    max-inline-size: 100%;
+  }
+  [data-ui="variant-editor-hint"] {
+    color: var(--admin-ink-muted);
+    font-size: var(--font-size-xs, 0.8125rem);
+  }
+
+  /* Step 1: one line per attribute — its values, its actions, then its price extras. */
+  [data-ui="variant-editor-lines"] {
+    display: grid;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    border: 1px solid var(--admin-divider-subtle);
+    border-radius: var(--radius-md, 7px);
+    background: var(--admin-card);
+  }
+  [data-ui="variant-editor-line"] {
+    display: grid;
+    gap: var(--space-2, 8px);
+    min-inline-size: 0;
+    padding: var(--space-3, 12px);
+  }
+  [data-ui="variant-editor-line"] + [data-ui="variant-editor-line"] {
+    border-block-start: 1px solid var(--admin-divider-subtle);
+  }
+  [data-ui="variant-editor-line"][data-empty="true"] {
+    box-shadow: inset 3px 0 0 var(--admin-warning-icon);
+  }
+  [data-ui="variant-editor-line-main"] {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: start;
+    gap: var(--space-3, 12px);
+  }
+  [data-ui="variant-editor-line-actions"],
+  [data-ui="variant-editor-toolbar"],
+  [data-ui="variant-editor-row-actions"],
+  [data-ui="variant-editor-row-meta"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2, 8px);
+  }
+  [data-ui="variant-editor-line-actions"] {
+    justify-content: flex-end;
+    min-block-size: var(--control-height, 36px);
+  }
+  [data-ui="variant-editor-extra-fields"] {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+    gap: var(--space-3, 12px) var(--space-4, 16px);
+  }
+
+  /* Step 2: variant rows. The head reads at a glance; the body opens to edit one row. */
+  [data-ui="variant-editor-rows"] {
+    display: grid;
+    border: 1px solid var(--admin-divider-subtle);
+    border-radius: var(--radius-md, 7px);
+    background: var(--admin-card);
+    overflow: clip;
+  }
+  [data-ui="variant-editor-row"] + [data-ui="variant-editor-row"] {
+    border-block-start: 1px solid var(--admin-divider-subtle);
+  }
+  [data-ui="variant-editor-row"][data-invalid="true"] {
+    box-shadow: inset 3px 0 0 var(--admin-danger);
+  }
+  [data-ui="variant-editor-row-head"] {
+    display: grid;
+    grid-template-columns: 2.25rem auto minmax(0, 1fr) auto auto;
+    align-items: center;
+    gap: var(--space-2, 8px) var(--space-3, 12px);
+    padding: var(--space-2, 8px) var(--space-3, 12px);
+  }
+  [data-ui="variant-editor-row"][data-open="true"] > [data-ui="variant-editor-row-head"] {
+    background: var(--admin-surface-subtle);
+  }
+  [data-ui="variant-editor-row-number"] {
+    color: var(--admin-ink-muted);
+    font-size: var(--font-size-xs, 0.8125rem);
+    font-variant-numeric: tabular-nums;
+  }
+  [data-ui="variant-editor-row-title"] {
+    display: grid;
+    min-inline-size: 0;
+  }
+  [data-ui="variant-editor-row-title"] strong {
+    overflow: hidden;
+    color: var(--admin-ink);
+    font-weight: 600;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [data-ui="variant-editor-row-title"] strong[data-incomplete="true"] {
+    color: var(--admin-ink-muted);
+    font-style: italic;
+  }
+  [data-ui="variant-editor-row-title"] small {
+    overflow: hidden;
+    color: var(--admin-ink-muted);
+    font-size: var(--font-size-xs, 0.8125rem);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [data-ui="variant-editor-row"][data-active="false"] :is(strong, [data-ui="variant-editor-row-price"]) {
+    color: var(--admin-ink-muted);
+  }
+  [data-ui="variant-editor-row-meta"] {
+    justify-content: flex-end;
+    flex-wrap: nowrap;
+  }
+  [data-ui="variant-editor-row-price"] {
+    min-inline-size: 6.5rem;
+    color: var(--admin-ink);
+    text-align: end;
+    font-variant-numeric: tabular-nums;
+  }
+  [data-ui="variant-editor-row-actions"] {
+    justify-content: flex-end;
+    flex-wrap: nowrap;
+  }
+  [data-ui="variant-editor-row-issue"] {
+    margin: 0;
+    padding: 0 var(--space-3, 12px) var(--space-2, 8px);
+    color: var(--admin-danger);
+    font-size: var(--font-size-xs, 0.8125rem);
+  }
+  [data-ui="variant-editor-row-body"] {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    align-items: start;
+    gap: var(--space-3, 12px) var(--space-4, 16px);
+    padding: var(--space-3, 12px);
+    border-block-start: 1px solid var(--admin-divider-subtle);
+  }
+  [data-ui="variant-editor-row-body"] > [data-ui="variant-editor-breakdown"] {
+    grid-column: 1 / -1;
+  }
+  [data-ui="variant-editor-fields"] {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
+    gap: var(--space-3, 12px) var(--space-4, 16px);
+    min-inline-size: 0;
+  }
+  [data-ui="variant-editor-breakdown"] {
+    margin: 0;
+    color: var(--admin-ink-secondary);
+    font-size: var(--font-size-xs, 0.8125rem);
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* A variant's image beside its fields: drop a file on it, or choose one. */
+  [data-ui="variant-editor-image"] {
+    display: grid;
+    justify-items: center;
+    gap: var(--space-2, 8px);
+    inline-size: 11rem;
+    padding: var(--space-1, 4px);
+    border: 1px dashed transparent;
+    border-radius: var(--radius-md, 7px);
+  }
+  [data-ui="variant-editor-image"][data-drag="true"] {
+    border-color: var(--admin-focus-border);
+    background: var(--admin-surface-subtle);
+  }
+  [data-ui="variant-editor-image"][data-busy="true"] {
+    opacity: 0.6;
+  }
+  [data-ui="variant-editor-image-actions"] {
+    display: grid;
+    justify-items: center;
+    gap: var(--space-2, 8px);
+    inline-size: 100%;
+    text-align: center;
+  }
+  /* The column is too narrow for a label beside the file control, so stack them. */
+  [data-ui="variant-editor-image-actions"] [data-ui="field"] {
+    grid-template-columns: minmax(0, 1fr);
+    inline-size: 100%;
+  }
+  [data-ui="variant-editor-image-actions"]
+    [data-ui="field"]
+    > :is([data-ui="field-label"], [data-ui="drop-zone"], [data-ui="field-help"], [data-ui="field-error"]) {
+    grid-column: 1;
+    grid-row: auto;
+  }
+
+  /* Footer: what Save will do, and the way back. */
+  [data-ui="variant-editor-footer"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-2, 8px) var(--space-3, 12px);
+    padding-block-start: var(--space-3, 12px);
+    border-block-start: 1px solid var(--admin-divider-subtle);
+  }
+  [data-ui="variant-editor-summary"] {
+    margin: 0;
+    color: var(--admin-ink-secondary);
+  }
+  [data-ui="variant-editor-summary"][data-tone="danger"] {
+    color: var(--admin-danger);
+  }
+
+  @media (max-width: 47.9375rem) {
+    [data-ui="variant-editor-picker"] {
+      inline-size: 100%;
+    }
+    /* The remove button stays beside its values; stacked, it floated alone under them. */
+    [data-ui="variant-editor-line-actions"] {
+      flex-direction: column;
+      align-items: flex-end;
+    }
+    [data-ui="variant-editor-extra-fields"],
+    [data-ui="variant-editor-fields"] {
+      grid-template-columns: minmax(0, 1fr);
+    }
+    [data-ui="variant-editor-row-head"] {
+      grid-template-columns: 1.75rem auto minmax(0, 1fr) auto;
+    }
+    [data-ui="variant-editor-row-meta"] {
+      flex-direction: column;
+      align-items: flex-end;
+      gap: var(--space-1, 4px);
+    }
+    [data-ui="variant-editor-row-price"] {
+      min-inline-size: 0;
+    }
+    [data-ui="variant-editor-row-actions"] {
+      grid-column: 3 / -1;
+    }
+    [data-ui="variant-editor-row-body"] {
+      grid-template-columns: minmax(0, 1fr);
+    }
+    /* Stacked above the fields, the image takes the row so the drop zone fits its file control. */
+    [data-ui="variant-editor-image"] {
+      inline-size: auto;
+    }
+  }
+}

package/dist/modules/product_backend/client/variant-editor.d.mts

@@ -0,0 +1,16 @@
+declare function ji(e: any): {
+    view: () => any;
+    mount: ({ root: t, lifetime: a }: {
+        lifetime: any;
+        root: any;
+    }) => void;
+};
+declare var Yi: (e: any) => string, Pf: (e: any) => {
+    view: () => any;
+    mount: ({ root: t, lifetime: a }: {
+        lifetime: any;
+        root: any;
+    }) => void;
+};
+export { ji as createVariantEditorView, Pf as variantEditor, Yi as variantEditorSaveForm };
+//# sourceMappingURL=variant-editor.d.mts.map

package/dist/modules/product_backend/client/variant-editor.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-editor.d.mts","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/product_backend/client/variant-editor.mjs"],"names":[],"mappings":"AAC++sD,iBAAS,EAAE,CAAC,CAAC,KAAA;;;;;;EAAuskB;AAAA,QAAA,IAAI,EAAE,oBAAe,EAAC,EAAE;;;;;;CAAS,CAAC;AAAA,OAAM,EAAC,EAAE,IAAI,uBAAuB,EAAC,EAAE,IAAI,aAAa,EAAC,EAAE,IAAI,qBAAqB,EAAC,CAAC"}

package/dist/modules/product_backend/client/variant-editor.mjs

@@ -0,0 +1,2 @@
+// @ts-nocheck Generated by tools/build-backend-client.mjs — do not edit.
+import{each as Qe,effect as Ba,signal as j}from"/_ket/view/index.js";import{each as ci}from"/_ket/view/index.js";import{Fragment as Et,jsx as se,jsxs as ui}from"/_ket/view/jsx-runtime.js";var Pt=["action","action-leading","action-label","action-spinner","action-group"],Lt=e=>ui(Et,{children:[e.loading===!0&&se("span",{"data-ui":"action-spinner","aria-hidden":"true"}),e.loading!==!0&&e.leading!==void 0&&se("span",{"data-ui":"action-leading","aria-hidden":"true",children:e.leading}),!e.iconOnly&&se("span",{"data-ui":"action-label",children:e.label})]}),$=e=>se("button",{"data-ui":"action","data-variant":e.variant??"secondary","data-size":e.size??"default",type:e.type??"button",name:e.name??null,value:e.value??null,form:e.form??null,disabled:e.disabled===!0||e.loading===!0,"aria-busy":e.loading===!0?"true":null,"aria-describedby":e.describedBy??null,"aria-expanded":e.expanded===void 0?null:String(e.expanded),"aria-controls":e.controls??null,children:se(Lt,{...e})}),ot=e=>se("button",{"data-ui":"action","data-icon-only":"true","data-variant":e.variant??"tertiary","data-size":e.size??"default",type:e.type??"button",name:e.name??null,value:e.value??null,form:e.form??null,disabled:e.disabled===!0||e.loading===!0,"aria-label":e.label,"aria-pressed":e.pressed===void 0?null:String(e.pressed),"aria-busy":e.loading===!0?"true":null,"aria-describedby":e.describedBy??null,"aria-expanded":e.expanded===void 0?null:String(e.expanded),"aria-controls":e.controls??null,title:e.label,children:se(Lt,{...e,leading:e.icon,iconOnly:!0})});var we=e=>se("div",{"data-ui":"action-group",role:"group","aria-label":e.label??null,children:ci(e.actions,(d,i)=>i,d=>se(Et,{children:d}))});import{jsx as mi,jsxs as nn}from"/_ket/view/jsx-runtime.js";var Ft=["badge","tag","tag-remove","count-badge","avatar","code","text","media-label","media-label-image","media-label-copy"];var ie=e=>mi("span",{"data-ui":"badge","data-pattern":"badge","data-tone":e.tone??"neutral","data-value":e.value??"",children:e.label});import{each as ln}from"/_ket/view/index.js";import{Fragment as Je,jsx as N,jsxs as be}from"/_ket/view/jsx-runtime.js";var Ht=["notice","notice-mark","notice-copy","notice-title","notice-message","notice-actions","empty","empty-mark","empty-title","empty-message","empty-actions","loading","loading-label"],gi={info:()=>be(Je,{children:[N("circle",{cx:"12",cy:"12",r:"10"}),N("path",{d:"M12 16v-4"}),N("path",{d:"M12 8h.01"})]}),positive:()=>be(Je,{children:[N("circle",{cx:"12",cy:"12",r:"10"}),N("path",{d:"m9 12 2 2 4-4"})]}),warning:()=>be(Je,{children:[N("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),N("path",{d:"M12 9v4"}),N("path",{d:"M12 17h.01"})]}),danger:()=>be(Je,{children:[N("circle",{cx:"12",cy:"12",r:"10"}),N("path",{d:"M12 8v4"}),N("path",{d:"M12 16h.01"})]})},te=e=>be("aside",{"data-ui":"notice","data-pattern":"notice","data-tone":e.tone??"info",role:e.tone==="danger"?"alert":"status",children:[N("span",{"data-ui":"notice-mark","aria-hidden":"true",children:N("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",focusable:"false",children:gi[e.tone??"info"]()})}),be("div",{"data-ui":"notice-copy",children:[N("p",{"data-ui":"notice-title",children:e.title}),N("p",{"data-ui":"notice-message",children:e.message})]}),e.actions!==void 0&&N("div",{"data-ui":"notice-actions",children:e.actions})]}),de=e=>be("div",{"data-ui":"empty",role:"status",children:[N("span",{"data-ui":"empty-mark","aria-hidden":"true",children:"\u25C7"}),N("p",{"data-ui":"empty-title",children:e.title}),N("p",{"data-ui":"empty-message",children:e.message}),e.actions!==void 0&&N("div",{"data-ui":"empty-actions",children:e.actions})]});import{each as dt}from"/_ket/view/index.js";import{each as Ln}from"/_ket/view/index.js";import{jsx as un,jsxs as mn}from"/_ket/view/jsx-runtime.js";var It=["modal-layer","modal-backdrop","modal-sheet","modal-head","modal-heading","modal-title-row","modal-title","modal-description","modal-close","modal-body","modal-actions"];import{Fragment as hn,jsx as bn,jsxs as pn}from"/_ket/view/jsx-runtime.js";import{Fragment as wn,jsx as kn,jsxs as Tn}from"/_ket/view/jsx-runtime.js";var Dt=["app-shell","app-shell-topbar","app-topbar","app-location-bar","app-location-context","app-brand","app-topbar-brand","app-topbar-context","global-search-trigger","global-search-trigger-label","global-search-shortcut","global-search-dialog","global-search","global-search-input","global-search-submit","app-sidebar","app-main","app-right-rail","page","page-context","page-header","page-heading","page-eyebrow","page-title-row","page-title","page-description","page-subline","page-status","page-actions","page-meta","page-body","record-canvas","record-content","record-section","record-section-title"];import{Fragment as Hn,jsx as pe,jsxs as qe}from"/_ket/view/jsx-runtime.js";var At=["stack","inline","grid","card-grid","surface","surface-head","surface-heading","surface-title","surface-description","surface-actions","disclosure","disclosure-summary","disclosure-body","section","section-head","section-eyebrow","section-title","section-description","section-actions","section-body","content-card","card-media","card-head","card-leading","card-heading","card-eyebrow","card-title","card-summary","card-status","card-body","card-meta","card-actions","kanban","kanban-card","kanban-media","kanban-title","kanban-meta","kanban-note","kanban-actions","metric","metric-icon","metric-label","metric-value","metric-detail"];var He=e=>qe("details",{"data-ui":"disclosure",open:e.open===!0?!0:void 0,children:[pe("summary",{"data-ui":"disclosure-summary",children:e.summary}),pe("div",{"data-ui":"disclosure-body",children:e.body})]}),he=e=>qe("section",{"data-ui":"section",children:[qe("header",{"data-ui":"section-head",children:[qe("div",{children:[!!e.eyebrow&&pe("p",{"data-ui":"section-eyebrow",children:e.eyebrow}),pe("h2",{"data-ui":"section-title",children:e.title}),!!e.description&&pe("p",{"data-ui":"section-description",children:e.description})]}),e.actions!==void 0&&pe("div",{"data-ui":"section-actions",children:e.actions})]}),pe("div",{"data-ui":"section-body",children:e.body})]});import{each as yi}from"/_ket/view/index.js";import{Fragment as xi,jsx as Ie}from"/_ket/view/jsx-runtime.js";var st=(e,d)=>e.control!==void 0?Ie(xi,{children:e.control}):e.type==="textarea"?Ie("textarea",{"data-ui":"field-control",id:e.id,name:e.name,placeholder:e.placeholder??null,required:e.required===!0,disabled:e.disabled===!0,readonly:e.readOnly===!0,"aria-invalid":e.error?"true":null,"aria-describedby":d,children:String(e.value??"")}):e.type==="select"?Ie("select",{"data-ui":"field-control",id:e.id,name:e.name,required:e.required===!0,disabled:e.disabled===!0,"aria-invalid":e.error?"true":null,"aria-describedby":d,children:yi(e.options??[],i=>i.value,i=>Ie("option",{value:i.value,selected:String(e.value??"")===i.value,disabled:i.disabled===!0,children:i.label}))}):Ie("input",{"data-ui":"field-control",id:e.id,type:e.type==="decimal"?"number":e.type??"text",name:e.name,value:e.type==="checkbox"?"1":String(e.value??""),checked:e.type==="checkbox"&&(e.value===!0||e.value==="1"),placeholder:e.placeholder??null,required:e.required===!0,disabled:e.disabled===!0,readonly:e.readOnly===!0,min:e.min,max:e.max,"aria-invalid":e.error?"true":null,"aria-describedby":d,autocomplete:e.autocomplete??"off",step:e.type==="decimal"?e.step??"any":e.step??null});import{jsx as J,jsxs as ce}from"/_ket/view/jsx-runtime.js";var $t=["field","field-label","field-required","field-control","field-options","field-option","field-option-input","field-help","field-error"],Kt=e=>!!e.error||(e.fields?.some(Kt)??!1),W=e=>{let d=e.help?`${e.id}-help`:null,i=e.error?`${e.id}-error`:null,m=[d,i].filter(Boolean).join(" ")||null,l=ce("span",{"data-ui":"field-label",children:[e.label,e.required&&J("span",{"data-ui":"field-required","aria-hidden":"true",children:" *"})]});return e.fields?ce("div",{"data-ui":"field","data-kind":"group","data-span":"full","data-invalid":String(!!e.error),children:[J(He,{summary:e.label,open:e.open||Kt(e),body:J("div",{"data-ui":"form-grid",children:dt(e.fields.map(c=>({...c,disabled:e.disabled||c.disabled,readOnly:e.readOnly||c.readOnly})),c=>c.id,c=>J(W,{...c}))})}),!!e.help&&J("small",{"data-ui":"field-help",id:d??void 0,children:e.help}),!!e.error&&J("small",{"data-ui":"field-error",id:i??void 0,children:e.error})]}):e.type==="checkbox-group"?ce("div",{"data-ui":"field","data-kind":"checkbox-group","data-span":e.span??"half","data-invalid":String(!!e.error),children:[ce("span",{"data-ui":"field-label",id:`${e.id}-label`,children:[e.label,e.required&&J("span",{"data-ui":"field-required","aria-hidden":"true",children:" *"})]}),J("div",{"data-ui":"field-options","data-orientation":e.optionsOrientation==="vertical"?"vertical":null,role:"group","aria-labelledby":`${e.id}-label`,children:dt(e.options??[],c=>c.name??c.value,c=>ce("label",{"data-ui":"field-option",children:[J("input",{"data-ui":"field-option-input",type:"checkbox",name:c.name??`${e.name}[]`,value:c.value,checked:c.checked===!0,disabled:e.disabled===!0||c.disabled===!0,"aria-invalid":e.error?"true":null,"aria-describedby":m,autocomplete:"off"}),J("span",{children:c.label})]}))}),!!e.help&&J("small",{"data-ui":"field-help",id:d??void 0,children:e.help}),!!e.error&&J("small",{"data-ui":"field-error",id:i??void 0,children:e.error})]}):e.type==="radio"?ce("div",{"data-ui":"field","data-kind":"radio","data-span":e.span??"half","data-invalid":String(!!e.error),children:[ce("span",{"data-ui":"field-label",id:`${e.id}-label`,children:[e.label,e.required&&J("span",{"data-ui":"field-required","aria-hidden":"true",children:" *"})]}),J("div",{"data-ui":"field-options","data-orientation":e.optionsOrientation==="vertical"?"vertical":null,role:"radiogroup","aria-labelledby":`${e.id}-label`,children:dt(e.options??[],c=>c.value,c=>ce("label",{"data-ui":"field-option",children:[J("input",{"data-ui":"field-option-input",type:"radio",name:e.name,value:c.value,checked:String(e.value??"")===c.value,required:e.required===!0,disabled:e.disabled===!0||c.disabled===!0,"aria-invalid":e.error?"true":null,"aria-describedby":m,autocomplete:"off"}),J("span",{children:c.label})]}))}),!!e.help&&J("small",{"data-ui":"field-help",id:d??void 0,children:e.help}),!!e.error&&J("small",{"data-ui":"field-error",id:i??void 0,children:e.error})]}):ce("label",{"data-ui":"field","data-kind":e.type??"text","data-span":e.span??"half","data-invalid":String(!!e.error),for:e.id,children:[e.type==="checkbox"&&st(e,m),l,e.type!=="checkbox"&&st(e,m),!!e.help&&J("small",{"data-ui":"field-help",id:d??void 0,children:e.help}),!!e.error&&J("small",{"data-ui":"field-error",id:i??void 0,children:e.error})]})};import{each as zn}from"/_ket/view/index.js";import{jsx as _n,jsxs as Un}from"/_ket/view/jsx-runtime.js";var Bt=["breadcrumbs","breadcrumb","breadcrumb-overflow","breadcrumb-overflow-trigger","breadcrumb-overflow-list","nav-list","nav-item","nav-item-leading","nav-item-label","nav-item-count","tabs","tab","tab-count","tabbed-view","tabbed-view-context","tab-panel"];import{jsx as jn,jsxs as Yn}from"/_ket/view/jsx-runtime.js";var Nt=["progress","progress-label","progress-value","progress-track","progress-bar"];import{each as tr}from"/_ket/view/index.js";import{Fragment as rr,jsx as ir,jsxs as nr}from"/_ket/view/jsx-runtime.js";var Jt=["menu","menu-trigger","menu-trigger-count","menu-panel","menu-search","menu-search-input","menu-label","menu-separator","menu-item","menu-item-leading","menu-item-copy","menu-item-check","menu-item-shortcut"];import{jsx as sr,jsxs as dr}from"/_ket/view/jsx-runtime.js";var Vt=["popover","popover-trigger","popover-panel","popover-close"];import{jsx as mr,jsxs as gr}from"/_ket/view/jsx-runtime.js";var qt=["tooltip","tooltip-trigger","tooltip-content"];import{jsx as vr}from"/_ket/view/jsx-runtime.js";var Xt=["dialog","confirm-dialog-message"];import{each as Sr}from"/_ket/view/index.js";import{jsx as Tr,jsxs as wr}from"/_ket/view/jsx-runtime.js";var zt=["toast-region","toast","toast-copy","toast-title","toast-message","toast-actions"];import{jsx as Mr}from"/_ket/view/jsx-runtime.js";var Gt=["spinner","visually-hidden"];import{each as Er}from"/_ket/view/index.js";import{jsx as Hr}from"/_ket/view/jsx-runtime.js";var _t=["skeleton","skeleton-line"];import{each as Re,effect as Si,signal as ne}from"/_ket/view/index.js";import{jsx as x,jsxs as D}from"/_ket/view/jsx-runtime.js";var Ut=["relation-select","relation-native","relation-trigger","relation-value","relation-caret","relation-chips","relation-chip","relation-chip-clear","relation-menu","relation-search","relation-options","relation-option","relation-footer","relation-empty","relation-editor","relation-dialog-toolbar","relation-search-field","relation-search-icon","relation-dialog-list","relation-dialog-row","relation-dialog-main","relation-dialog-meta","relation-dialog-actions"],ve=e=>Array.isArray(e)?e:[],P=e=>e==null?"":String(e),ct=async(e,d,i)=>{let m=await fetch(`/_ket/fn/${encodeURIComponent(e)}`,{method:"POST",credentials:"same-origin",headers:{"content-type":"application/json"},body:JSON.stringify(d),signal:i}),l=await m.json();if(!m.ok||l.ok===!1){let c=ve(l.errors)[0];throw new Error(P(c?.message??c?.code??l.message??`HTTP ${m.status}`))}return l.value};function ut(e,d={}){let{id:i,config:m}=e,l=m.labels,c=m.manager,R=m.multiple===!0,v=ne(R?ve(m.values).map(P).filter(Boolean):[P(m.value)].filter(Boolean)),g=()=>v()[0]??"",h=o=>v().includes(P(o)),f=ne(ve(m.options)),A=()=>d.options?.()??f(),B=()=>d.disabled?.()??m.disabled===!0,I=ne(!1),C=ne(!1),S=ne(""),K=ne([]),E=ne(!1),T=ne(""),F=ne(null),y=ne(""),p=null,M,ae=!1,z=o=>P(o[c?.idField??"id"]),w=o=>P(o[c?.labelField??"name"])||l.noRecords,oe=o=>P(o[c?.descriptionField??"ref"]),Q=()=>f().find(o=>P(o.value)===g())?.label??l.choose,G=()=>{let o=S().trim().toLocaleLowerCase(),b=o?A().filter(L=>`${P(L.label)} ${P(L.description)}`.toLocaleLowerCase().includes(o)):A();return d.options?b:b.slice(0,7)},me=(o,b,L="")=>{if(B())return;let O=P(o);if(f().some(H=>P(H.value)===O)||f.set([...f(),{value:O,label:P(b),description:P(L)}]),R){v.set(h(O)?v().filter(H=>H!==O):[...v(),O]),d.onSelect?.({value:O,label:P(b),description:P(L)});return}v.set(O?[O]:[]),I.set(!1),C.set(!1),S.set(""),F.set(null),y.set(""),d.resetAfterSelect&&v.set([]),d.onSelect?.({value:O,label:P(b),description:P(L)})},Se=o=>{v.set(v().filter(b=>b!==P(o)))},ke=o=>f().find(b=>P(b.value)===P(o))?.label??P(o),le=async()=>{if(!c?.listFunction)return;p?.abort();let o=new AbortController;p=o,E.set(!0),T.set("");try{let b={...c.listInput??{}};b[c.searchParam??"search"]=S().trim(),b[c.limitParam??"limit"]=c.limit??80;let L=await ct(c.listFunction,b,o.signal),O=new Set(ve(c.excludeIds).map(P));K.set(ve(L).filter(H=>!O.has(z(H))))}catch(b){if(ae||b instanceof Error&&b.name==="AbortError")return;T.set(b instanceof Error?b.message:l.loadError)}finally{p===o&&E.set(!1)}},Ae=async()=>{I.set(!1),C.set(!0),F.set(null),y.set(""),await le()},Te=()=>{C.set(!1),F.set(null),y.set(""),T.set("")},$e=o=>{o.currentTarget instanceof HTMLInputElement&&(S.set(o.currentTarget.value),clearTimeout(M),M=setTimeout(le,180))},at=async o=>{if(o.preventDefault(),!c?.saveFunction||!(o.currentTarget instanceof HTMLFormElement))return;let b=F(),L=b?.id||crypto.randomUUID(),O={...c.saveDefaults??{},id:L};for(let[H,ee]of new FormData(o.currentTarget).entries())O[H]=P(ee);E.set(!0),T.set("");try{await ct(c.saveFunction,O);let H=P(O[c.labelField??"name"]);if(!b?.id){me(L,H),R&&(F.set(null),await le());return}f.set(f().map(ee=>P(ee.value)===L?{...ee,label:H||ee.label}:ee)),F.set(null),await le()}catch(H){T.set(H instanceof Error?H.message:l.loadError)}finally{E.set(!1)}},Ke=async o=>{let b=z(o);if(y()!==b){y.set(b);return}if(c?.removeFunction){E.set(!0),T.set("");try{await ct(c.removeFunction,{...c.removeDefaults??{},id:b}),Se(b),f.set(f().filter(L=>P(L.value)!==b)),y.set(""),await le()}catch(L){T.set(L instanceof Error?L.message:l.loadError)}finally{E.set(!1)}}},Pe=o=>{let b=F()?.row??c?.saveDefaults??{},L=P(b[o.name]),O=`${i}-relation-editor-${o.name}`;return D("label",{"data-ui":"form-field","data-span":"full",htmlFor:O,children:[D("span",{"data-ui":"form-label",children:[o.label,o.required?D("span",{"data-ui":"form-required","aria-hidden":"true",children:[" ","*"]}):null]}),o.type==="select"?x("select",{"data-ui":"form-control",id:O,name:o.name,required:o.required===!0,children:Re(ve(o.options),H=>H.value,H=>x("option",{value:H.value,selected:P(H.value)===L,children:H.label}))}):x("input",{"data-ui":"form-control",id:O,type:o.type??"text",name:o.name,value:L,autocomplete:"off",required:o.required===!0})]})},Be=()=>D("form",{"data-ui":"relation-editor",onSubmit:at,children:[x("div",{"data-ui":"form-grid",children:Re(ve(c?.fields),o=>o.name,Pe)}),x("div",{"data-ui":"form-actions",children:D("div",{"data-ui":"action-group",children:[x("button",{"data-ui":"action","data-variant":"primary",type:"submit",disabled:E(),children:l.save}),x("button",{"data-ui":"action","data-variant":"tertiary",type:"button",onClick:()=>F.set(null),children:l.cancel})]})})]}),Le=o=>{let b=z(o),L=oe(o);return D("li",{"data-ui":"relation-dialog-row","data-selected":String(h(b)),children:[D("button",{"data-ui":"relation-dialog-main",type:"button","aria-pressed":R?String(h(b)):null,onClick:()=>me(b,w(o),L),children:[x("strong",{children:w(o)}),L?x("small",{"data-ui":"relation-dialog-meta",children:L}):null]}),D("div",{"data-ui":"relation-dialog-actions",children:[x("button",{"data-ui":"action","data-size":"compact","data-variant":h(b)?"primary":"secondary",type:"button",onClick:()=>me(b,w(o),L),children:h(b)?l.chosen:l.select}),c?.saveFunction?x("button",{"data-ui":"action","data-size":"compact","data-variant":"tertiary",type:"button",onClick:()=>F.set({id:b,row:o}),children:l.edit}):null,c?.removeFunction?x("button",{"data-ui":"action","data-size":"compact","data-variant":"destructive",type:"button",onClick:()=>Ke(o),children:y()===b?l.confirmRemove:l.remove}):null]})]})},Ee=()=>D("div",{"data-ui":"modal-layer","data-presentation":"dialog",children:[x("button",{"data-ui":"modal-backdrop",type:"button","aria-label":l.close,onClick:Te,children:x("span",{children:l.close})}),D("section",{"data-ui":"modal-sheet",role:"dialog","aria-modal":"true","aria-labelledby":`${i}-relation-title`,children:[D("header",{"data-ui":"modal-head",children:[x("h2",{"data-ui":"modal-title",id:`${i}-relation-title`,children:l.dialogTitle}),x("button",{"data-ui":"modal-close",type:"button","aria-label":l.close,title:l.close,onClick:Te,children:"\xD7"})]}),D("div",{"data-ui":"modal-body",children:[D("div",{"data-ui":"relation-dialog-toolbar",children:[D("div",{"data-ui":"relation-search-field",children:[x("span",{"data-ui":"relation-search-icon","aria-hidden":"true",children:D("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",focusable:"false",children:[x("circle",{cx:"11",cy:"11",r:"8"}),x("path",{d:"m21 21-4.3-4.3"})]})}),x("input",{"data-ui":"field-control",type:"search",value:S(),autocomplete:"off",placeholder:l.search,"aria-label":l.search,onInput:$e})]}),c?.saveFunction?x("button",{"data-ui":"action","data-variant":"primary",type:"button",onClick:()=>F.set({id:"",row:c.saveDefaults??{}}),children:l.create}):null]}),T()?D("aside",{"data-ui":"notice","data-tone":"danger",role:"alert",children:[D("div",{"data-ui":"notice-copy",children:[x("p",{"data-ui":"notice-title",children:l.loadError}),x("p",{"data-ui":"notice-message",children:T()})]}),x("button",{"data-ui":"action","data-variant":"secondary",type:"button",onClick:le,children:l.retry})]}):null,F()?Be():null,E()?x("p",{"data-ui":"relation-empty",role:"status",children:l.loading}):null,!E()&&!F()?K().length?x("ul",{"data-ui":"relation-dialog-list",children:Re(K(),z,Le)}):x("p",{"data-ui":"relation-empty",children:l.noRecords}):null]})]})]}),Fe=o=>{if(!(o instanceof KeyboardEvent)||o.key!=="Escape"||!I()&&!C())return;o.preventDefault(),o.stopPropagation();let b=o.currentTarget?.querySelector('[data-ui="relation-trigger"]');I.set(!1),Te(),b?.focus()},fe=o=>{o.preventDefault(),I.set(!0),o.currentTarget instanceof HTMLSelectElement&&o.currentTarget.nextElementSibling?.focus()};return{view:()=>D("div",{"data-ui":"relation-select",role:"group","aria-label":m.ariaLabel,onKeydown:Fe,children:[D("select",{"data-ui":"relation-native",name:m.name,required:m.required===!0,disabled:B(),tabindex:"-1","aria-hidden":"true",onInvalid:fe,children:[x("option",{value:"",selected:!v().length}),R?v().length?x("option",{value:v().join(","),selected:!0,children:v().map(ke).join(", ")}):null:Re(f().filter(o=>P(o.value)),o=>o.value,o=>x("option",{value:o.value,selected:P(o.value)===g(),children:o.label}))]}),D("button",{"data-ui":"relation-trigger","data-empty":String(!v().length),type:"button","aria-haspopup":"listbox","aria-label":m.ariaLabel,"aria-expanded":String(I()),"aria-controls":`${i}-relation-menu`,disabled:B(),onClick:()=>I.set(!I()),children:[x("span",{"data-ui":"relation-value",children:R?l.choose:Q()}),x("span",{"data-ui":"relation-caret","aria-hidden":"true",children:"\u25BE"})]}),R&&v().length?x("ul",{"data-ui":"relation-chips","aria-label":l.chosen,children:Re(v(),o=>o,o=>D("li",{"data-ui":"relation-chip",children:[x("span",{children:ke(o)}),x("button",{"data-ui":"relation-chip-clear",type:"button","aria-label":`${l.clear}: ${ke(o)}`,title:l.clear,disabled:B(),onClick:()=>Se(o),children:"\xD7"})]}))}):null,I()?D("div",{"data-ui":"relation-menu",id:`${i}-relation-menu`,children:[x("input",{"data-ui":"relation-search",type:"search",value:S(),autocomplete:"off",placeholder:l.search,"aria-label":l.search,onInput:o=>{o.currentTarget instanceof HTMLInputElement&&S.set(o.currentTarget.value)}}),x("div",{"data-ui":"relation-options",role:"listbox",children:G().length?Re(G(),o=>o.value,o=>D("button",{"data-ui":"relation-option",type:"button",role:"option","data-selected":String(h(o.value)),"aria-selected":String(h(o.value)),onClick:()=>me(o.value,o.label,o.description),children:[x("span",{children:o.label}),o.description?x("small",{children:o.description}):null]})):x("p",{"data-ui":"relation-empty",children:l.noRecords})}),c||!d.options||d.onCreate?D("footer",{"data-ui":"relation-footer",children:[c||!d.options?x("button",{"data-ui":"action","data-variant":"tertiary",type:"button",onClick:Ae,children:l.more}):null,d.onCreate?x("button",{"data-ui":"action","data-variant":"tertiary",type:"button",disabled:B(),onClick:()=>{if(B())return;let o=S().trim();I.set(!1),S.set(""),d.onCreate?.(o)},children:l.create}):null]}):null]}):null,C()?Ee():null]}),mount:({root:o,lifetime:b})=>{let L=!0,O=Si(()=>{if(v(),L){L=!1;return}queueMicrotask(()=>{if(ae)return;let H=[...o.querySelectorAll('[data-ui="relation-native"]')][0];H instanceof HTMLSelectElement&&H.dispatchEvent(new Event("change",{bubbles:!0}))})});b.addEventListener("abort",O),document.addEventListener("click",H=>{if(!I())return;let ee=H.target;ee instanceof Node&&o.contains(ee)||I.set(!1)},{signal:b})},dispose:()=>{ae=!0,clearTimeout(M),p?.abort()}}}import{each as Kr,signal as Oe}from"/_ket/view/index.js";import{jsx as Z,jsxs as jt}from"/_ket/view/jsx-runtime.js";var Yt=["lightbox","lightbox-thumbs","lightbox-thumb","lightbox-empty","lightbox-layer","lightbox-backdrop","lightbox-toolbar","lightbox-counter","lightbox-tool","lightbox-stage","lightbox-image","lightbox-nav","lightbox-caption"],re=1,Wt=4,ze=.5,Qt=(e,d)=>e.replace(/\{(\w+)\}/g,(i,m)=>String(d[m]??`{${m}}`)),Zt=(e,d,i)=>Math.min(i,Math.max(d,e));function mt(e,d="lightbox"){let i=Oe([]),m=Oe(!1),l=Oe(0),c=Oe(re),R=Oe({x:0,y:0}),v=null,g=new Map,h=null,f=()=>{c.set(re),R.set({x:0,y:0})},A=(y,p,M)=>{y.length&&(v=M instanceof HTMLElement?M:null,i.set(y),l.set(Zt(p,0,y.length-1)),f(),m.set(!0),queueMicrotask(()=>{typeof document>"u"||document.getElementById(`${d}-lightbox-close`)?.focus()}))},B=()=>{m()&&(m.set(!1),f(),g.clear(),h=null,v?.focus(),v=null)},I=y=>{let p=i().length;p<2||(l.set((l()+y+p)%p),f())},C=y=>{let p=Zt(y,re,Wt);c.set(p),p===re&&R.set({x:0,y:0})},S=()=>{let y=[...g.values()];return y.length?{x:y.reduce((p,M)=>p+M.x,0)/y.length,y:y.reduce((p,M)=>p+M.y,0)/y.length}:{x:0,y:0}},K=()=>{let[y,p]=[...g.values()];return y&&p?Math.hypot(y.x-p.x,y.y-p.y):0},E=(y,p)=>{if(p&&h&&g.size===1&&c()===re&&h.distance===null){let M=y.clientX-h.start.x;Math.abs(M)>60&&Math.abs(M)>Math.abs(y.clientY-h.start.y)&&I(M<0?1:-1)}if(g.delete(y.pointerId),y.currentTarget?.releasePointerCapture?.(y.pointerId),!g.size){let M=h;M&&p?setTimeout(()=>h===M?h=null:null,0):h=null;return}h&&(h={...h,start:S(),origin:R(),zoom:c(),distance:null})};return{open:A,close:B,isOpen:()=>m(),layer:()=>{let y=i(),p=y[l()];if(!m()||!p)return null;let M=c(),ae=R(),z=y.length>1;return jt("div",{"data-ui":"lightbox-layer",role:"dialog","aria-modal":"true","aria-label":p.alt,id:`${d}-lightbox`,children:[Z("div",{"data-ui":"lightbox-backdrop","aria-hidden":"true",onClick:B}),jt("div",{"data-ui":"lightbox-toolbar",children:[Z("span",{"data-ui":"lightbox-counter","aria-live":"polite",children:z?Qt(e.counter,{index:l()+1,total:y.length}):""}),Z("button",{type:"button","data-ui":"lightbox-tool","data-tool":"zoom-out","aria-label":e.zoomOut,title:e.zoomOut,disabled:M<=re,onClick:()=>C(M-ze),children:"\u2212"}),Z("button",{type:"button","data-ui":"lightbox-tool","data-tool":"zoom-in","aria-label":e.zoomIn,title:e.zoomIn,disabled:M>=Wt,onClick:()=>C(M+ze),children:"+"}),Z("button",{type:"button","data-ui":"lightbox-tool","data-tool":"close",id:`${d}-lightbox-close`,"aria-label":e.close,title:e.close,onClick:B,children:"\xD7"})]}),Z("div",{role:"presentation","data-ui":"lightbox-stage","data-zoomed":String(M>re),onClick:w=>{w.target===w.currentTarget&&!h?.moved&&B()},onWheel:w=>{w.preventDefault(),C(c()*(w.deltaY<0?1.15:1/1.15))},onPointerDown:w=>{g.set(w.pointerId,{x:w.clientX,y:w.clientY}),w.currentTarget.setPointerCapture?.(w.pointerId),h={start:S(),origin:R(),zoom:c(),distance:g.size>1?K():null,moved:h?.moved===!0&&g.size>1}},onPointerMove:w=>{if(!h||!g.has(w.pointerId))return;g.set(w.pointerId,{x:w.clientX,y:w.clientY});let oe=S(),Q=oe.x-h.start.x,G=oe.y-h.start.y;Math.abs(Q)+Math.abs(G)>4&&(h.moved=!0),g.size>1&&h.distance&&(C(h.zoom*(K()/h.distance)),h.moved=!0),c()>re&&R.set({x:h.origin.x+Q,y:h.origin.y+G})},onPointerUp:w=>E(w,!0),onPointerCancel:w=>E(w,!1),children:Z("img",{"data-ui":"lightbox-image",src:p.src,alt:p.alt,draggable:"false",style:`transform: translate(${ae.x}px, ${ae.y}px) scale(${M})`,onClick:()=>{h?.moved||C(c()>re?re:2)}})}),z?Z("button",{type:"button","data-ui":"lightbox-nav","data-direction":"previous","aria-label":e.previous,title:e.previous,onClick:()=>I(-1),children:"\u2039"}):null,z?Z("button",{type:"button","data-ui":"lightbox-nav","data-direction":"next","aria-label":e.next,title:e.next,onClick:()=>I(1),children:"\u203A"}):null,p.caption?Z("p",{"data-ui":"lightbox-caption",children:p.caption}):null]})},attach:y=>{document.addEventListener("keydown",p=>{if(m()){if(p.key==="Escape")B();else if(p.key==="ArrowLeft")I(-1);else if(p.key==="ArrowRight")I(1);else if(p.key==="+"||p.key==="=")C(c()+ze);else if(p.key==="-")C(c()-ze);else return;p.preventDefault(),p.stopImmediatePropagation()}},{signal:y,capture:!0}),y.addEventListener("abort",()=>{m.set(!1),g.clear(),h=null})}}}var gt=e=>Z("button",{type:"button","data-ui":"lightbox-thumb","data-size":e.size??"medium","aria-label":Qt(e.labels.open,{alt:e.item.alt}),"aria-haspopup":"dialog",onClick:d=>e.onOpen(d.currentTarget),children:Z("img",{src:e.item.thumbnail??e.item.src,alt:"",loading:"lazy",decoding:"async"})});import{each as qr,signal as Xr}from"/_ket/view/index.js";import{Fragment as Ur,jsx as _r,jsxs as Gr}from"/_ket/view/jsx-runtime.js";var ea=["search-filter","search-filter-bar","search-filter-section-toggle","search-filter-sheet","search-filter-clear","search-filter-icon","search-filter-field","search-filter-input","search-filter-facets","search-filter-facet","search-filter-facet-remove","search-filter-suggestions","search-filter-suggestion","search-filter-toggle","search-filter-columns","search-filter-column","search-filter-column-title","search-filter-empty","search-filter-grouping","search-filter-grouping-head","search-filter-grouping-list","search-filter-grouping-item","search-filter-grouping-order","search-filter-grouping-label","search-filter-grouping-actions","search-filter-grouping-action","search-filter-grouping-clear","search-filter-grouping-add-label","custom-filter","custom-filter-row","custom-filter-add","custom-group-by","favorite-list","favorite-item","favorite-item-default","favorite-item-remove","favorite-save","favorite-save-toggle","favorite-save-row"];import{each as eo,effect as to,signal as ao}from"/_ket/view/index.js";import{jsx as jr}from"/_ket/view/jsx-runtime.js";var ta=["formatted-date","formatted-number","formatted-money"];import{Fragment as lo,jsx as so,jsxs as co}from"/_ket/view/jsx-runtime.js";var ia=["ket-table","kt-scroll","kt-selection-target","kt-grid","kt-select-col","kt-select-all","kt-col","kt-sort-button","kt-sort-icon","kt-row","kt-cell","kt-person","kt-select-cell","kt-row-select","kt-row-link","kt-group-row","kt-group-cell","kt-group-toggle","kt-group-indent","kt-group-count","kt-group-pager","kt-pager","kt-pager-label","kt-pager-button","kt-select-persisted","kt-caption","kt-tools"];var mo=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","summary",'[tabindex]:not([tabindex="-1"])'].join(",");var Ci=['[data-ui="timeframe-menu"]','[data-ui="view-settings"]'],go=Ci.map(e=>`${e}[open]`).join(", ");import{jsx as ft,jsxs as na}from"/_ket/view/jsx-runtime.js";var Ce=(e,d)=>e?.find(i=>i.path===d)?.message??null,Ge=e=>{let d=e.help?`${e.id}-help`:null,i=e.error?`${e.id}-error`:null;return na("div",{"data-ui":"field","data-kind":e.kind,"data-span":e.span??"half","data-invalid":String(!!e.error),children:[na("label",{"data-ui":"field-label",for:e.id,children:[e.label,e.required&&ft("span",{"data-ui":"field-required","aria-hidden":"true",children:" *"})]}),e.control,!!e.help&&ft("small",{"data-ui":"field-help",id:d??void 0,children:e.help}),!!e.error&&ft("small",{"data-ui":"field-error",id:i??void 0,children:e.error})]})},_e=(e,d,i)=>[d?`${e}-help`:null,i?`${e}-error`:null].filter(Boolean).join(" ")||null;import{jsx as We,jsxs as xo}from"/_ket/view/jsx-runtime.js";var ra=["switch-control","switch-track"],Ue=e=>({...e,error:e.error??Ce(e.issues,e.name)}),bt=e=>We(W,{...Ue(e),type:"text"});var pt=e=>We(W,{...Ue({...e,step:e.step??"0.01"}),type:"decimal"});var ht=e=>We(W,{...Ue(e),type:"checkbox-group"});var vt=e=>We(W,{...Ue(e),type:"select"});import{each as To}from"/_ket/view/index.js";import{Fragment as Po,jsx as Co,jsxs as Mo}from"/_ket/view/jsx-runtime.js";var oa=["combobox","combobox-input-row","combobox-toggle","combobox-listbox","combobox-option","combobox-empty","tag-picker"];import{jsx as Io,jsxs as Oo}from"/_ket/view/jsx-runtime.js";var la=["date-range"];import{jsx as yt,jsxs as Li}from"/_ket/view/jsx-runtime.js";var sa=["file-upload","drop-zone","upload-status"],Mi=(e,d,i)=>Li("div",{"data-ui":i?"drop-zone":"file-upload",children:[yt("input",{"data-ui":"field-control",id:e.id,type:"file",name:e.name,accept:e.accept,multiple:e.multiple===!0,required:e.required===!0,disabled:e.disabled===!0,"aria-invalid":d?"true":null,"aria-describedby":_e(e.id,e.help,d)}),e.status!==void 0&&yt("div",{"data-ui":"upload-status",children:e.status})]}),Pi=(e,d)=>{let i=e.error??Ce(e.issues,e.name);return yt(Ge,{...e,kind:d?"drop-zone":"file-upload",error:i,control:Mi(e,i,d)})};var xt=e=>Pi(e,!0);import{jsx as Jo}from"/_ket/view/jsx-runtime.js";var da=["relation-picker"];import{each as Xo}from"/_ket/view/index.js";import{jsx as Uo,jsxs as Wo}from"/_ket/view/jsx-runtime.js";var ca=["search-bar","filter-bar","applied-filters","applied-filter","saved-views","saved-view","view-settings","view-settings-options"];import{jsx as Qo,jsxs as el}from"/_ket/view/jsx-runtime.js";var ua=["inline-edit","inline-edit-value","inline-edit-form","inline-edit-actions"];import{each as gl}from"/_ket/view/index.js";import{each as rl}from"/_ket/view/index.js";import{Fragment as cl,jsx as sl,jsxs as dl}from"/_ket/view/jsx-runtime.js";var ma=["list-chrome","list-chrome-row","list-search","list-search-label","list-search-input","list-search-submit","list-filter-menus","list-facets","list-facet","list-facet-count","list-view-switch","list-view","list-sort","list-sort-label","list-sort-select","list-status","list-actions","bulk-actions","bulk-summary","bulk-count","bulk-action-list","pager-bar","pager-summary","pager-pages","pager-page","pager-actions","pager-link"];import{jsx as hl,jsxs as vl}from"/_ket/view/jsx-runtime.js";var ga=["resource-list","resource-list-item","resource-list-select","resource-list-link"];import{each as Sl}from"/_ket/view/index.js";import{jsx as Tl,jsxs as wl}from"/_ket/view/jsx-runtime.js";var fa=["data-grid-scroll","data-grid","data-grid-cap","data-grid-cell"];import{each as Ml}from"/_ket/view/index.js";import{jsx as Ll,jsxs as El}from"/_ket/view/jsx-runtime.js";var ba=["tree","tree-item","tree-link","tree-grid","tree-grid-row"];import{each as Il}from"/_ket/view/index.js";import{jsx as Dl,jsxs as Al}from"/_ket/view/jsx-runtime.js";var pa=["data-matrix","data-matrix-head","data-matrix-heading","data-matrix-eyebrow","data-matrix-title","data-matrix-description","data-matrix-summary","data-matrix-scroll","data-matrix-table","data-matrix-column","data-matrix-row-head","data-matrix-row-leading","data-matrix-row-title","data-matrix-row-description","data-matrix-row-status","data-matrix-row-actions","data-matrix-cell"];import{each as Bl}from"/_ket/view/index.js";import{jsx as Jl,jsxs as Vl}from"/_ket/view/jsx-runtime.js";var ha=["bar-chart","bar-chart-rows","bar-chart-row","bar-chart-label","bar-chart-caption","bar-chart-track","bar-chart-fill","bar-chart-segment","bar-chart-value","bar-chart-scale","bar-chart-legend","bar-chart-legend-item","bar-chart-legend-swatch","bar-chart-empty"];import{each as zl}from"/_ket/view/index.js";import{jsx as _l,jsxs as Ul}from"/_ket/view/jsx-runtime.js";var va=["timeframe","timeframe-menu","timeframe-trigger","timeframe-label","timeframe-value","timeframe-content","timeframe-option","timeframe-option-label","timeframe-option-detail","timeframe-range","timeframe-asof","timeframe-note"];import{each as jl}from"/_ket/view/index.js";import{jsx as es,jsxs as ts}from"/_ket/view/jsx-runtime.js";var ya=["description-list","key-value","key-value-label","key-value-value","person","person-body","avatar-group","status"];import{each as ns}from"/_ket/view/index.js";import{jsx as ds,jsxs as cs}from"/_ket/view/jsx-runtime.js";var Sa=["record-summary","record-summary-main","record-actions","record-rail"];import{each as gs}from"/_ket/view/index.js";import{jsx as hs,jsxs as vs}from"/_ket/view/jsx-runtime.js";var ka=["activity-timeline","activity-item","activity-marker","audit-log","audit-item"];import{each as Ss}from"/_ket/view/index.js";import{jsx as ws,jsxs as Rs}from"/_ket/view/jsx-runtime.js";var Ta=["attachments","attachment","media-gallery","media-item"];import{each as Ps}from"/_ket/view/index.js";import{Fragment as Hs,jsx as Es,jsxs as Fs}from"/_ket/view/jsx-runtime.js";var wa=["app-navigation","navigation-trigger","navigation-toggle","navigation-trigger-icon","navigation-trigger-identity","navigation-trigger-label","navigation-layer","navigation-backdrop","navigation-drawer","navigation-header","navigation-identity","navigation-context","navigation-close","navigation-groups","navigation-group","navigation-group-label","navigation-items","navigation-supplementary","navigation-item","navigation-branch","navigation-branch-trigger","navigation-children","navigation-item-leading","navigation-item-copy","navigation-item-label","navigation-item-description","navigation-item-count","navigation-footer"];import{each as $s}from"/_ket/view/index.js";import{Fragment as qs,jsx as Js,jsxs as Vs}from"/_ket/view/jsx-runtime.js";var Ra=["table-scroll","table","table-caption","select-col","select-all","col","sort-link","sort-icon","row","group-row","group-cell","group-link","group-indent","group-count","group-pager","group-pager-actions","cell","select-cell","row-select","row-link"];import{Fragment as Ys,jsx as js,jsxs as Qs}from"/_ket/view/jsx-runtime.js";var Ca=["list-page","list-page-context","list-page-header","list-page-heading","list-page-title-row","list-page-eyebrow","list-page-title","list-page-description","list-page-actions","list-page-tools","list-page-toolbar","list-page-controls","list-page-status","list-page-body","list-page-footer"];import{jsx as id,jsxs as nd}from"/_ket/view/jsx-runtime.js";var Ma=["record-page","record-page-context","record-page-header","record-page-title-row","record-page-heading","record-page-title","record-page-subline","record-page-status","record-page-description","record-page-actions","record-page-meta","record-page-controller","record-page-navigation","record-page-layout","record-page-body","record-page-aside"];var Pa=["form-page","form-page-context","form-page-header","form-page-title-row","form-page-heading","form-page-title","form-page-subline","form-page-status","form-page-description","form-page-actions","form-page-meta","form-page-controller","form-page-navigation","form-page-layout","form-page-body","form-page-aside"];import{jsx as gd,jsxs as fd}from"/_ket/view/jsx-runtime.js";var La=["dashboard-page","dashboard-page-context","dashboard-page-header","dashboard-page-heading","dashboard-page-eyebrow","dashboard-page-title-row","dashboard-page-title","dashboard-page-subline","dashboard-page-status","dashboard-page-description","dashboard-page-actions","dashboard-page-meta","dashboard-page-body"];var Ea=["board-page","board-page-context","board-page-header","board-page-heading","board-page-eyebrow","board-page-title-row","board-page-title","board-page-subline","board-page-status","board-page-description","board-page-actions","board-page-meta","board-page-toolbar","board-page-controls","board-page-body"];import{each as Td}from"/_ket/view/index.js";import{jsx as Rd,jsxs as Cd}from"/_ket/view/jsx-runtime.js";var Fa=["pipeline","pipeline-step","pipeline-arrow","pipeline-step-label","pipeline-step-value","pipeline-step-node"];import{each as Fd}from"/_ket/view/index.js";import{jsx as Dd,jsxs as Ad}from"/_ket/view/jsx-runtime.js";var Ha=["record-form","form-errors","form-grid","form-actions"];import{each as Xd}from"/_ket/view/index.js";import{jsx as Ud,jsxs as Wd}from"/_ket/view/jsx-runtime.js";var Ia=["reorder-list","reorder-list-value","reorder-list-rows","reorder-list-row","reorder-list-content","reorder-list-controls"];var Oa={actions:Pt,feedback:Ht,fields:$t,status:Ft,navigation:Bt,progress:Nt,menu:Jt,reorderList:Ia,popover:Vt,tooltip:qt,dialog:Xt,toast:zt,spinner:Gt,skeleton:_t,lightbox:Yt,relationSelect:Ut,searchFilter:ea,ketTable:ia,scalarFields:ra,combobox:oa,dateTime:la,upload:sa,relationPicker:da,listControls:ca,inlineEdit:ua,resourceList:ga,dataGrid:fa,tree:ba,matrix:pa,barChart:ha,timeframe:va,recordDisplay:ya,formattedValues:ta,recordComposition:Sa,activity:ka,media:Ta,layouts:At,shell:Dt,appNavigation:wa,table:Ra,listChrome:ma,listPage:Ca,formPage:Pa,recordPage:Ma,dashboardPage:La,boardPage:Ea,modal:It,pipeline:Fa,form:Ha},$i=[...new Set(Object.values(Oa).flat())].sort(),Ki=Object.freeze(Object.fromEntries(Object.entries(Oa).map(([e,d])=>[e,[...d]])));import{trustedMarkup as Ni}from"/_ket/view/index.js";var Da={package:'<path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" /> <path d="M12 22V12" /> <polyline points="3.29 7 12 12 20.71 7" /> <path d="m7.5 4.27 9 5.15" />',warehouse:'<path d="M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11" /> <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z" /> <path d="M6 13h12" /> <path d="M6 17h12" />',"shopping-cart":'<circle cx="8" cy="21" r="1" /> <circle cx="19" cy="21" r="1" /> <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />',globe:'<circle cx="12" cy="12" r="10" /> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /> <path d="M2 12h20" />',users:'<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> <path d="M16 3.128a4 4 0 0 1 0 7.744" /> <path d="M22 21v-2a4 4 0 0 0-3-3.87" /> <circle cx="9" cy="7" r="4" />',"layout-grid":'<rect width="7" height="7" x="3" y="3" rx="1" /> <rect width="7" height="7" x="14" y="3" rx="1" /> <rect width="7" height="7" x="14" y="14" rx="1" /> <rect width="7" height="7" x="3" y="14" rx="1" />',settings:'<path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" /> <circle cx="12" cy="12" r="3" />',"file-text":'<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" /> <path d="M14 2v4a2 2 0 0 0 2 2h4" /> <path d="M10 9H8" /> <path d="M16 13H8" /> <path d="M16 17H8" />',"message-circle":'<path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" />',"check-circle":'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /> <path d="m22 4-10 10.01-3-3" />',send:'<path d="m22 2-7 20-4-9-9-4Z" /> <path d="M22 2 11 13" />',download:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="m7 10 5 5 5-5" /> <path d="M12 15V3" />',headphones:'<path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" />',calendar:'<path d="M8 2v4" /> <path d="M16 2v4" /> <rect width="18" height="18" x="3" y="4" rx="2" /> <path d="M3 10h18" />',"contact-round":'<path d="M16 2v2" /> <path d="M17.915 22a6 6 0 0 0-12 0" /> <path d="M8 2v2" /> <circle cx="12" cy="12" r="4" /> <rect x="3" y="4" width="18" height="18" rx="2" />',handshake:'<path d="m11 17 2 2a1 1 0 1 0 3-3" /> <path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4" /> <path d="m21 3 1 11h-2" /> <path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" /> <path d="M3 4h8" />',"layout-dashboard":'<rect width="7" height="9" x="3" y="3" rx="1" /> <rect width="7" height="5" x="14" y="3" rx="1" /> <rect width="7" height="9" x="14" y="12" rx="1" /> <rect width="7" height="5" x="3" y="16" rx="1" />',store:'<path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5" /> <path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244" /> <path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05" />',"receipt-text":'<path d="M13 16H8" /> <path d="M14 8H8" /> <path d="M16 12H8" /> <path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z" />',truck:'<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" /> <path d="M15 18H9" /> <path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14" /> <circle cx="17" cy="18" r="2" /> <circle cx="7" cy="18" r="2" />',"shopping-bag":'<path d="M16 10a4 4 0 0 1-8 0" /> <path d="M3.103 6.034h17.794" /> <path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z" />',factory:'<path d="M12 16h.01" /> <path d="M16 16h.01" /> <path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z" /> <path d="M8 16h.01" />',fingerprint:'<path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" /> <path d="M14 13.12c0 2.38 0 6.38-1 8.88" /> <path d="M17.29 21.02c.12-.6.43-2.3.5-3.02" /> <path d="M2 12a10 10 0 0 1 18-6" /> <path d="M2 16h.01" /> <path d="M21.8 16c.2-2 .131-5.354 0-6" /> <path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" /> <path d="M8.65 22c.21-.66.45-1.32.57-2" /> <path d="M9 6.8a6 6 0 0 1 9 5.2v2" />',wallet:'<path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" /> <path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" />',banknote:'<rect width="20" height="12" x="2" y="6" rx="2" /> <circle cx="12" cy="12" r="2" /> <path d="M6 12h.01" /> <path d="M18 12h.01" />',hotel:'<path d="M10 22v-6.57" /> <path d="M12 11h.01" /> <path d="M12 7h.01" /> <path d="M14 15.43V22" /> <path d="M15 16a5 5 0 0 0-6 0" /> <path d="M16 11h.01" /> <path d="M16 7h.01" /> <path d="M8 11h.01" /> <path d="M8 7h.01" /> <rect x="4" y="2" width="16" height="20" rx="2" />',tag:'<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" /> <circle cx="7.5" cy="7.5" r=".5" fill="currentColor" />',search:'<path d="m21 21-4.34-4.34" /> <circle cx="11" cy="11" r="8" />',"chevron-down":'<path d="m6 9 6 6 6-6" />',"chevron-right":'<path d="m9 18 6-6-6-6" />',"chevron-left":'<path d="m15 18-6-6 6-6" />',plus:'<path d="M5 12h14" /> <path d="M12 5v14" />',"more-horizontal":'<circle cx="5" cy="12" r="1" fill="currentColor" /> <circle cx="12" cy="12" r="1" fill="currentColor" /> <circle cx="19" cy="12" r="1" fill="currentColor" />',x:'<path d="M18 6 6 18" /> <path d="m6 6 12 12" />',list:'<path d="M3 5h.01" /> <path d="M3 12h.01" /> <path d="M3 19h.01" /> <path d="M8 5h13" /> <path d="M8 12h13" /> <path d="M8 19h13" />',"sliders-horizontal":'<path d="M10 5H3" /> <path d="M12 19H3" /> <path d="M14 3v4" /> <path d="M16 17v4" /> <path d="M21 12h-9" /> <path d="M21 19h-5" /> <path d="M21 5h-7" /> <path d="M8 10v4" /> <path d="M8 12H3" />',"grip-vertical":'<circle cx="9" cy="5" r="1" fill="currentColor" /> <circle cx="9" cy="12" r="1" fill="currentColor" /> <circle cx="9" cy="19" r="1" fill="currentColor" /> <circle cx="15" cy="5" r="1" fill="currentColor" /> <circle cx="15" cy="12" r="1" fill="currentColor" /> <circle cx="15" cy="19" r="1" fill="currentColor" />',pencil:'<path d="M12 20h9" /> <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" />',"trash-2":'<path d="M3 6h18" /> <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" /> <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /> <path d="M10 11v6" /> <path d="M14 11v6" />',"refresh-cw":'<path d="M21 12a9 9 0 0 0-15.38-6.36L3 8" /> <path d="M3 3v5h5" /> <path d="M3 12a9 9 0 0 0 15.38 6.36L21 16" /> <path d="M16 16h5v5" />',"arrow-up":'<path d="m18 15-6-6-6 6" />',"arrow-down":'<path d="m6 9 6 6 6-6" />',check:'<path d="M20 6 9 17l-5-5" />',"alert-triangle":'<path d="m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" /> <path d="M12 9v4" /> <path d="M12 17h.01" />',info:'<circle cx="12" cy="12" r="10" /> <path d="M12 16v-4" /> <path d="M12 8h.01" />',bell:'<path d="M10.268 21a2 2 0 0 0 3.464 0" /> <path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" />',mail:'<path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" /> <rect x="2" y="4" width="20" height="16" rx="2" />',moon:'<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />',sun:'<circle cx="12" cy="12" r="4" /> <path d="M12 2v2" /> <path d="M12 20v2" /> <path d="m4.93 4.93 1.42 1.42" /> <path d="m17.66 17.66 1.41 1.41" /> <path d="M2 12h2" /> <path d="M20 12h2" /> <path d="m6.34 17.66-1.41 1.41" /> <path d="m19.07 4.93-1.41 1.41" />',"log-out":'<path d="m16 17 5-5-5-5" /> <path d="M21 12H9" /> <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />',"building-2":'<path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18" /> <path d="M6 12H4a2 2 0 0 0-2 2v8h20v-8a2 2 0 0 0-2-2h-2" /> <path d="M10 6h4" /> <path d="M10 10h4" /> <path d="M10 14h4" /> <path d="M10 18h4" />'},Ji='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-ui="icon" aria-hidden="true">';var je=e=>Ni(e&&Da[e]?Ji+Da[e]+"</svg>":"");import{signal as of}from"/_ket/view/index.js";import{jsx as Bg}from"/_ket/view/jsx-runtime.js";import{jsx as Ye,jsxs as Vi}from"/_ket/view/jsx-runtime.js";var St=e=>Vi("form",{"data-ui":"record-form",method:"post",action:"","data-record-kind":e.kind,id:e.id,"data-record-dirty":e.dirty===!0?"true":null,children:[e.command?Ye("input",{type:"hidden",name:Aa,value:e.command,autocomplete:"off"}):"",Object.entries(e.hidden??{}).map(([d,i])=>Ye("input",{type:"hidden",name:d,value:i,autocomplete:"off"})),Ye("div",{"data-ui":"form-grid",children:e.fields.map(d=>W(d))}),e.body,e.actions?.length?Ye("div",{"data-ui":"form-actions",children:we({actions:e.actions})}):""]});import{Fragment as mf,jsx as ff,jsxs as gf}from"/_ket/view/jsx-runtime.js";var $a=e=>{let d=e??{};return(Array.isArray(d.errors)?d.errors:Array.isArray(d.issues)?d.issues:[]).map(m=>{let l=m??{},c=Array.isArray(l.path)?l.path.join("."):null;return{field:typeof l.field=="string"?l.field:c,code:String(l.code??"invalid"),message:typeof l.message=="string"?l.message:null,params:l.params&&typeof l.params=="object"?l.params:{}}})},qi=async(e,d,i={})=>{let m=new URL(e,"https://record.invalid");if(m.origin!=="https://record.invalid"||!e.startsWith("/")||e.startsWith("//"))throw new Error("Record commands require a same-origin route");let l=await fetch(m.pathname+m.search,{method:"POST",credentials:"same-origin",headers:{"content-type":"application/json",...i.idempotencyKey?{"idempotency-key":i.idempotencyKey}:{}},body:JSON.stringify(d),signal:i.signal}),c=await l.json().catch(()=>({}));if(!l.ok||c.ok===!1)return{ok:!1,issues:$a(c.error??c),message:l.status>=500?null:c.error?.message??c.message??null,status:l.status};let R=c.value;return R&&typeof R=="object"&&R.ok===!1?{ok:!1,issues:$a(R),message:null,status:l.status}:{ok:!0,value:c.value}},ye=(e,d,i={})=>qi(`/_ket/fn/${encodeURIComponent(e)}`,d,i);var df=Object.freeze({"recordModal.close":"Close","recordModal.loading":"Loading\u2026","recordModal.loadFailed":"The record could not be read.","recordModal.notFound":"The record is gone or you cannot see it.","recordModal.retry":"Retry","recordModal.errorTitle":"Not saved","recordModal.saveFailed":"That did not work. Try again.","recordModal.savedTitle":"Saved","recordModal.saved":"The change is in.","recordModal.unsaved":"Discard what you typed?","recordModal.uploadFailed":"The file could not be uploaded. Try again."});var Aa="__command";var cf=["a[href]","button:not(:disabled)",'input:not(:disabled):not([type="hidden"])',"select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"])'].join(", ");import{signal as Me}from"/_ket/view/index.js";import{Fragment as Xi,jsx as ue,jsxs as zi}from"/_ket/view/jsx-runtime.js";var Ka=e=>{let d=Me(!1),i=Me(!1),m=Me(""),l=Me(""),c=Me({}),R=Me(!1),v="",g=!1,h=new Map,f=`${e.id}-create-attribute`,A=C=>queueMicrotask(()=>{if(g)return;let S=document.getElementById(C);(S?.querySelector("button")??S)?.focus()}),B=()=>{d.set(!1),m.set(""),l.set(""),c.set({}),R.set(!1),h.clear(),e.returnFocus?queueMicrotask(e.returnFocus):A(`${f}-toggle`)},I=async C=>{if(C.preventDefault(),C.stopPropagation(),!e.enabled||e.disabled()||i())return;let S=l().split(/\r?\n/u).map(T=>T.trim()).filter(Boolean),K={};if(m().trim()||(K.name=e.t("attributeNameRequired")),S.length||(K.values=e.t("attributeValuesRequired")),new Set(S.map(T=>T.normalize("NFC").toLowerCase())).size!==S.length&&(K.values=e.t("attributeValuesDuplicate")),c.set(K),R.set(!1),Object.keys(K).length){A(`${f}-${K.name?"name":"values"}`);return}let E={id:v,name:m().trim(),displayType:"select",createVariant:"always",values:S.map(T=>(h.has(T)||h.set(T,crypto.randomUUID()),{id:h.get(T),name:T}))};i.set(!0);try{let T=await ye("product.saveAttributeDraft",E);if(g)return;if(!T.ok){let F={};for(let y of T.issues)y.field==="name"?F.name=e.t(y.code==="product.error.attribute.duplicateName"?"attributeNameDuplicate":"attributeNameRequired"):y.field?.startsWith("values")&&(F.values=e.t("attributeValuesInvalid"));c.set(F),R.set(!Object.keys(F).length),A(`${f}-${F.name?"name":F.values?"values":"submit"}`);return}e.added({attributeId:E.id,name:E.name,createVariant:E.createVariant,values:E.values.map(F=>({valueId:F.id,name:F.name}))}),document.dispatchEvent(new CustomEvent("ket:records-changed",{detail:{kind:"product.attribute",ids:[E.id]}})),B()}catch{if(g)return;R.set(!0),A(`${f}-submit`)}finally{i.set(!1)}};return{open:d,busy:i,start:(C="")=>{!e.enabled||e.disabled()||i()||(v=crypto.randomUUID(),m.set(C),d.set(!0),A(`${f}-name`))},attach:(C,S)=>{S.addEventListener("abort",()=>{g=!0}),C.addEventListener("click",K=>{let E=K.target instanceof Element?K.target.closest("button"):null;!e.enabled||!E||E.disabled||i()||e.disabled()||(E.name==="createAttribute"?(v=crypto.randomUUID(),d.set(!0),A(`${f}-name`)):E.name==="cancelAttribute"&&B())},{signal:S})},view:()=>!e.enabled||e.launcher===!1&&!d()?null:ue("div",{onInput:C=>{let S=C.target;(S instanceof HTMLInputElement||S instanceof HTMLTextAreaElement)&&(S.name==="attributeName"&&m.set(S.value),S.name==="attributeValues"&&l.set(S.value))},onSubmit:I,children:d()?ue(he,{title:e.t("createAttribute"),description:e.t("createAttributeHint"),body:zi(Xi,{children:[R()?ue(te,{tone:"danger",title:e.t("attributeCreateFailed"),message:e.t("attributeRetryHint")}):null,ue(St,{id:f,kind:e.kind,dirty:!!m()||!!l(),fields:[{id:`${f}-name`,name:"attributeName",label:e.t("attributeName"),value:m(),required:!0,disabled:i(),error:c().name,placeholder:e.t("attributeNameExample"),span:"full"},{id:`${f}-values`,name:"attributeValues",label:e.t("attributeValues"),type:"textarea",value:l(),required:!0,disabled:i(),error:c().values,help:e.t("attributeValuesHint"),placeholder:e.t("attributeValuesExample"),span:"full"}],actions:[ue("span",{id:`${f}-submit`,tabIndex:-1,children:ue($,{type:"submit",label:e.t("createAndAddAttribute"),variant:"primary",loading:i()})}),ue($,{name:"cancelAttribute",label:e.t("cancelAttribute"),variant:"tertiary",disabled:i()})]})]})}):ue("span",{id:`${f}-toggle`,tabIndex:-1,children:ue($,{name:"createAttribute",label:e.t("createAttribute"),disabled:e.disabled()})})})}};import{jsx as U,jsxs as q}from"/_ket/view/jsx-runtime.js";var Y="variantAction",et=e=>JSON.parse(JSON.stringify(e)),Gi=(e,d,i={})=>(e[d]??d).replace(/\{(\w+)\}/g,(m,l)=>String(i[l]??`{${l}}`)),tt=(e,d)=>`/files/${encodeURIComponent(e)}?size=${d}`,_i="image/avif,image/gif,image/jpeg,image/png,image/webp",De=e=>Number.isFinite(e)?e.toLocaleString("vi-VN"):"\u2014",xe=e=>{let d=Number(e);return Number.isFinite(d)?d:0},ge=e=>/^-?\d+(\.\d+)?$/.test(e.trim()),Ui=e=>{if(!ge(e))return e.trim()||"?";let d=xe(e);return`${d>0?"+":""}${De(d)}`},Wi=3,Zi=0,Na=e=>e.map(d=>({...d,valueIds:{...d.valueIds},key:d.id,open:!1}));function ji(e){let d=e.labels,i=(t,a)=>Gi(d,t,a),m=e.editable,l=et(e.setup),c=j(l.listPrice),R=j(l.catalogue),v=j(et(l.lines)),g=j(Na(l.variants)),h=j([]),f=j(!1),A=j(null),B=j({}),I=j(null),C=j(!1),S=j(null),K=j(null),E=mt(e.lightboxLabels,e.id),T=null,F=!1,y=()=>{C.set(!0),I.set(null)},p=t=>{v.set(t),y()},M=t=>{g.set(t),y()},ae=(t,a)=>M(g().map(n=>n.key===t?{...n,...a}:n)),z=t=>g().find(a=>a.key===t),w=(t,a)=>{setTimeout(()=>{if(F||!T)return;(T.querySelector(t)??(a?T.querySelector(a):null))?.focus()},0)},oe=`[id="${e.id}-attribute-picker"] button`,Q=t=>`button[name="${Y}"][value="${t}"]`,G=()=>v().filter(t=>t.createVariant!=="no_variant"&&t.values.length>0),me=t=>{let a=[];for(let n of G()){let r=t.valueIds[n.attributeId];if(!r||!n.values.some(s=>s.valueId===r))return null;a.push(r)}return a.join(",")},Se=()=>{let t=new Map,a=new Map;return g().forEach((n,r)=>{if(!n.active)return;let s=me(n);if(s==null)return;let u=t.get(s);u===void 0?t.set(s,r):(a.set(n.key,u+1),a.set(g()[u].key,r+1))}),a},ke=()=>new Set(g().filter(t=>t.active&&me(t)==null).map(t=>t.key)),le=t=>G().flatMap(a=>{let n=a.values.find(r=>r.valueId===t.valueIds[a.attributeId]);return n?[{line:a,value:n}]:[]}),Ae=t=>le(t).reduce((a,{value:n})=>a+xe(n.priceExtra),xe(c())),Te=()=>{let t=G();if(!t.length)return[];let a=t.reduce((r,s)=>r.flatMap(u=>s.values.map(V=>({...u,[s.attributeId]:V.valueId}))),[{}]),n=new Set(g().filter(r=>r.active).map(me).filter(r=>r!=null));return a.filter(r=>!n.has(t.map(s=>r[s.attributeId]).join(",")))},$e=t=>G().length?G().map(a=>a.values.find(n=>n.valueId===t[a.attributeId])?.name??i("choose",{name:a.name})).join(" / "):i("defaultVariant"),at=(t,a)=>g().filter(n=>n.active&&n.valueIds[t]===a).length,Ke=()=>v().some(t=>t.values.some(a=>!ge(a.priceExtra))),Pe=t=>!ge(t.weight)||!ge(t.volume),Be=()=>g().some(Pe),Le=()=>!m||f()||fe.open()||!C()||Se().size>0||ke().size>0||Ke()||Be(),Ee=t=>{let a=R().find(n=>n.attributeId===t.attributeId)?.values??[];return[...a,...t.values.filter(n=>!a.some(r=>r.valueId===n.valueId))]},Fe=t=>`input[name="values|${t}[]"]`,fe=Ka({id:e.id,kind:e.kind,enabled:m&&e.createAttribute===!0,launcher:!1,returnFocus:()=>T?.querySelector(oe)?.focus(),disabled:f,t:i,added:t=>{R.set([...R(),t]),l.catalogue=[...l.catalogue,t],p([...v(),{attributeId:t.attributeId,name:t.name,createVariant:t.createVariant,displayType:"select",values:t.values.map(a=>({...a,priceExtra:"0"}))}]),w(Fe(t.attributeId))}}),o=t=>{let a=R().find(n=>n.attributeId===t);a&&(p([...v(),{attributeId:t,name:a.name,createVariant:a.createVariant,displayType:"select",values:[]}]),w(Fe(t),oe))},b=ut({id:`${e.id}-attribute-picker`,config:{name:"addAttributeId",ariaLabel:i("addAttribute"),options:[],labels:{...e.relationLabels,choose:i("addAttribute"),create:i("createAttribute")}}},{options:()=>R().filter(t=>!v().some(a=>a.attributeId===t.attributeId)).map(t=>({value:t.attributeId,label:t.name,description:t.values.map(a=>a.name).join(" \xB7 ")})),disabled:()=>!m||f()||fe.open(),resetAfterSelect:!0,onSelect:t=>o(t.value),...m&&e.createAttribute?{onCreate:t=>fe.start(t)}:{}}),L=t=>{p(v().filter(a=>a.attributeId!==t)),M(g().map(a=>{let n={...a.valueIds};return delete n[t],{...a,valueIds:n}})),h.set(h().filter(a=>a!==t)),w(oe)},O=(t,a)=>{let n=v().find(k=>k.attributeId===t);if(!n)return;let r=Ee(n),s=a.filter(k=>!n.values.some(X=>X.valueId===k));if(!s.length)return;let u=l.lines.find(k=>k.attributeId===t),V=s.flatMap(k=>{let X=r.find(rt=>rt.valueId===k);if(!X)return[];let nt=u?.values.find(rt=>rt.valueId===k)?.priceExtra??"0";return[{valueId:k,name:X.name,priceExtra:nt}]}),_=k=>r.findIndex(X=>X.valueId===k);p(v().map(k=>k.attributeId===t?{...k,values:[...k.values,...V].sort((X,nt)=>_(X.valueId)-_(nt.valueId))}:k))},H=(t,a)=>p(v().map(n=>n.attributeId===t?{...n,values:n.values.filter(r=>r.valueId!==a)}:n)),ee=(t,a,n)=>p(v().map(r=>r.attributeId===t?{...r,values:r.values.map(s=>s.valueId===a?{...s,priceExtra:n}:s)}:r)),kt=(t,a)=>({id:"",key:`new-${++Zi}`,valueIds:t,defaultCode:null,barcode:null,weight:"0",volume:"0",active:!0,images:[],open:a}),Ja=()=>{let t=kt({},!0);M([...g(),t]),w(`[name^="combo|${t.key}|"], [name="field|${t.key}|defaultCode"]`)},Va=()=>{let t=Te().map(a=>kt(a,!1));t.length&&(M([...g(),...t]),w(Q(`toggleRow|${t[0].key}`)))},qa=t=>{g.set(g().map(a=>a.key===t?{...a,open:!a.open}:a))},Xa=t=>{let a=z(t);if(!a)return;if(a.id){ae(t,{active:!a.active});return}let n=g().indexOf(a),r=g()[n+1]??g()[n-1];M(g().filter(s=>s.key!==t)),w(Q(r?`toggleRow|${r.key}`:"addRow"),Q("generate"))},Tt=t=>{M(g().filter(a=>a.id||t).map(a=>({...a,active:t}))),w(Q(t?"archiveAll":"activateAll"),Q("addRow"))},wt=(t,a)=>{g.set(g().map(n=>n.key===t.key?{...n,images:a}:n)),l={...l,variants:l.variants.map(n=>n.id===t.id?{...n,images:a}:n)}},Rt=async(t,a)=>{let n=t.images.length>0;if(!(!t.id||!e.media.upload||n&&!e.media.remove)&&!(S()||!a.type.startsWith("image/"))){S.set(t.key),A.set(null);try{let r=new FormData;r.append("resModel","product.Product"),r.append("resId",t.id),r.append("resField","media"),r.append("public","false"),r.append("file",a,a.name);let s=await fetch("/files",{method:"POST",credentials:"same-origin",body:r}),u=await s.json().catch(()=>null);if(!s.ok||typeof u?.id!="string")throw new Error(i("imageFailed"));let V=await ye("product_media.attachMedia",{id:u.id,attachmentId:u.id,productId:t.id,alt:a.name,primary:!0});if(!V.ok)throw new Error(V.message??V.issues[0]?.message??i("imageFailed"));let _=t.images.find(k=>k.primary);_&&await ye("product_media.removeMedia",{id:_.mediaId}),wt(t,[{mediaId:u.id,attachmentId:u.id,alt:a.name,primary:!0},...t.images.filter(k=>k!==_)]),document.dispatchEvent(new CustomEvent("ket:records-changed",{detail:{kind:e.kind,ids:[l.templateId]}}))}catch(r){A.set(r instanceof Error?r.message:i("imageFailed"))}finally{S.set(null)}}},za=async t=>{let a=t.images[0];if(!a||!e.media.remove||S()||!globalThis.confirm(i("imageRemoveConfirm")))return;S.set(t.key),A.set(null);let n=await ye("product_media.removeMedia",{id:a.mediaId}).catch(()=>null);if(S.set(null),!n?.ok){A.set(n&&!n.ok?n.message??i("saveFailed"):i("saveFailed"));return}let r=t.images.slice(1);wt(t,r.map((s,u)=>({...s,primary:u===0})))},Ga=(t,a)=>E.open(t.images.map(n=>({src:tt(n.attachmentId,"large"),thumbnail:tt(n.attachmentId,"thumb"),alt:n.alt||i("image"),caption:n.alt})),0,a),Ct=()=>{c.set(l.listPrice),R.set(l.catalogue),v.set(et(l.lines)),g.set(Na(l.variants)),B.set({}),A.set(null),C.set(!1)},_a=async()=>{if(Le())return;f.set(!0),A.set(null),B.set({});let t=g(),a=await ye(e.saveFunction,{templateId:l.templateId,lines:v().map(r=>({attributeId:r.attributeId,values:r.values.map(s=>({valueId:s.valueId,priceExtra:s.priceExtra.trim()}))})),variants:t.map(r=>({id:r.id||null,valueIds:r.valueIds,defaultCode:r.defaultCode,barcode:r.barcode,weight:r.weight,volume:r.volume,active:r.active}))}).catch(()=>null);if(f.set(!1),!a){A.set(i("saveFailed"));return}if(!a.ok){let r={};for(let s of a.issues){let u=/^variants\.(\d+)(?:\.(\w+))?/.exec(s.field??""),V=u?t[Number(u[1])]:void 0;V&&(r[V.key]=s.message??s.code)}B.set(r),A.set(a.message??a.issues[0]?.message??i("saveFailed")),Object.keys(r).length&&g.set(g().map(s=>r[s.key]?{...s,open:!0}:s));return}let n=a.value.setup;n&&(l=et(n)),Ct(),I.set(i("saved",{created:a.value.created??0,archived:a.value.archived??0})),document.dispatchEvent(new CustomEvent("ket:records-changed",{detail:{kind:e.kind,ids:[l.templateId]}}))},Ua=t=>{let a=t.target instanceof Element?t.target.closest("button"):null;if(!a||a.name!==Y||a.disabled||!Wa(a.value))return;let[n,r=""]=a.value.split("|");if(n==="toggleRow")qa(r);else if(n==="selectAll"){let s=v().find(u=>u.attributeId===r);s&&O(r,Ee(s).map(u=>u.valueId)),w(Fe(r))}else if(n==="removeLine")L(r);else if(n==="removeRow")Xa(r);else if(n==="generate")Va();else if(n==="addRow")Ja();else if(n==="activateAll")Tt(!0);else if(n==="archiveAll")Tt(!1);else if(n==="removeImage"){let s=z(r);s&&za(s)}else n==="reset"&&(Ct(),w(oe))},Wa=t=>t.startsWith("toggleRow|")||m&&!f(),Za=t=>{let a=t.target;if(!(!m||f())){if(a instanceof HTMLInputElement&&a.type==="checkbox"){let n=/^values\|(.+)\[\]$/.exec(a.name);if(!n)return;a.checked?O(n[1],[a.value]):H(n[1],a.value)}else if(a instanceof HTMLSelectElement){let[n,r,s]=a.name.split("|"),u=n==="combo"&&r?z(r):void 0;u&&s&&ae(u.key,{valueIds:{...u.valueIds,[s]:a.value}})}else if(a instanceof HTMLInputElement&&a.type==="file"){let[n,r]=a.name.split("|"),s=n==="image"&&r?z(r):void 0,u=a.files?.[0];a.value="",s&&u&&Rt(s,u)}}},ja=t=>{let a=t.target;if(!m||f()||!(a instanceof HTMLInputElement))return;let[n,r,s]=a.name.split("|");if(!(!r||!s)){if(n==="extra")ee(r,s,a.value);else if(n==="field"&&["defaultCode","barcode","weight","volume"].includes(s)){let u=s==="weight"||s==="volume";ae(r,{[s]:u?a.value:a.value||null})}}},Ya=t=>{let[a,n,r]=t.split("|");if(!n||!r)return;if(a==="extra")return v().find(u=>u.attributeId===n)?.values.find(u=>u.valueId===r)?.priceExtra;let s=z(n);if(s){if(a==="combo")return s.valueIds[r]??"";if(a==="field")return String(s[r]??"")}},Qa=()=>{if(T){for(let t of T.querySelectorAll('input[type="checkbox"][name^="values|"]')){let a=t.name.slice(7,-2),n=v().find(r=>r.attributeId===a)?.values.some(r=>r.valueId===t.value)??!1;t.checked!==n&&(t.checked=n)}for(let t of T.querySelectorAll('input[name^="extra|"], input[name^="field|"], select[name^="combo|"]')){if(t===document.activeElement&&t instanceof HTMLInputElement)continue;let a=Ya(t.name);a!==void 0&&t.value!==a&&(t.value=a)}}},ei=t=>{let a=t.values.filter(r=>!ge(r.priceExtra)||xe(r.priceExtra)!==0),n=t.values.some(r=>!ge(r.priceExtra));return U("div",{"data-ui":"variant-editor-extras","data-attribute":t.attributeId,children:He({summary:a.length?i("priceExtrasSet",{list:a.map(r=>`${r.name} ${Ui(r.priceExtra)}`).join(", ")}):i("priceExtrasNone"),open:n||h().includes(t.attributeId),body:U("div",{"data-ui":"variant-editor-extra-fields",children:Qe(t.values,r=>r.valueId,r=>pt({id:`${e.id}-extra-${t.attributeId}-${r.valueId}`,name:`extra|${t.attributeId}|${r.valueId}`,label:r.name,value:r.priceExtra,step:"any",disabled:!m||f(),help:i("appliesTo",{count:at(t.attributeId,r.valueId)}),error:ge(r.priceExtra)?null:i("invalidNumber")}))})})})},ti=t=>{let a=Ee(t),n=m?a:t.values,r=new Set(t.values.map(u=>u.valueId)),s=t.createVariant==="no_variant";return q("li",{"data-ui":"variant-editor-line","data-empty":String(!t.values.length),children:[q("div",{"data-ui":"variant-editor-line-main",children:[ht({id:`${e.id}-values-${t.attributeId}`,name:`values|${t.attributeId}`,label:t.name,span:"full",disabled:!m||f(),options:n.map(u=>({value:u.valueId,label:u.name,checked:r.has(u.valueId)})),help:s?i("noVariantHint"):t.values.length?i("valuesSelected",{count:t.values.length,total:a.length}):i("valuesNone")}),q("div",{"data-ui":"variant-editor-line-actions",children:[s?ie({label:i("noVariant"),tone:"neutral"}):null,m&&r.size<a.length?$({name:Y,value:`selectAll|${t.attributeId}`,label:i("selectAll"),variant:"tertiary",size:"compact",disabled:f()}):null,m?ot({name:Y,value:`removeLine|${t.attributeId}`,label:i("removeAttributeNamed",{name:t.name}),icon:je("x"),size:"compact",disabled:f()}):null]})]}),t.values.length?ei(t):null]})},ai=()=>he({eyebrow:i("stepAttributes"),title:i("attributesTitle"),description:i("attributesHint"),actions:m?U("div",{"data-ui":"variant-editor-picker",id:`${e.id}-attribute-picker`,children:b.view()}):void 0,body:q("div",{"data-ui":"variant-editor-body",children:[v().length?U("ul",{"data-ui":"variant-editor-lines",children:Qe(v(),t=>t.attributeId,t=>ti(t))}):de({title:i("attributesEmpty"),message:m?i("attributesEmptyHint"):""}),fe.view()]})}),Mt=(t,a)=>{let n=t.images[0];return n?gt({item:{src:tt(n.attachmentId,"large"),thumbnail:tt(n.attachmentId,"thumb"),alt:n.alt||i("image")},labels:e.lightboxLabels,size:a,onOpen:r=>Ga(t,r)}):U("span",{"data-ui":"lightbox-empty","data-size":a,children:a==="small"?"":i("image")})},ii=(t,a)=>{let n=m&&e.media.upload&&(!t.images.length||e.media.remove),r=S()===t.key;return q("div",{role:"group","aria-label":i("image"),"data-ui":"variant-editor-image","data-drag":String(K()===t.key),"data-busy":String(r),onDragOver:s=>{!n||!t.id||(s.preventDefault(),K.set(t.key))},onDragLeave:s=>{let u=s.relatedTarget;u instanceof Node&&s.currentTarget.contains(u)||K.set(null)},onDrop:s=>{if(!n||!t.id)return;s.preventDefault(),K.set(null);let u=s.dataTransfer?.files?.[0];u&&Rt(t,u)},children:[Mt(t,"large"),q("div",{"data-ui":"variant-editor-image-actions",children:[n&&t.id?xt({id:`${a}-image`,name:`image|${t.key}`,label:t.images.length?i("replaceImage"):i("uploadImage"),accept:_i,disabled:r||f(),status:i("dropImage"),span:"full"}):null,n&&!t.id?U("small",{"data-ui":"variant-editor-hint",children:i("imageSaveFirst")}):null,m&&e.media.remove&&t.images.length?$({name:Y,value:`removeImage|${t.key}`,label:i("removeImage"),variant:"tertiary",size:"compact",disabled:r||f()}):null]})]})},Ne=(t,a,n)=>{let r=String(t[n]??""),s={id:`${a}-${n}`,name:`field|${t.key}|${n}`,label:i(n),value:r,disabled:!m||f()};return n==="weight"||n==="volume"?W({...s,type:"decimal",step:"any",error:ge(r)?null:i("invalidNumber")}):bt(s)},ni=(t,a,n)=>t.active?a.has(t.key)?ie({label:i("duplicate",{row:a.get(t.key)}),tone:"danger"}):Pe(t)?ie({label:i("rowInvalid"),tone:"danger"}):n.has(t.key)?ie({label:i("incomplete"),tone:"warning"}):t.id?null:ie({label:i("new"),tone:"info"}):ie({label:i("archived"),tone:"neutral"}),ri=(t,a,n,r)=>{let s=`${e.id}-row-${t.key}`,u=`${s}-title`,V=le(t).filter(({value:k})=>xe(k.priceExtra)!==0),_=B()[t.key];return q("article",{"data-ui":"variant-editor-row",role:"listitem","data-active":String(t.active),"data-open":String(t.open),"data-invalid":String(n.has(t.key)||!!_||Pe(t)),children:[q("div",{"data-ui":"variant-editor-row-head",children:[U("span",{"data-ui":"variant-editor-row-number",children:`#${a+1}`}),Mt(t,"small"),q("div",{"data-ui":"variant-editor-row-title",children:[U("strong",{id:u,"data-incomplete":String(r.has(t.key)),children:$e(t.valueIds)}),t.defaultCode?U("small",{children:t.defaultCode}):null]}),q("div",{"data-ui":"variant-editor-row-meta",children:[ni(t,n,r),U("span",{"data-ui":"variant-editor-row-price",children:De(Ae(t))})]}),q("div",{"data-ui":"variant-editor-row-actions",children:[$({name:Y,value:`toggleRow|${t.key}`,label:t.open?i("collapse"):i(m?"edit":"details"),variant:"tertiary",size:"compact",expanded:t.open,controls:t.open?s:null,describedBy:u}),m?$({name:Y,value:`removeRow|${t.key}`,label:t.id?t.active?i("archive"):i("restore"):i("remove"),variant:"tertiary",size:"compact",disabled:f(),describedBy:u}):null]})]}),_?U("p",{"data-ui":"variant-editor-row-issue",children:_}):null,t.open?q("div",{"data-ui":"variant-editor-row-body",id:s,children:[ii(t,s),q("div",{"data-ui":"variant-editor-fields",children:[Qe(G(),k=>k.attributeId,k=>vt({id:`${s}-${k.attributeId}`,name:`combo|${t.key}|${k.attributeId}`,label:k.name,value:t.valueIds[k.attributeId]??"",disabled:!m||!t.active||f(),options:[{value:"",label:i("choose",{name:k.name})},...k.values.map(X=>({value:X.valueId,label:X.name}))]})),Ne(t,s,"defaultCode"),Ne(t,s,"barcode"),Ne(t,s,"weight"),Ne(t,s,"volume")]}),q("p",{"data-ui":"variant-editor-breakdown",children:[[`${i("listPrice")} ${De(xe(c()))}`,...V.map(({line:k,value:X})=>`${k.name} ${X.name} +${De(xe(X.priceExtra))}`)].join(" \xB7 "),` = ${De(Ae(t))}`]})]}):null]})},oi=t=>{let a=t.slice(0,Wi).map($e),n=t.length-a.length;return te({tone:"info",title:i("missing",{count:t.length}),message:n>0?`${a.join(", ")} ${i("missingMore",{count:n})}`:a.join(", "),actions:$({name:Y,value:"generate",label:i("generate",{count:t.length}),variant:"primary",size:"compact",leading:je("plus"),disabled:f()})})},li=()=>{let t=Se(),a=ke(),n=m?Te():[],r=g().filter(u=>u.active).length,s=m&&(G().length>0||g().length>0);return he({eyebrow:i("stepVariants"),title:i("variantsTitle"),description:g().length?i("variantsCount",{active:r,total:g().length}):null,actions:s?q("div",{"data-ui":"variant-editor-toolbar",children:[$({name:Y,value:"addRow",label:i("addVariant"),variant:"secondary",size:"compact",leading:je("plus"),disabled:f()}),g().some(u=>u.id&&!u.active)?$({name:Y,value:"activateAll",label:i("activateAll"),variant:"tertiary",size:"compact",disabled:f()}):null,r?$({name:Y,value:"archiveAll",label:i("archiveAll"),variant:"tertiary",size:"compact",disabled:f()}):null]}):void 0,body:q("div",{"data-ui":"variant-editor-body",children:[n.length?oi(n):null,g().length?U("div",{"data-ui":"variant-editor-rows",role:"list",children:Qe(g(),u=>u.key,u=>ri(u,g().indexOf(u),t,a))}):n.length?null:de({title:i("variantsEmpty"),message:G().length?i("variantsEmptyHint"):i("variantsNeedAttributes")})]})})},si=()=>{let t=Se().size,a=g().filter(u=>u.id&&!u.active&&l.variants.find(V=>V.id===u.id)?.active).length,n=g().filter(u=>!u.id&&u.active).length,r=[n?i("summaryCreate",{count:n}):"",a?i("summaryArchive",{count:a}):""].filter(Boolean),s=Ke()||Be();return q("footer",{"data-ui":"variant-editor-footer",children:[U("p",{"data-ui":"variant-editor-summary","data-tone":t||s?"danger":"neutral","aria-live":"polite",children:f()?i("saving"):t?i("summaryDuplicate"):s?i("summaryInvalid"):I()??(C()?r.join(" \xB7 ")||i("summaryChanged"):"")}),m?$({name:Y,value:"reset",label:i("reset"),variant:"secondary",size:"compact",disabled:!C()||f()}):null]})},it=Yi(e.id),di=()=>document.querySelector(`button[form="${it}"]`);return{view:()=>q("div",{"data-ui":"variant-editor",id:e.id,"aria-busy":f()?"true":null,onClick:Ua,onChange:Za,onInput:ja,children:[m?null:te({title:i("readOnly"),message:""}),A()?te({title:i("saveFailed"),message:A()??"",tone:"danger"}):null,ai(),li(),si(),U("form",{id:it,"data-record-dirty":C()?"true":null,hidden:!0}),E.layer()]}),mount:({root:t,lifetime:a})=>{T=t,a.addEventListener("abort",()=>{F=!0,T=null}),fe.attach(T,a);let n=T.querySelector(`[id="${e.id}-attribute-picker"]`);n&&b.mount?.({root:n,lifetime:a}),a.addEventListener("abort",()=>b.dispose?.()),E.attach(a),T.addEventListener("toggle",u=>{let V=u.target;if(!(V instanceof HTMLDetailsElement))return;let _=V.closest('[data-ui="variant-editor-extras"]')?.dataset.attribute;if(!_)return;let k=h().filter(X=>X!==_);h.set(V.open?[...k,_]:k)},{signal:a,capture:!0}),document.addEventListener("submit",u=>{!(u.target instanceof HTMLFormElement)||u.target.id!==it||(u.preventDefault(),u.stopImmediatePropagation(),Le()||_a())},{signal:a,capture:!0});let r=Ba(()=>{let u=di();u&&(u.disabled=Le(),f()?u.setAttribute("aria-busy","true"):u.removeAttribute("aria-busy"))}),s=Ba(()=>{v(),g(),queueMicrotask(Qa)});a.addEventListener("abort",()=>{r(),s()})}}}var Yi=e=>`${e}-save`,Pf=e=>ji(e);export{ji as createVariantEditorView,Pf as variantEditor,Yi as variantEditorSaveForm};