@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/run-step-timeline/index.js

@@ -66,10 +66,21 @@ function classNames(...parts) {
 // src/components/badge/badge.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-var root_3 = $.from_svg(`<path></path>`);
-var root_2 = $.from_svg(`<svg class="cinder-icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
-var root_1 = $.from_html(`<!> <!>`, 1);
-var root = $.from_html(`<span><!></span>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "mono",
+  "subscriptionState",
+  "class",
+  "children"
+]);
+var root = $.from_svg(`<path></path>`);
+var root_1 = $.from_svg(`<svg class="cinder-icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
+var root_2 = $.from_html(`<!> <!>`, 1);
+var root_3 = $.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $.push($$props, true);
   const subscriptionStateConfigurations = {
@@ -106,21 +117,11 @@ function Badge($$anchor, $$props) {
       "M3 3v5h5"
     ]
   };
-  let variant = $.prop($$props, "variant", 3, "neutral"), size = $.prop($$props, "size", 3, "md"), mono = $.prop($$props, "mono", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "mono",
-    "subscriptionState",
-    "class",
-    "children"
-  ]);
+  let variant = $.prop($$props, "variant", 3, "neutral"), size = $.prop($$props, "size", 3, "md"), mono = $.prop($$props, "mono", 3, false), rest = $.rest_props($$props, rest_excludes);
   const subscriptionStateConfiguration = $.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateConfigurations[$$props.subscriptionState]);
   const resolvedVariant = $.derived(() => $.get(subscriptionStateConfiguration)?.variant ?? variant());
   const resolvedSubscriptionIconPaths = $.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateIconPaths[$$props.subscriptionState]);
-  var span = root();
+  var span = root_3();
   $.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-variant": $.get(resolvedVariant),
@@ -132,13 +133,13 @@ function Badge($$anchor, $$props) {
   var node = $.child(span);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_1();
+      var fragment = root_2();
       var node_1 = $.first_child(fragment);
       {
         var consequent = ($$anchor3) => {
-          var svg = root_2();
+          var svg = root_1();
           $.each(svg, 20, () => $.get(resolvedSubscriptionIconPaths), (iconPath) => iconPath, ($$anchor4, iconPath) => {
-            var path = root_3();
+            var path = root();
             $.template_effect(() => $.set_attribute(path, "d", iconPath));
             $.append($$anchor4, path);
           });
@@ -211,26 +212,27 @@ function useReducedMotion() {
 }
 
 // src/components/collapsible/collapsible.svelte
-var root_12 = $3.from_html(`<span> </span>`);
-var root_22 = $3.from_html(`<span><!></span>`);
-var root_32 = $3.from_html(`<div role="region" class="cinder-collapsible__panel"><div class="cinder-collapsible__panel-inner"><!></div></div>`);
-var root2 = $3.from_html(`<div><button type="button" class="cinder-collapsible__trigger"><span class="cinder-collapsible__label"><!></span> <svg class="cinder-collapsible__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button> <!></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "trigger",
+  "children",
+  "open",
+  "ontoggle",
+  "disabled",
+  "triggerAriaLabel",
+  "idBase",
+  "class"
+]);
+var root2 = $3.from_html(`<span> </span>`);
+var root_12 = $3.from_html(`<span><!></span>`);
+var root_22 = $3.from_html(`<div role="region" class="cinder-collapsible__panel"><div class="cinder-collapsible__panel-inner"><!></div></div>`);
+var root_32 = $3.from_html(`<div><button type="button" class="cinder-collapsible__trigger"><span class="cinder-collapsible__label"><!></span> <svg class="cinder-collapsible__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button> <!></div>`);
 function Collapsible($$anchor, $$props) {
   const autoId = $3.props_id();
   $3.push($$props, true);
-  let open = $3.prop($$props, "open", 15, false), disabled = $3.prop($$props, "disabled", 3, false), rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "trigger",
-    "children",
-    "open",
-    "ontoggle",
-    "disabled",
-    "triggerAriaLabel",
-    "idBase",
-    "class"
-  ]);
+  let open = $3.prop($$props, "open", 15, false), disabled = $3.prop($$props, "disabled", 3, false), rest = $3.rest_props($$props, rest_excludes2);
   const SLIDE_MS = 200;
   const motion = useReducedMotion();
   const slideMs = $3.derived(() => motion.current ? 0 : SLIDE_MS);
