dev-process-kit 0.0.2-beta.1 → 0.0.3

package/dist/chunks/shared-ao1beBgL.js

@@ -1,544 +0,0 @@
-import{q as v,al as y,v as Y,aq as w,ab as l,as as D,ad as m,ae as g,ar as L,a7 as Me,ax as Ne,a8 as M,a9 as C,aa as P,P as Ye,f as Le,V as _,R as u,$ as F,a4 as Ce,k as Pe,_ as J,a0 as I,a1 as c,I as Ve,A as Be,K as Ue,i as qe,m as N,a2 as S,J as ze,B as Ge,au as je,T as X}from"./shared-5C6fORCL.js";import{s as Ke,D as He}from"./shared-BFAVBf4I.js";import{P as Z,r as Fe,p as Je,a as Xe}from"./shared-DKxAm7wL.js";import{o as V}from"./shared-DgusMFKr.js";const p={SET_ACTIVITY_NAME:v("SET_ACTIVITY_NAME","activity",y({name:m(l(),g(1))})),SET_STEP_NAME:v("SET_STEP_NAME","step",y({name:m(l(),g(1))})),REORDER_STEP:v("REORDER_STEP","step",y({after:w(l())}),{mode:"sequence"}),ADD_ACTIVITY:v("ADD_ACTIVITY","page",y({id:D,name:m(l(),g(1))}),{dedupeKey:Y}),ADD_STEP:v("ADD_STEP","activity",y({id:D,name:m(l(),g(1))}),{dedupeKey:Y}),DELETE_ACTIVITY:v("DELETE_ACTIVITY","activity",y({})),DELETE_STEP:v("DELETE_STEP","step",y({})),SET_STORY_NAME:v("SET_STORY_NAME","story",y({name:m(l(),g(1))})),SET_STORY_DESCRIPTION:v("SET_STORY_DESCRIPTION","story",y({description:l()})),SET_STORY_MILESTONE:v("SET_STORY_MILESTONE","story",y({milestoneId:w(l())})),MOVE_STORY:v("MOVE_STORY","story",y({activityId:m(l(),g(1)),stepId:m(l(),g(1)),milestoneId:w(l()),after:w(l())}),{mode:"sequence"}),REORDER_STORY:v("REORDER_STORY","story",y({after:w(l())}),{mode:"sequence"}),ADD_STORY:v("ADD_STORY","step",y({id:D,name:m(l(),g(1)),activityId:m(l(),g(1)),milestoneId:L(l())}),{dedupeKey:Y}),DELETE_STORY:v("DELETE_STORY","story",y({})),SET_MILESTONE_NAME:v("SET_MILESTONE_NAME","milestone",y({name:m(l(),g(1))})),ADD_MILESTONE:v("ADD_MILESTONE","page",y({id:D,name:m(l(),g(1))}),{dedupeKey:Y}),DELETE_MILESTONE:v("DELETE_MILESTONE","milestone",y({})),REORDER_MILESTONE:v("REORDER_MILESTONE","milestone",y({after:w(l())}),{mode:"sequence"})},Ze={setActivityName:(e,t)=>({type:"SET_ACTIVITY_NAME",target:{type:"activity",id:e},payload:{name:t}}),setStepName:(e,t)=>({type:"SET_STEP_NAME",target:{type:"step",id:e},payload:{name:t}})},Qe=M({id:m(l(),g(1)),name:m(l(),g(1))}),We=M({id:D,name:m(l(),g(1)),steps:C(P(Qe),[])}),et=M({id:m(l(),g(1)),name:m(l(),g(1))}),tt=M({id:D,name:m(l(),g(1)),description:L(l()),activityId:m(l(),g(1)),stepId:m(l(),g(1)),milestoneId:L(l())}),it=M({title:L(l()),activities:C(P(We),[]),milestones:C(P(et),[]),stories:C(P(tt),[])}),Q=e=>{const t=Me(it,e),i=new Map;for(const o of t.activities)for(const a of o.steps)i.set(a.id,o.id);const n=new Set(t.milestones.map(o=>o.id)),s=new Set,r=(o,a)=>{if(s.has(a))throw new Error(`duplicate id "${a}" in ${o}`);s.add(a)};for(const o of t.activities){r("activities",o.id);for(const a of o.steps)r("steps",a.id)}for(const o of t.milestones)r("milestones",o.id);for(const o of t.stories){r("stories",o.id);const a=i.get(o.stepId);if(a===void 0||a!==o.activityId)throw new Error(`story "${o.id}" references unknown activityId/stepId`);if(o.milestoneId!==void 0&&!n.has(o.milestoneId))throw new Error(`story "${o.id}" references unknown milestoneId "${o.milestoneId}"`)}return t},W=()=>({activities:[],milestones:[],stories:[]}),O=(e,t)=>{if(t!==void 0)return e.activities.find(i=>i.id===t)},z=(e,t)=>`${e}.${t}`,h=(e,t)=>{if(t===void 0)return;const i=Ne(t,2);if(i){const[n,s]=i;if(n===void 0||s===void 0)return;const r=e.activities.find(a=>a.id===n),o=r?.steps.find(a=>a.id===s);return r&&o?{activity:r,step:o}:void 0}if(!t.includes("."))for(const n of e.activities){const s=n.steps.find(r=>r.id===t);if(s)return{activity:n,step:s}}},k=(e,t)=>{if(t!==void 0)return e.milestones.find(i=>i.id===t)},b=(e,t)=>{if(t!==void 0)return e.stories.find(i=>i.id===t)},ee=e=>e.activities.flatMap(t=>t.steps.map(i=>({activity:t,step:i}))),nt=e=>({...e,stories:Ke(e.stories,[t=>`${t.activityId}/${t.stepId}/${t.milestoneId??""}`])}),B=(e,t,i)=>e.stories.filter(n=>n.stepId===t&&(n.milestoneId??void 0)===i),te=(e,t,i)=>e.stories.filter(n=>n.activityId===t&&(n.milestoneId??void 0)===i),x=e=>[...e.activities.map(t=>t.id),...e.activities.flatMap(t=>t.steps.map(i=>i.id)),...e.milestones.map(t=>t.id),...e.stories.map(t=>t.id)],st=(e,t)=>e.stories.filter(i=>i.stepId===t).length,ie=(e,t)=>{const i=Ye(p,t);if(i===null)return null;const n=i.target.id;switch(i.type){case"SET_ACTIVITY_NAME":{const{name:s}=i.payload;return e.activities.some(r=>r.id===n)?{...e,activities:e.activities.map(r=>r.id===n?{...r,name:s}:r)}:null}case"SET_STEP_NAME":{const{name:s}=i.payload,r=h(e,n);return r?{...e,activities:e.activities.map(o=>o.id===r.activity.id?{...o,steps:o.steps.map(a=>a.id===r.step.id?{...a,name:s}:a)}:o)}:null}case"REORDER_STEP":{const{after:s}=i.payload,r=h(e,n);if(!r)return null;const o=s===null?null:h(e,s);if(s!==null&&(!o||o.activity.id!==r.activity.id))return null;const a=se(r.activity.steps,r.step.id,o?.step.id??null);return a===null?null:{...e,activities:e.activities.map(d=>d.id===r.activity.id?{...d,steps:a}:d)}}case"ADD_ACTIVITY":{const s=i.payload;return e.activities.some(r=>r.id===s.id)?e:{...e,activities:[...e.activities,{id:s.id,name:s.name,steps:[]}]}}case"ADD_STEP":{const s=i.payload,r=e.activities.find(o=>o.id===n);return r?r.steps.some(o=>o.id===s.id)?e:{...e,activities:e.activities.map(o=>o.id===n?{...o,steps:[...o.steps,{id:s.id,name:s.name}]}:o)}:null}case"DELETE_ACTIVITY":{const s=e.activities.find(o=>o.id===n);if(!s)return null;const r=new Set(s.steps.map(o=>o.id));return{...e,activities:e.activities.filter(o=>o.id!==n),stories:e.stories.filter(o=>o.activityId!==n&&!r.has(o.stepId))}}case"DELETE_STEP":{const s=h(e,n);return s?{...e,activities:e.activities.map(r=>r.id===s.activity.id?{...r,steps:r.steps.filter(o=>o.id!==s.step.id)}:r),stories:e.stories.filter(r=>r.activityId!==s.activity.id||r.stepId!==s.step.id)}:null}case"SET_STORY_NAME":{const{name:s}=i.payload;return G(e,n,r=>({...r,name:s}))}case"SET_STORY_DESCRIPTION":{const{description:s}=i.payload;return G(e,n,r=>({...r,description:s}))}case"SET_STORY_MILESTONE":{const{milestoneId:s}=i.payload;return s!==null&&!k(e,s)?null:G(e,n,r=>s===null?j(r):{...r,milestoneId:s})}case"MOVE_STORY":{const s=i.payload,r=b(e,n);if(!r)return null;const o=h(e,s.stepId);if(!o||o.activity.id!==s.activityId||s.milestoneId!==null&&!k(e,s.milestoneId))return null;const a=s.milestoneId??void 0,d=a===void 0?{...j(r),activityId:o.activity.id,stepId:o.step.id}:{...r,activityId:o.activity.id,stepId:o.step.id,milestoneId:a};return ne(e,d,s.after)}case"REORDER_STORY":{const{after:s}=i.payload,r=b(e,n);return r?ne(e,r,s,!0):null}case"ADD_STORY":{const s=i.payload,r=h(e,t.target.id);if(!r||r.activity.id!==s.activityId||s.milestoneId!==void 0&&!k(e,s.milestoneId))return null;if(e.stories.some(a=>a.id===s.id))return e;const o={id:s.id,name:s.name,activityId:s.activityId,stepId:r.step.id,...s.milestoneId===void 0?{}:{milestoneId:s.milestoneId}};return{...e,stories:[...e.stories,o]}}case"DELETE_STORY":return e.stories.some(s=>s.id===n)?{...e,stories:e.stories.filter(s=>s.id!==n)}:null;case"SET_MILESTONE_NAME":{const{name:s}=i.payload;return e.milestones.some(r=>r.id===n)?{...e,milestones:e.milestones.map(r=>r.id===n?{...r,name:s}:r)}:null}case"ADD_MILESTONE":{const s=i.payload;return e.milestones.some(r=>r.id===s.id)?e:{...e,milestones:[...e.milestones,{id:s.id,name:s.name}]}}case"DELETE_MILESTONE":return e.milestones.some(s=>s.id===n)?{...e,milestones:e.milestones.filter(s=>s.id!==n),stories:e.stories.map(s=>s.milestoneId===n?j(s):s)}:null;case"REORDER_MILESTONE":{const{after:s}=i.payload,r=se(e.milestones,n,s);return r===null?null:{...e,milestones:r}}default:return Le(i)}},G=(e,t,i)=>e.stories.some(n=>n.id===t)?{...e,stories:e.stories.map(n=>n.id===t?i(n):n)}:null,j=e=>{const{milestoneId:t,...i}=e;return i},ne=(e,t,i,n=!1)=>{const s=t.milestoneId??void 0,r=e.stories.filter(f=>f.id!==t.id),o=r.filter(f=>f.stepId===t.stepId&&(f.milestoneId??void 0)===s);if(i!==null){const f=r.find(A=>A.id===i);if(!f||f.stepId!==t.stepId||(f.milestoneId??void 0)!==s)return null;if(n){const A=b(e,t.id);if(!A||f.stepId!==A.stepId||(f.milestoneId??void 0)!==(A.milestoneId??void 0))return null}}const a=i===null?[t,...o]:re(o,t,i),d=r.findIndex(f=>f.stepId===t.stepId&&(f.milestoneId??void 0)===s),$=new Set(o.map(f=>f.id)),E=r.filter(f=>!$.has(f.id)),T=d<0?E.length:Math.min(d,E.length),Ae=[...E.slice(0,T),...a,...E.slice(T)];return{...e,stories:Ae}},se=(e,t,i)=>{if(!e.some(r=>r.id===t)||i!==null&&!e.some(r=>r.id===i))return null;if(i===t)return[...e];const n=e.find(r=>r.id===t);if(n===void 0)return null;const s=e.filter(r=>r.id!==t);return re(s,n,i)},re=(e,t,i)=>{const n=[...e],s=i===null?-1:n.findIndex(r=>r.id===i);return n.splice(s+1,0,t),n},U=(e,t)=>{const i=typeof t=="string"?t:"",n=typeof e=="string"?e:void 0;return n===void 0?`\u2192 \u300C${i}\u300D`:`\u300C${n}\u300D\u2192\u300C${i}\u300D`},rt={SET_ACTIVITY_NAME:(e,t)=>({title:"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3\u540D\u3092\u5909\u66F4",tone:"update",body:U(O(t,e.target.id)?.name,u(p.SET_ACTIVITY_NAME,e).name??"")}),SET_STEP_NAME:(e,t)=>({title:"\u30B9\u30C6\u30C3\u30D7\u540D\u3092\u5909\u66F4",tone:"update",body:U(h(t,e.target.id)?.step.name,u(p.SET_STEP_NAME,e).name??"")}),REORDER_STEP:e=>({title:"\u30B9\u30C6\u30C3\u30D7\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:u(p.REORDER_STEP,e).after===null||u(p.REORDER_STEP,e).after===void 0?"\u2192 \u5148\u982D\u3078":`\u2192 \u300C${String(u(p.REORDER_STEP,e).after)}\u300D\u306E\u76F4\u5F8C\u3078`}),ADD_ACTIVITY:e=>({title:"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${u(p.ADD_ACTIVITY,e).name??""}\u300D`}),ADD_STEP:e=>({title:"\u30B9\u30C6\u30C3\u30D7\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${u(p.ADD_STEP,e).name??""}\u300D`}),DELETE_ACTIVITY:(e,t)=>({title:"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${O(t,e.target.id)?.name??e.target.id}\u300D`}),DELETE_STEP:(e,t)=>({title:"\u30B9\u30C6\u30C3\u30D7\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${h(t,e.target.id)?.step.name??e.target.id}\u300D`}),SET_STORY_NAME:(e,t)=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u540D\u3092\u5909\u66F4",tone:"update",body:U(b(t,e.target.id)?.name,u(p.SET_STORY_NAME,e).name??"")}),SET_STORY_DESCRIPTION:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u306E\u8AAC\u660E\u3092\u66F4\u65B0",tone:"update",body:`\u2192 \u300C${String(u(p.SET_STORY_DESCRIPTION,e).description??"").slice(0,90)}\u300D`}),SET_STORY_MILESTONE:(e,t)=>({title:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u3092\u5909\u66F4",tone:"move",body:u(p.SET_STORY_MILESTONE,e).milestoneId===null||u(p.SET_STORY_MILESTONE,e).milestoneId===void 0?"\u2192 \u672A\u5272\u5F53\u3078":`\u2192 ${k(t,String(u(p.SET_STORY_MILESTONE,e).milestoneId))?.name??String(u(p.SET_STORY_MILESTONE,e).milestoneId)}`}),MOVE_STORY:(e,t)=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u3092\u79FB\u52D5",tone:"move",body:`\u2192 ${h(t,String(u(p.MOVE_STORY,e).stepId))?.step.name??String(u(p.MOVE_STORY,e).stepId??"")}`}),REORDER_STORY:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:u(p.REORDER_STORY,e).after===null||u(p.REORDER_STORY,e).after===void 0?"\u2192 \u5148\u982D\u3078":`\u2192 \u300C${String(u(p.REORDER_STORY,e).after)}\u300D\u306E\u76F4\u5F8C\u3078`}),ADD_STORY:e=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${u(p.ADD_STORY,e).name??""}\u300D`}),DELETE_STORY:(e,t)=>({title:"\u30B9\u30C8\u30FC\u30EA\u30FC\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${b(t,e.target.id)?.name??e.target.id}\u300D`}),SET_MILESTONE_NAME:(e,t)=>({title:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u540D\u3092\u5909\u66F4",tone:"update",body:U(k(t,e.target.id)?.name,u(p.SET_MILESTONE_NAME,e).name??"")}),ADD_MILESTONE:e=>({title:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u3092\u8FFD\u52A0",tone:"create",body:`+ \u300C${u(p.ADD_MILESTONE,e).name??""}\u300D`}),DELETE_MILESTONE:(e,t)=>({title:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u3092\u524A\u9664",tone:"delete",body:`\u2212 \u300C${k(t,e.target.id)?.name??e.target.id}\u300D`}),REORDER_MILESTONE:e=>({title:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u306E\u9806\u5E8F\u3092\u5909\u66F4",tone:"move",body:u(p.REORDER_MILESTONE,e).after===null||u(p.REORDER_MILESTONE,e).after===void 0?"\u2192 \u5148\u982D\u3078":`\u2192 \u300C${String(u(p.REORDER_MILESTONE,e).after)}\u300D\u306E\u76F4\u5F8C\u3078`})},oe=(e,t,i)=>{let n;try{const s=rt[e.type];n=s?s(e,i??t):{title:e.type,tone:"meta"}}catch{n={title:e.type,tone:"meta"}}return{title:n.title,targetLabel:de(t,e.target),tone:n.tone,...n.body===void 0?{}:{summary:n.body}}},ae=e=>`${e.type} ${_(e.target)} ${JSON.stringify(e.payload)}`,de=(e,t)=>{try{switch(t.type){case"activity":{const i=O(e,t.id);return i?`\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3 \xB7 ${i.name}`:`\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3 \xB7 ${t.id} (missing)`}case"step":{const i=h(e,t.id)?.step;return i?`\u30B9\u30C6\u30C3\u30D7 \xB7 ${i.name}`:`\u30B9\u30C6\u30C3\u30D7 \xB7 ${t.id} (missing)`}case"story":{const i=b(e,t.id);return i?`\u30B9\u30C8\u30FC\u30EA\u30FC \xB7 ${i.name}`:`\u30B9\u30C8\u30FC\u30EA\u30FC \xB7 ${t.id} (missing)`}case"milestone":{const i=k(e,t.id);return i?`\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3 \xB7 ${i.name}`:`\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3 \xB7 ${t.id} (missing)`}case"page":return`\u30DE\u30C3\u30D7 \xB7 ${K(e)}`;default:return`${t.type} \xB7 ${t.id}`}}catch{return`${t.type} \xB7 ${t.id}`}},le=(e,t)=>{const i=[{value:"page:usm",label:"\u30DE\u30C3\u30D7\u5168\u4F53",group:"\u30DE\u30C3\u30D7"}];for(const n of e.activities){i.push({value:_({type:"activity",id:n.id}),label:n.name,group:"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3"});for(const s of n.steps)i.push({value:_({type:"step",id:z(n.id,s.id)}),label:`${n.name} \u203A ${s.name}`,group:"\u30B9\u30C6\u30C3\u30D7"})}for(const n of e.milestones)i.push({value:_({type:"milestone",id:n.id}),label:n.name,group:"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3"});for(const n of e.stories)i.push({value:_({type:"story",id:n.id}),label:n.name,group:"\u30B9\u30C8\u30FC\u30EA\u30FC"});return i},ot=(e,t)=>{const i=e.stories.find(n=>n.id===t.story);if(i)return{value:_({type:"story",id:i.id}),label:i.name,group:"\u30B9\u30C8\u30FC\u30EA\u30FC"};for(const n of e.activities){const s=n.steps.find(r=>r.id===t.step);if(s)return{value:_({type:"step",id:z(n.id,s.id)}),label:s.name,group:"\u30B9\u30C6\u30C3\u30D7"}}return null},K=e=>e.title??"User Story Mapping",ce=(e,t)=>{const i=h(e,t.step),n=i?.activity??O(e,t.activity)??e.activities[0],s=i?.step??n?.steps.find(a=>a.id===t.step)??n?.steps[0],r=b(e,t.story),o={...t};return n?o.activity=n.id:delete o.activity,s?o.step=s.id:delete o.step,r?o.story=r.id:delete o.story,o.view=t.view==="group"?"group":"activity",o},pe=(e,t)=>{switch(t.type){case"activity":return O(e,t.id)!==void 0;case"step":return h(e,t.id)!==void 0;case"story":return b(e,t.id)!==void 0;case"milestone":return k(e,t.id)!==void 0;case"page":return!0;default:return!1}},ue={name:"usm",label:"User Story Mapping",parseBase:Q,emptyBase:W,actions:p,apply:ie,canonicalState:nt,hasTarget:pe,canonicalTarget:(e,t)=>{if(t.type!=="step")return t;const i=h(e,t.id);return i?{...t,id:z(i.activity.id,i.step.id)}:t},describe:oe,serialize:ae,resolveNavigation:ce,commentTargets:(e,t)=>le(e),currentTarget:(e,t)=>ot(e,t),title:K},at={width:300,height:260},dt=F`
-  :host {
-    display: grid;
-    gap: 5px;
-    background: var(--dpk-paper-raised);
-    border: 1px solid var(--dpk-rule);
-    border-radius: var(--dpk-radius);
-    box-shadow: var(--dpk-shadow-xs);
-    padding: 10px 12px 8px;
-    cursor: pointer;
-    transition:
-      box-shadow 200ms ease,
-      transform 200ms ease,
-      border-color 200ms ease;
-  }
-
-  :host(:hover) {
-    border-color: var(--dpk-rule-strong);
-    box-shadow: var(--dpk-shadow-sm);
-    transform: translateY(-1px);
-  }
-
-  :host([focused]) {
-    border-color: var(--dpk-blue);
-    box-shadow:
-      var(--dpk-shadow),
-      0 0 0 2px rgba(51, 102, 204, 0.12);
-  }
-
-  :host([dragging]) {
-    opacity: 0.45;
-    transform: none;
-  }
-
-  .card-name {
-    font-size: 13px;
-    font-weight: 620;
-    letter-spacing: -0.01em;
-    line-height: 1.3;
-  }
-
-  .card-text {
-    font-size: 11.5px;
-    line-height: 1.5;
-    color: var(--dpk-ink-soft);
-    white-space: pre-wrap;
-  }
-
-  .card-tools {
-    display: flex;
-    gap: 2px;
-    align-items: center;
-    justify-content: flex-end;
-    margin-top: 2px;
-    padding-top: 5px;
-    border-top: 1px solid var(--dpk-rule);
-    opacity: 0;
-    transition: opacity 150ms ease;
-  }
-
-  :host(:hover) .card-tools,
-  :host([focused]) .card-tools,
-  :host([data-mode='editing']) .card-tools,
-  :host([data-mode='commenting']) .card-tools {
-    opacity: 1;
-  }
-`;class lt extends Ce{static{this.styles=[Pe,dt,J]}static{this.properties={story:{attribute:!1},notes:{attribute:!1},mode:{type:String,reflect:!0,attribute:"data-mode"},focused:{type:Boolean,reflect:!0},dragging:{type:Boolean,reflect:!0},onIntent:{attribute:!1}}}#e="";#n=new Z(this);constructor(){super(),this.story=null,this.notes=[],this.mode="view",this.focused=!1,this.dragging=!1,this.onIntent=null,this.addEventListener("click",()=>this.#t({kind:"select"}))}updated(t){if(t.has("mode")&&(this.mode!=="commenting"&&(this.#e=""),this.mode==="editing"&&this.renderRoot.querySelector("dpk-component-inline-edit")?.startEditing()),this.mode!=="commenting")return;const i=this.renderRoot.querySelector(".comment-pop"),n=this.renderRoot.querySelector('[data-role="comment"]');i&&n&&this.#n.open(i,n,at)}render(){const t=this.story;if(!t)return I;const i=this.mode==="editing",n=this.mode==="commenting";return c`
-      <div class="card-name">
-        ${i?c`<dpk-component-inline-edit
-                .value=${t.name}
-                .label=${"\u30B9\u30C8\u30FC\u30EA\u30FC\u540D"}
-                @dpk-commit=${V(s=>this.#t({kind:"rename",name:s}))}
-              ></dpk-component-inline-edit>`:c`<span>${t.name}</span>`}
-      </div>
-      ${t.description?c`<div class="card-text">${t.description}</div>`:I}
-      <div class="card-tools">
-        <button
-          class="dpk-icon-btn"
-          type="button"
-          data-role="edit"
-          aria-label="タイトルを編集"
-          data-active=${String(i)}
-          @click=${this.#i({kind:"toggle-edit"})}
-        >
-          ${Ve()}
-        </button>
-        <button
-          class="dpk-icon-btn"
-          type="button"
-          data-role="comment"
-          aria-label="コメント"
-          data-active=${String(n)}
-          @click=${this.#i({kind:"toggle-comment"})}
-        >
-          ${Be()}
-          ${this.notes.length>0?c`<span class="dpk-icon-badge">${this.notes.length}</span>`:I}
-        </button>
-        <button
-          class="dpk-icon-btn"
-          type="button"
-          data-role="delete"
-          aria-label="削除"
-          @click=${this.#i({kind:"delete"})}
-        >
-          ${Ue()}
-        </button>
-      </div>
-      ${n?this.#s():I}
-    `}#s(){return Fe(Je(this.#e,this.notes.map(qe)),t=>{t.kind==="input"?(this.#e=t.body,this.requestUpdate()):this.#t(t)})}#i(t){return i=>{i.stopPropagation(),this.#t(t)}}#t(t){this.onIntent?.(t)}}const ct=()=>{customElements.get("dpk-internal-usm-story-card")||customElements.define("dpk-internal-usm-story-card",lt)},q=(e,t,i)=>{const n=e.at(-1)??null;if(t===null||i==="end")return n;const s=e.indexOf(t);return s<0?n:i==="after"?t:s===0?null:e.at(s-1)??null},me=(e,t,i,n,s)=>{const r=B(e,t.stepId,t.milestoneId).filter(o=>o.id!==i).map(o=>o.id);return{type:"MOVE_STORY",target:{type:"story",id:i},payload:{activityId:t.activityId,stepId:t.stepId,milestoneId:t.milestoneId??null,after:q(r,n,s)}}},ge=(e,t,i,n,s,r)=>{const o=b(e,n);if(!o||o.activityId!==t)return null;const a=te(e,t,i).filter(d=>d.id!==n).map(d=>d.id);return{type:"MOVE_STORY",target:{type:"story",id:n},payload:{activityId:t,stepId:o.stepId,milestoneId:i??null,after:q(a,s,r)}}},ve=(e,t,i,n,s)=>{const r=B(e,n,s).filter(o=>o.id!==t);return{type:"MOVE_STORY",target:{type:"story",id:t},payload:{activityId:i,stepId:n,milestoneId:s??null,after:r.at(-1)?.id??null}}},ye=(e,t,i,n)=>{if(!e.includes(t))return null;const s=e.filter(r=>r!==t);return{type:"REORDER_MILESTONE",target:{type:"milestone",id:t},payload:{after:q(s,i,n)}}},fe=e=>{const t=N("new-activity",x(e.state));if(!e.dispatch({type:"ADD_ACTIVITY",target:{type:"page",id:"usm"},payload:{id:t,name:"\u65B0\u3057\u3044\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3"}}).ok)return;const n=N("new-step",[...x(e.state),t]);e.dispatch({type:"ADD_STEP",target:{type:"activity",id:t},payload:{id:n,name:"\u65B0\u3057\u3044\u30B9\u30C6\u30C3\u30D7"}}),e.navigate({activity:t,step:null,story:null})},pt=(e,t)=>{const i=N("new-step",x(e.state));e.dispatch({type:"ADD_STEP",target:{type:"activity",id:t},payload:{id:i,name:"\u65B0\u3057\u3044\u30B9\u30C6\u30C3\u30D7"}})},ut=e=>{const t=N("new-milestone",x(e.state));e.dispatch({type:"ADD_MILESTONE",target:{type:"page",id:"usm"},payload:{id:t,name:"\u65B0\u3057\u3044\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3"}})},Ee=(e,t,i,n)=>{const s=N("new-story",x(e.state));e.dispatch({type:"ADD_STORY",target:{type:"step",id:i},payload:{id:s,name:"\u65B0\u3057\u3044\u30B9\u30C8\u30FC\u30EA\u30FC",activityId:t,...n===void 0?{}:{milestoneId:n}}}).ok&&e.navigate({activity:t,step:i,story:s})},R={kind:"idle"},H=(e,t)=>e.kind!=="idle"&&e.storyId===t,he=(e,t)=>H(e,t)&&(e.kind==="editing"||e.kind==="commenting")?e.kind:"view",be=(e,t,i)=>{switch(i.kind){case"toggle-edit":return e.kind==="editing"&&e.storyId===t?R:{kind:"editing",storyId:t};case"toggle-comment":return e.kind==="commenting"&&e.storyId===t?R:{kind:"commenting",storyId:t};case"rename":case"comment":case"dismiss":case"delete":return H(e,t)?R:e;case"select":return e}},Te=e=>[...e.milestones.map(({id:t,name:i})=>({id:t,name:i})),{id:void 0,name:"\u672A\u5272\u5F53"}],mt=e=>c`
-    <div class="empty">
-      <h2>バックボーンがまだありません</h2>
-      <p>アクティビティとステップを追加すると、ここにストーリーマップが現れます。</p>
-      <button class="dpk-btn dpk-btn--accent" type="button" @click=${()=>fe(e)}>
-        ＋ 最初のアクティビティ
-      </button>
-    </div>
-  `,gt=e=>{const{context:t}=e,i=ee(t.state);if(i.length===0)return mt(t);const n=t.navigation.view==="group"?"group":"activity";return c`
-    <div class="view-tabs" role="tablist" aria-label="まとめる単位">
-      ${Se(t,"activity",n,"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3")}
-      ${Se(t,"group",n,"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3\u30B0\u30EB\u30FC\u30D7")}
-    </div>
-    ${n==="activity"?vt(e,i):yt(e)}
-  `},Se=(e,t,i,n)=>{const s=t===i;return c`<a
-    class="tab"
-    role="tab"
-    data-current=${String(s)}
-    aria-selected=${s?"true":"false"}
-    href=${e.hashFor({view:t})}
-    >${n}</a
-  >`},vt=(e,t)=>{const{context:i}=e,{state:n}=i,s=Te(n);return c`
-    <div class="map-scroll">
-      <div class="map" style=${`--cols:${t.length+1}`} data-testid="usm-map">
-        <div class="map-row">
-          <div class="corner">
-            <span class="dpk-label">アクティビティグループ →</span>
-          </div>
-          ${S(n.activities,r=>r.id,r=>Ie(i,r.id,`grid-column: span ${Math.max(r.steps.length,1)}`))}
-          ${$e(i)}
-        </div>
-        <div class="map-row">
-          ${ke()}
-          ${S(t,({activity:r,step:o})=>`${r.id}.${o.id}`,({step:r})=>c`
-              <div class="col-head" data-current=${String(i.navigation.step===r.id)}>
-                <h4>
-                  <dpk-component-inline-edit
-                    .value=${r.name}
-                    .label=${"\u30B9\u30C6\u30C3\u30D7\u540D"}
-                    @dpk-commit=${V(o=>i.dispatch({type:"SET_STEP_NAME",target:{type:"step",id:r.id},payload:{name:o}}))}
-                    @click=${o=>o.stopPropagation()}
-                  ></dpk-component-inline-edit>
-                </h4>
-              </div>
-            `)}
-          <div class="corner"><span class="dpk-label">—</span></div>
-        </div>
-        ${S(s,r=>r.id,r=>Oe(e,r,c`${S(t,({activity:o,step:a})=>`${o.id}.${a.id}`,({activity:o,step:a})=>ft(e,{activityId:o.id,stepId:a.id,milestoneId:r.id}))}`))}
-        ${_e(i,t.length)}
-      </div>
-    </div>
-  `},yt=e=>{const{context:t}=e,{state:i}=t,n=Te(i);return c`
-    <div class="map-scroll">
-      <div class="map" style=${`--cols:${i.activities.length+1}`} data-testid="usm-map-group">
-        <div class="map-row">
-          ${ke()}
-          ${S(i.activities,s=>s.id,s=>Ie(t,s.id))}
-          ${$e(t)}
-        </div>
-        ${S(n,s=>s.id,s=>Oe(e,s,c`${S(i.activities,r=>r.id,r=>Et(e,r.id,s.id))}`))}
-        ${_e(t,i.activities.length)}
-      </div>
-    </div>
-  `},ke=()=>c`<div class="corner">
-    <span class="dpk-label">アクティビティ →</span>
-    <span class="dpk-label">マイルストーン ↓</span>
-  </div>`,Ie=(e,t,i)=>{const n=e.state.activities.find(s=>s.id===t);return n?c`
-    <div class="act-head" style=${i??I}>
-      <dpk-component-inline-edit
-        .value=${n.name}
-        .label=${"\u30A2\u30AF\u30C6\u30A3\u30D3\u30C6\u30A3\u540D"}
-        @dpk-commit=${V(s=>e.dispatch({type:"SET_ACTIVITY_NAME",target:{type:"activity",id:n.id},payload:{name:s}}))}
-      ></dpk-component-inline-edit>
-      <button
-        class="dpk-icon-btn"
-        type="button"
-        aria-label="このアクティビティにステップを追加"
-        @click=${()=>pt(e,n.id)}
-      >
-        ${ze()}
-      </button>
-    </div>
-  `:c`<div class="act-head"></div>`},$e=e=>c`<div class="act-head">
-    <button class="dpk-btn dpk-btn--ghost" type="button" @click=${()=>fe(e)}>＋ アクティビティ</button>
-  </div>`,_e=(e,t)=>c`<div class="map-row">
-    <div class="row-head">
-      <button class="dpk-btn dpk-btn--ghost" type="button" @click=${()=>ut(e)}>
-        ＋ マイルストーン
-      </button>
-    </div>
-    ${Array.from({length:t+1},()=>c`<div class="cell"></div>`)}
-  </div>`,Oe=(e,t,i)=>{const{context:n,drag:s,handlers:r}=e,o=t.id;if(o===void 0)return c`<div class="map-row" data-draggable="false" data-row-dragging="false" data-row-drop="false">
-      <div class="row-head" data-milestone="" draggable="false"><span>${t.name}</span></div>
-      ${i}
-      <div class="cell"></div>
-    </div>`;const a=`row:${o}`,d=s.target({key:a,accepts:"milestone",hovered:bt,onDrop:E=>r.dropOnMilestoneRow(o,E)}),$=s.source({type:"milestone",id:o});return c`
-    <div
-      class="map-row"
-      data-draggable="true"
-      data-row-dragging=${String(s.isDragging("milestone",o))}
-      data-row-drop=${String(s.isOver(a))}
-      @dragenter=${d.dragenter}
-      @dragover=${d.dragover}
-      @dragleave=${d.dragleave}
-      @drop=${d.drop}
-    >
-      <div
-        class="row-head"
-        data-milestone=${o}
-        draggable="true"
-        @dragstart=${E=>{ht(E),$.dragstart(E)}}
-        @dragend=${$.dragend}
-      >
-        <span class="row-grip" aria-hidden="true">${Ge()}</span
-        ><dpk-component-inline-edit
-          draggable="false"
-          .value=${t.name}
-          .label=${"\u30DE\u30A4\u30EB\u30B9\u30C8\u30FC\u30F3\u540D"}
-          @dpk-commit=${V(E=>n.dispatch({type:"SET_MILESTONE_NAME",target:{type:"milestone",id:o},payload:{name:E}}))}
-        ></dpk-component-inline-edit>
-      </div>
-      ${i}
-      <div class="cell"></div>
-    </div>
-  `},ft=(e,t)=>{const{context:i,drag:n,handlers:s}=e,r=B(i.state,t.stepId,t.milestoneId),o=`cell:${t.stepId}:${t.milestoneId??""}`,a=n.target({key:o,accepts:"story",hovered:we,onDrop:d=>s.dropOnCell(t,d)});return c`
-    <div
-      class="cell"
-      data-step=${t.stepId}
-      data-milestone=${t.milestoneId??""}
-      data-drop=${String(n.isOver(o))}
-      @dragenter=${a.dragenter}
-      @dragover=${a.dragover}
-      @dragleave=${a.dragleave}
-      @drop=${a.drop}
-    >
-      <div class="card-list" data-testid=${`cell-${t.stepId}-${t.milestoneId??"unassigned"}`}>
-        ${S(r,d=>d.id,d=>Re(e,d))}
-      </div>
-      <button
-        class="dpk-btn dpk-btn--ghost add-cell"
-        type="button"
-        title="このマスにストーリーを追加"
-        @click=${()=>Ee(i,t.activityId,t.stepId,t.milestoneId)}
-      >
-        ＋ 追加
-      </button>
-    </div>
-  `},Et=(e,t,i)=>{const{context:n,drag:s,handlers:r}=e,{state:o}=n,a=te(o,t,i),d=o.activities.find(T=>T.id===t)?.steps[0],$=`group:${t}:${i??""}`,E=s.target({key:$,accepts:"story",hovered:we,onDrop:T=>r.dropOnGroupCell(t,i,T)});return c`
-    <div
-      class="cell"
-      data-activity=${t}
-      data-milestone=${i??""}
-      data-drop=${String(s.isOver($))}
-      @dragenter=${E.dragenter}
-      @dragover=${E.dragover}
-      @dragleave=${E.dragleave}
-      @drop=${E.drop}
-    >
-      <div class="card-list" data-testid=${`group-cell-${t}-${i??"unassigned"}`}>
-        ${S(a,T=>T.id,T=>Re(e,T))}
-      </div>
-      ${d?c`<button
-              class="dpk-btn dpk-btn--ghost add-cell"
-              type="button"
-              aria-label="このマスにストーリーを追加"
-              @click=${()=>Ee(n,t,d.id,i)}
-            >
-              ＋ 追加
-            </button>`:I}
-    </div>
-  `},Re=(e,t)=>{const{context:i,mode:n,drag:s,handlers:r}=e,o=i.comments.filter(d=>d.target.type==="story"&&d.target.id===t.id),a=s.source({type:"story",id:t.id});return c`<dpk-internal-usm-story-card
-    data-story=${t.id}
-    draggable="true"
-    .story=${t}
-    .notes=${o}
-    .mode=${he(n,t.id)}
-    .onIntent=${d=>r.cardIntent(t.id,d)}
-    ?focused=${i.navigation.story===t.id}
-    ?dragging=${s.isDragging("story",t.id)}
-    @dragstart=${a.dragstart}
-    @dragend=${a.dragend}
-  ></dpk-internal-usm-story-card>`},we=e=>{const t=e.target instanceof Element?e.target.closest("dpk-internal-usm-story-card"):null;return t?{id:t.getAttribute("data-story"),element:t}:null},ht=e=>{const i=(e.currentTarget instanceof Element?e.currentTarget:null)?.closest(".map-row");if(!i||!e.dataTransfer)return;const n=i.getBoundingClientRect();e.dataTransfer.setDragImage(i,e.clientX-n.left,e.clientY-n.top)},bt=e=>{const t=e.target instanceof Element?e.target.closest(".map-row"):null,i=t?.querySelector(".row-head[data-milestone]");if(!t||!i)return null;const n=i.getAttribute("data-milestone");return{id:n===""?null:n,element:t}},Tt=(e,t,i)=>{if(t.kind!=="picking-step")return I;const n=b(e.state,t.storyId),s=O(e.state,t.activityId);if(!n||!s)return I;const r=s.steps[0]?.id;return c`<div class="comment-pop move-dialog" id="move-dialog" popover="manual">
-    <span class="dpk-label">移動先のアクティビティ</span>
-    <select class="dpk-select" aria-label="移動先" data-move-dialog>
-      ${s.steps.map(o=>c`<option value=${o.id} ?selected=${o.id===r}>${o.name}</option>`)}
-    </select>
-    <div class="pop-actions">
-      <button
-        class="dpk-btn dpk-btn--accent"
-        type="button"
-        @click=${o=>{const d=(je(o.currentTarget,HTMLElement)?.closest("#move-dialog")??null)?.querySelector("select")?.value??r;d?i.confirm(d):i.cancel()}}
-      >
-        移動する
-      </button>
-      <button class="dpk-btn" type="button" @click=${i.cancel}>キャンセル</button>
-    </div>
-  </div>`},St=F`
-  :host {
-    --dpk-usm-accent: var(--dpk-blue);
-  }
-  .map-scroll {
-    /* A wide table must scroll inside itself and never widen the template shell. */
-    min-width: 0;
-    max-width: 100%;
-    overflow-x: auto;
-    padding-bottom: 12px;
-  }
-  .map {
-    display: grid;
-    gap: 0;
-    min-width: max-content;
-    border: 1px solid var(--dpk-rule);
-    border-radius: var(--dpk-radius-lg);
-    background: var(--dpk-paper-raised);
-    box-shadow: var(--dpk-shadow);
-    overflow: hidden;
-  }
-  .map-row {
-    display: grid;
-    grid-template-columns: 140px repeat(var(--cols), minmax(180px, 240px));
-  }
-  .map-row + .map-row {
-    border-top: 1px solid var(--dpk-rule-strong);
-  }
-  .corner,
-  .act-head,
-  .col-head,
-  .row-head,
-  .cell {
-    padding: 10px;
-  }
-  .corner {
-    background: linear-gradient(135deg, var(--dpk-paper-sunken), var(--dpk-paper-inset));
-    display: grid;
-    gap: 2px;
-    align-content: start;
-  }
-
-  /* Unit toggle above the table (group band vs one column per activity). */
-  .view-tabs {
-    display: inline-flex;
-    justify-self: start;
-    gap: 2px;
-    padding: 3px;
-    margin-bottom: 12px;
-    border: 1px solid var(--dpk-rule);
-    border-radius: 999px;
-    background: var(--dpk-paper-sunken);
-    box-shadow: inset 0 1px 2px rgba(20, 28, 44, 0.04);
-  }
-
-  .tab {
-    padding: 4px 14px;
-    border-radius: 999px;
-    font-size: 12px;
-    font-weight: 500;
-    text-decoration: none;
-    color: var(--dpk-ink-soft);
-    white-space: nowrap;
-    transition:
-      background 120ms ease,
-      color 120ms ease;
-  }
-
-  .tab:hover {
-    color: var(--dpk-ink);
-    background: var(--dpk-paper-raised);
-  }
-
-  .tab[data-current='true'] {
-    background: var(--dpk-paper-raised);
-    color: var(--dpk-ink);
-    font-weight: 600;
-    box-shadow: var(--dpk-shadow-xs);
-  }
-  .act-head {
-    border-left: 1px solid var(--dpk-rule);
-    background: linear-gradient(180deg, var(--dpk-paper-sunken), var(--dpk-paper-inset));
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 4px;
-    font-size: 13px;
-    font-weight: 600;
-  }
-  .col-head {
-    border-left: 1px solid var(--dpk-rule);
-    background: var(--dpk-paper-sunken);
-    transition: background 150ms ease;
-  }
-  .col-head[data-current='true'] {
-    background: linear-gradient(180deg, rgba(51, 102, 204, 0.06), rgba(51, 102, 204, 0.03));
-    box-shadow: inset 0 2px 0 var(--dpk-blue);
-  }
-  .col-head h4 {
-    font-size: 13px;
-    margin: 0;
-  }
-  .row-head {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    background: var(--dpk-paper-sunken);
-    font-size: 12px;
-    font-weight: 600;
-    transition: background 150ms ease;
-  }
-
-  .row-head[draggable='true'] {
-    cursor: grab;
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
-  .row-head[draggable='true'] dpk-component-inline-edit {
-    -webkit-user-drag: none;
-  }
-
-  .row-head[draggable='true']:active {
-    cursor: grabbing;
-  }
-
-  .row-grip {
-    flex: 0 0 auto;
-    display: inline-flex;
-    color: var(--dpk-ink-faint);
-  }
-
-  .row-grip svg {
-    display: block;
-    width: 15px;
-    height: 15px;
-  }
-
-  /* Row-level drag affordance: hover highlights the entire .map-row. */
-  .map-row[data-draggable='true']:hover > .row-head {
-    background: linear-gradient(90deg, var(--dpk-blue-soft), var(--dpk-paper-sunken));
-  }
-  .map-row[data-draggable='true']:hover > .cell {
-    background: linear-gradient(90deg, rgba(51, 102, 204, 0.03), var(--dpk-paper-raised));
-  }
-  .map-row[data-draggable='true']:hover .row-grip {
-    color: var(--dpk-blue);
-  }
-  .map-row[data-draggable='true'] {
-    cursor: grab;
-  }
-  .map-row[data-draggable='true']:active {
-    cursor: grabbing;
-  }
-
-  /*
-   * Dragging state: entire row fades. Never disable pointer events on the
-   * source here: Lit applies this state in the microtask right after
-   * \`dragstart\`, and Blink then re-hit-tests the pointer and aborts the drag
-   * when the source is no longer under it.
-   */
-  .map-row[data-row-dragging='true'] {
-    opacity: 0.45;
-  }
-
-  /* Drop target: entire row highlights. */
-  .map-row[data-row-drop='true'] {
-    outline: 2px dashed var(--dpk-blue);
-    outline-offset: -2px;
-  }
-  .map-row[data-row-drop='true'] > .row-head {
-    background: var(--dpk-blue-soft);
-  }
-  .map-row[data-row-drop='true'] > .cell {
-    background: linear-gradient(135deg, var(--dpk-blue-soft), rgba(51, 102, 204, 0.04));
-  }
-  .cell {
-    border-left: 1px solid var(--dpk-rule);
-    border-top: 1px solid var(--dpk-rule);
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    min-height: 100px;
-    background: var(--dpk-paper-raised);
-    transition: background 150ms ease;
-  }
-  .cell[data-drop='true'] {
-    background: linear-gradient(135deg, var(--dpk-blue-soft), rgba(51, 102, 204, 0.04));
-    outline: 2px dashed var(--dpk-blue);
-    outline-offset: -2px;
-  }
-  .card-list {
-    display: grid;
-    gap: 8px;
-    align-content: start;
-    flex: 1 1 auto;
-  }
-  .add-cell {
-    margin-top: auto;
-    opacity: 0;
-    transition: opacity 180ms ease;
-    border: 1px dashed var(--dpk-rule-strong);
-    border-radius: var(--dpk-radius-sm);
-    background: transparent;
-    color: var(--dpk-ink-faint);
-    padding: 4px 8px;
-    font-size: 11.5px;
-  }
-  .add-cell:hover {
-    background: var(--dpk-blue-soft);
-    border-color: var(--dpk-blue);
-    color: var(--dpk-blue);
-  }
-  .cell:hover .add-cell {
-    opacity: 1;
-  }
-  .empty {
-    border: 1px dashed var(--dpk-rule-strong);
-    border-radius: var(--dpk-radius-lg);
-    padding: 28px 24px;
-    background: var(--dpk-paper-raised);
-    max-width: 620px;
-    display: grid;
-    gap: 10px;
-  }
-  .count {
-    font-family: var(--dpk-mono);
-    font-variant-numeric: tabular-nums;
-    font-size: 10px;
-    color: var(--dpk-ink-faint);
-  }
-
-  /* Step picker shown after a cross-activity drop. */
-  .move-dialog {
-    min-width: 220px;
-  }
-`,kt={width:300,height:240};class De extends X{constructor(){super(),this.definition=ue,this.#e=new He(this),this.#n=new Z(this),this.mode=R}static{this.styles=[X.styles,St,J]}static{this.properties={mode:{state:!0}}}#e;#n;renderRegions(t){return{main:this.#s(t)}}updated(){if(super.updated(),this.mode.kind!=="picking-step")return;const t=this.renderRoot.querySelector("#move-dialog");t&&this.#n.open(t,Xe(this.mode.point.x,this.mode.point.y),kt)}#s(t){return c`
-      ${gt({context:t,mode:this.mode,drag:this.#e,handlers:{cardIntent:(i,n)=>this.#i(i,n),dropOnCell:(i,n)=>this.#t(i,n),dropOnGroupCell:(i,n,s)=>this.#r(i,n,s),dropOnMilestoneRow:(i,n)=>this.#o(i,n)}})}
-      ${Tt(t,this.mode,{confirm:i=>this.#a(i),cancel:()=>this.mode=R})}
-    `}#i(t,i){const n=this.context();switch(i.kind){case"select":{const s=b(n.state,t);s&&n.navigate({step:s.stepId,story:s.id});break}case"rename":n.dispatch({type:"SET_STORY_NAME",target:{type:"story",id:t},payload:{name:i.name}});break;case"comment":n.dispatch({type:"comment",target:`story:${t}`,payload:{body:i.body}});break;case"delete":n.dispatch({type:"DELETE_STORY",target:{type:"story",id:t},payload:{}});break}this.mode=be(this.mode,t,i)}#t(t,i){const n=this.context();n.dispatch(me(n.state,t,i.item.id,i.hoveredId,i.place))}#r(t,i,n){const s=this.context(),r=b(s.state,n.item.id);if(!r)return;if(r.activityId!==t){this.mode={kind:"picking-step",storyId:r.id,activityId:t,milestoneId:i,point:{x:n.event.clientX,y:n.event.clientY}};return}const o=ge(s.state,t,i,r.id,n.hoveredId,n.place);o&&s.dispatch(o)}#o(t,i){const n=this.context(),s=n.state.milestones.map(o=>o.id),r=ye(s,i.item.id,i.hoveredId,i.place);r&&n.dispatch(r)}#a(t){const i=this.mode;if(i.kind!=="picking-step")return;const n=this.context();n.dispatch(ve(n.state,i.storyId,i.activityId,t,i.milestoneId)),this.mode=R}}const xe=()=>{ct(),customElements.get("dpk-template-usm")||customElements.define("dpk-template-usm",De)},It=Object.freeze(Object.defineProperty({__proto__:null,DpkTemplateUsm:De,IDLE_MODE:R,allUsmIds:x,applyUsmAction:ie,cardModeOf:he,defineUsmElement:xe,describeUsmAction:oe,dropAfter:q,emptyUsmBase:W,findActivity:O,findMilestone:k,findStep:h,findStory:b,flatSteps:ee,modeConcerns:H,parseUsmBase:Q,reduceCardIntent:be,resolveCellDrop:me,resolveGroupDrop:ge,resolveMilestoneDrop:ye,resolvePickedStepMove:ve,resolveUsmNavigation:ce,serializeUsmAction:ae,storiesInCell:B,storyCountForStep:st,usmAction:Ze,usmActions:p,usmCommentTargets:le,usmDefinition:ue,usmHasTarget:pe,usmTargetLabel:de,usmTitle:K},Symbol.toStringTag,{value:"Module"}));export{xe as d,It as i};