@@ -247,7 +249,7 @@ function Collapsible($$anchor, $$props) {
     open(next2);
     $$props.ontoggle?.(next2);
   }
-  var div = root2();
+  var div = root_32();
   $3.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -259,7 +261,7 @@ function Collapsible($$anchor, $$props) {
   var node = $3.child(span);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_12();
+      var span_1 = root2();
       var text2 = $3.child(span_1, true);
       $3.reset(span_1);
       $3.template_effect(() => {
@@ -269,7 +271,7 @@ function Collapsible($$anchor, $$props) {
       $3.append($$anchor2, span_1);
     };
     var alternate = ($$anchor2) => {
-      var span_2 = root_22();
+      var span_2 = root_12();
       var node_1 = $3.child(span_2);
       $3.snippet(node_1, () => $$props.trigger, () => ({ open: open(), disabled: disabled() }));
       $3.reset(span_2);
@@ -289,7 +291,7 @@ function Collapsible($$anchor, $$props) {
   var node_2 = $3.sibling(button, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var div_1 = root_32();
+      var div_1 = root_22();
       var div_2 = $3.child(div_1);
       var node_3 = $3.child(div_2);
       $3.snippet(node_3, () => $$props.children);
@@ -324,25 +326,26 @@ $3.delegate(["click"]);
 // src/components/link/link.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
-var root_13 = $4.from_html(`<span><!></span>`);
-var root_23 = $4.from_html(`<a><!></a>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "href",
+  "underline",
+  "color",
+  "external",
+  "disabled",
+  "target",
+  "rel",
+  "tabindex",
+  "class",
+  "children"
+]);
+var root3 = $4.from_html(`<span><!></span>`);
+var root_13 = $4.from_html(`<a><!></a>`);
 function Link($$anchor, $$props) {
   $4.push($$props, true);
-  let underline = $4.prop($$props, "underline", 3, "hover"), color = $4.prop($$props, "color", 3, "primary"), external = $4.prop($$props, "external", 3, false), disabled = $4.prop($$props, "disabled", 3, false), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "href",
-    "underline",
-    "color",
-    "external",
-    "disabled",
-    "target",
-    "rel",
-    "tabindex",
-    "class",
-    "children"
-  ]);
+  let underline = $4.prop($$props, "underline", 3, "hover"), color = $4.prop($$props, "color", 3, "primary"), external = $4.prop($$props, "external", 3, false), disabled = $4.prop($$props, "disabled", 3, false), rest = $4.rest_props($$props, rest_excludes3);
   const spanAttributes = $4.derived(() => rest);
   const resolvedTarget = $4.derived(() => disabled() ? undefined : external() && !$$props.target ? "_blank" : $$props.target);
   const resolvedRel = $4.derived(() => {
@@ -374,7 +377,7 @@ function Link($$anchor, $$props) {
   var node = $4.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var span = root_13();
+      var span = root3();
       $4.attribute_effect(span, () => ({
         ...$4.get(spanAttributes),
         class: $4.get(resolvedClass),
@@ -390,7 +393,7 @@ function Link($$anchor, $$props) {
       $4.append($$anchor2, span);
     };
     var alternate = ($$anchor2) => {
-      var a = root_23();
+      var a = root_13();
       $4.attribute_effect(a, () => ({
         ...rest,
         href: $$props.href,
@@ -432,12 +435,12 @@ function devWarn(message, ...args) {
 }
 
 // src/components/progress/progress.svelte
-var root_24 = $5.from_svg(`<circle class="cinder-progress__fill" cx="18" cy="18" r="16"></circle>`);
-var root_33 = $5.from_svg(`<circle class="cinder-progress__fill cinder-progress__fill--indeterminate" cx="18" cy="18" r="16"></circle>`);
-var root_14 = $5.from_html(`<div role="progressbar"><svg viewBox="0 0 36 36" class="cinder-progress__svg" aria-hidden="true"><circle class="cinder-progress__track" cx="18" cy="18" r="16"></circle><!></svg></div>`);
-var root_5 = $5.from_html(`<div class="cinder-progress__fill"></div>`);
-var root_6 = $5.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
-var root_4 = $5.from_html(`<div role="progressbar"><div class="cinder-progress__track"><!></div></div>`);
+var root4 = $5.from_svg(`<circle class="cinder-progress__fill" cx="18" cy="18" r="16"></circle>`);
+var root_14 = $5.from_svg(`<circle class="cinder-progress__fill cinder-progress__fill--indeterminate" cx="18" cy="18" r="16"></circle>`);
+var root_23 = $5.from_html(`<div role="progressbar"><svg viewBox="0 0 36 36" class="cinder-progress__svg" aria-hidden="true"><circle class="cinder-progress__track" cx="18" cy="18" r="16"></circle><!></svg></div>`);
+var root_33 = $5.from_html(`<div class="cinder-progress__fill"></div>`);
+var root_4 = $5.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
+var root_5 = $5.from_html(`<div role="progressbar"><div class="cinder-progress__track"><!></div></div>`);
 function Progress($$anchor, $$props) {
   $5.push($$props, true);
   let max = $5.prop($$props, "max", 3, 100), variant = $5.prop($$props, "variant", 3, "bar"), size = $5.prop($$props, "size", 3, "md");
@@ -457,19 +460,19 @@ function Progress($$anchor, $$props) {
   var node = $5.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_14();
+      var div = root_23();
       $5.set_attribute(div, "aria-valuemin", 0);
       var svg = $5.child(div);
       var node_1 = $5.sibling($5.child(svg));
       {
         var consequent = ($$anchor3) => {
-          var circle = root_24();
+          var circle = root4();
           let styles;
           $5.template_effect(() => styles = $5.set_style(circle, "", styles, { "--_cinder-progress-percent": $5.get(percent) }));
           $5.append($$anchor3, circle);
         };
         var alternate = ($$anchor3) => {
-          var circle_1 = root_33();
+          var circle_1 = root_14();
           $5.append($$anchor3, circle_1);
         };
         $5.if(node_1, ($$render) => {
@@ -496,19 +499,19 @@ function Progress($$anchor, $$props) {
       $5.append($$anchor2, div);
     };
     var alternate_2 = ($$anchor2) => {
-      var div_1 = root_4();
+      var div_1 = root_5();
       $5.set_attribute(div_1, "aria-valuemin", 0);
       var div_2 = $5.child(div_1);
       var node_2 = $5.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_3 = root_5();
+          var div_3 = root_33();
           let styles_1;
           $5.template_effect(() => styles_1 = $5.set_style(div_3, "", styles_1, { width: `${$5.get(percent) ?? ""}%` }));
           $5.append($$anchor3, div_3);
         };
         var alternate_1 = ($$anchor3) => {
-          var div_4 = root_6();
+          var div_4 = root_4();
           $5.append($$anchor3, div_4);
         };
         $5.if(node_2, ($$render) => {
@@ -548,9 +551,22 @@ function Progress($$anchor, $$props) {
 // src/components/status-dot/status-dot.svelte
 import"svelte/internal/disclose-version";
 import * as $6 from "svelte/internal/client";
-var root_15 = $6.from_html(`<span class="cinder-status-dot__label"> </span>`);
-var root_25 = $6.from_html(`<span class="cinder-sr-only"> </span>`);
-var root3 = $6.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "status",
+  "connectionState",
+  "label",
+  "live",
+  "showLabel",
+  "size",
+  "class",
+  "aria-label"
+]);
+var root5 = $6.from_html(`<span class="cinder-status-dot__label"> </span>`);
+var root_15 = $6.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_24 = $6.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
 function Status_dot($$anchor, $$props) {
   $6.push($$props, true);
   const connectionStatusMap = {
@@ -565,19 +581,7 @@ function Status_dot($$anchor, $$props) {
     disconnected: "Disconnected",
     error: "Error"
   };
-  let showLabel = $6.prop($$props, "showLabel", 3, true), size = $6.prop($$props, "size", 3, "md"), rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "status",
-    "connectionState",
-    "label",
-    "live",
-    "showLabel",
-    "size",
-    "class",
-    "aria-label"
-  ]);
+  let showLabel = $6.prop($$props, "showLabel", 3, true), size = $6.prop($$props, "size", 3, "md"), rest = $6.rest_props($$props, rest_excludes4);
   const normalizedAriaLabel = $6.derived(() => $$props["aria-label"]?.trim() ? $$props["aria-label"].trim() : undefined);
   const resolvedStatus = $6.derived(() => $$props.status ?? ($$props.connectionState === undefined ? "neutral" : connectionStatusMap[$$props.connectionState]));
   const resolvedLive = $6.derived(() => $$props.live ?? $$props.connectionState !== undefined);
@@ -586,7 +590,7 @@ function Status_dot($$anchor, $$props) {
   const resolvedAriaLabel = $6.derived(() => $6.get(normalizedAriaLabel) ?? $6.get(normalizedLabel) ?? $6.get(resolvedStatus));
   const visibleLabelIsLiveDuplicate = $6.derived(() => $6.get(resolvedLive) && $6.get(normalizedLabel) !== undefined && $6.get(resolvedAriaLabel) !== $6.get(normalizedLabel));
   const needsHiddenLiveLabel = $6.derived(() => $6.get(resolvedLive) && (!$6.get(hasVisibleLabel) || $6.get(visibleLabelIsLiveDuplicate)));
-  var span = root3();
+  var span = root_24();
   $6.attribute_effect(span, ($0) => ({
     ...rest,
     class: $0,
@@ -601,7 +605,7 @@ function Status_dot($$anchor, $$props) {
   var node = $6.sibling($6.child(span), 2);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_15();
+      var span_1 = root5();
       var text2 = $6.child(span_1, true);
       $6.reset(span_1);
       $6.template_effect(() => {
@@ -618,7 +622,7 @@ function Status_dot($$anchor, $$props) {
   var node_1 = $6.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_2 = root_25();
+      var span_2 = root_15();
       var text_1 = $6.child(span_2, true);
       $6.reset(span_2);
       $6.template_effect(() => $6.set_text(text_1, $6.get(resolvedAriaLabel)));
@@ -635,30 +639,31 @@ function Status_dot($$anchor, $$props) {
 }
 
 // src/components/run-step-timeline/run-step-timeline.svelte
-var root_26 = $7.from_html(`<li class="cinder-run-step-timeline__item" data-cinder-status="depth-limit" data-cinder-depth-limit=""><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!></div> <p class="cinder-run-step-timeline__body">Additional child-workflow steps are hidden because the timeline depth cap was reached.</p></div></div></li>`);
-var root_8 = $7.from_html(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe"> </span>`);
-var root_142 = $7.from_html(`<div class="cinder-run-step-timeline__progress"><!></div>`);
-var root_16 = $7.from_html(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term"> </dt> <dd class="cinder-run-step-timeline__meta-definition"> </dd></div>`);
-var root_152 = $7.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
-var root_19 = $7.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
-var root_17 = $7.from_html(`<div class="cinder-run-step-timeline__details"></div>`);
-var root_20 = $7.from_html(`<div class="cinder-run-step-timeline__body"><!></div>`);
-var root_42 = $7.from_html(`<li class="cinder-run-step-timeline__item"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!> <!> <!> <!></div> <!> <!> <!> <!></div></div></li>`);
-var root4 = $7.from_html(`<ol></ol>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "steps",
+  "label",
+  "class",
+  "children",
+  "aria-label",
+  "aria-labelledby"
+]);
+var root6 = $7.from_html(`<li class="cinder-run-step-timeline__item" data-cinder-status="depth-limit" data-cinder-depth-limit=""><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!></div> <p class="cinder-run-step-timeline__body">Additional child-workflow steps are hidden because the timeline depth cap was reached.</p></div></div></li>`);
+var root_16 = $7.from_html(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe"> </span>`);
+var root_25 = $7.from_html(`<div class="cinder-run-step-timeline__progress"><!></div>`);
+var root_34 = $7.from_html(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term"> </dt> <dd class="cinder-run-step-timeline__meta-definition"> </dd></div>`);
+var root_42 = $7.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
+var root_52 = $7.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
+var root_6 = $7.from_html(`<div class="cinder-run-step-timeline__details"></div>`);
+var root_7 = $7.from_html(`<div class="cinder-run-step-timeline__body"><!></div>`);
+var root_8 = $7.from_html(`<li class="cinder-run-step-timeline__item"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!> <!> <!> <!></div> <!> <!> <!> <!></div></div></li>`);
+var root_9 = $7.from_html(`<ol></ol>`);
 function Run_step_timeline($$anchor, $$props) {
   $7.push($$props, true);
   const MAX_NESTED_STEP_DEPTH = 3;
-  let rest = $7.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "steps",
-    "label",
-    "class",
-    "children",
-    "aria-label",
-    "aria-labelledby"
-  ]);
+  let rest = $7.rest_props($$props, rest_excludes5);
   const resolvedAriaLabel = $7.derived(() => $$props["aria-labelledby"] === undefined && $$props["aria-label"] === undefined ? $$props.label : $$props["aria-label"]);
   const renderedSteps = $7.derived(() => flattenRunSteps($$props.steps));
   function statusDotStatus(status) {
@@ -844,7 +849,7 @@ function Run_step_timeline($$anchor, $$props) {
     });
     return currentIndex;
   }
-  var ol = root4();
+  var ol = root_9();
   $7.attribute_effect(ol, ($0) => ({
     ...rest,
     class: $0,
@@ -856,7 +861,7 @@ function Run_step_timeline($$anchor, $$props) {
     var node = $7.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var li = root_26();
+        var li = root6();
         let styles;
         var div = $7.child(li);
         var span = $7.child(div);
@@ -905,7 +910,7 @@ function Run_step_timeline($$anchor, $$props) {
         const step = $7.derived(() => $7.get(row).step);
         const terminal = $7.derived(() => isTerminal($7.get(step).status));
         const metadata = $7.derived(() => metadataItems($7.get(step)));
-        var li_1 = root_42();
+        var li_1 = root_8();
         let styles_1;
         var div_3 = $7.child(li_1);
         var span_2 = $7.child(div_3);
@@ -953,7 +958,7 @@ function Run_step_timeline($$anchor, $$props) {
                 });
               };
               var alternate = ($$anchor5) => {
-                var span_4 = root_8();
+                var span_4 = root_16();
                 var text_4 = $7.child(span_4, true);
                 $7.reset(span_4);
                 $7.template_effect(() => $7.set_text(text_4, $7.get(step).link.label));
@@ -1041,7 +1046,7 @@ function Run_step_timeline($$anchor, $$props) {
         var node_9 = $7.sibling(div_5, 2);
         {
           var consequent_5 = ($$anchor4) => {
-            var div_6 = root_142();
+            var div_6 = root_25();
             var node_10 = $7.child(div_6);
             {
               let $0 = $7.derived(() => $7.get(step).progress ?? 0);
@@ -1072,9 +1077,9 @@ function Run_step_timeline($$anchor, $$props) {
         var node_11 = $7.sibling(node_9, 2);
         {
           var consequent_6 = ($$anchor4) => {
-            var dl = root_152();
+            var dl = root_42();
             $7.each(dl, 21, () => $7.get(metadata), (item) => item.term, ($$anchor5, item) => {
-              var div_7 = root_16();
+              var div_7 = root_34();
               var dt = $7.child(div_7);
               var text_8 = $7.child(dt, true);
               $7.reset(dt);
@@ -1099,14 +1104,14 @@ function Run_step_timeline($$anchor, $$props) {
         var node_12 = $7.sibling(node_11, 2);
         {
           var consequent_7 = ($$anchor4) => {
-            var div_8 = root_17();
+            var div_8 = root_6();
             $7.each(div_8, 21, () => $7.get(step).details, (detail) => detail.id, ($$anchor5, detail) => {
               Collapsible($$anchor5, {
                 get trigger() {
                   return $7.get(detail).label;
                 },
                 children: ($$anchor6, $$slotProps) => {
-                  var pre = root_19();
+                  var pre = root_52();
                   var text_10 = $7.child(pre, true);
                   $7.reset(pre);
                   $7.template_effect(() => $7.set_text(text_10, $7.get(detail).content));
@@ -1126,7 +1131,7 @@ function Run_step_timeline($$anchor, $$props) {
         var node_13 = $7.sibling(node_12, 2);
         {
           var consequent_8 = ($$anchor4) => {
-            var div_9 = root_20();
+            var div_9 = root_7();
             var node_14 = $7.child(div_9);
             $7.snippet(node_14, () => $$props.children, () => $7.get(step));
             $7.reset(div_9);
@@ -1173,4 +1178,4 @@ export {
   Run_step_timeline as RunStepTimeline
 };
 
-//# debugId=6E412EEA0E4C913D64756E2164756E21
+//# debugId=E2483CD0C28476EF64756E2164756E21