@lostgradient/cinder 0.11.0 → 0.12.0

package/dist/components/faceted-filter-bar/faceted-filter-bar.schema.js

@@ -64,6 +64,10 @@ var schema = {
       type: "string",
       description: "Current text search query. When provided, the search field is controlled."
     },
+    showSearch: {
+      type: "boolean",
+      description: "Whether to render the leading search field. Defaults to `true`."
+    },
     searchPlaceholder: {
       type: "string",
       description: "Placeholder text shown in the leading search field."
@@ -124,4 +128,4 @@ export {
   faceted_filter_bar_schema_default as default
 };
 
-//# debugId=3999D147AB9F861F64756E2164756E21
+//# debugId=5E8BF6E34E58E39164756E2164756E21

package/dist/components/faceted-filter-bar/faceted-filter-bar.types.d.ts

@@ -66,6 +66,8 @@ export type FacetedFilterBarProps = Omit<HTMLAttributes<HTMLDivElement>, 'class'
     'aria-label'?: string;
     /** Current text search query. When provided, the search field is controlled. */
     searchQuery?: string;
+    /** Whether to render the leading search field. Defaults to `true`. */
+    showSearch?: boolean;
     /** Placeholder text shown in the leading search field. */
     searchPlaceholder?: string;
     /** Accessible label for the search input. Defaults to 'Search'. */

package/dist/components/faceted-filter-bar/index.js

@@ -862,6 +862,7 @@ var rest_excludes4 = new Set([
   "$$legacy",
   "aria-label",
   "searchQuery",
+  "showSearch",
   "searchPlaceholder",
   "searchAriaLabel",
   "facets",
@@ -881,7 +882,7 @@ var root_42 = $8.from_html(`<div><div class="cinder-faceted-filter-bar__controls
 function Faceted_filter_bar($$anchor, $$props) {
   const generatedId = $8.props_id();
   $8.push($$props, true);
-  let ariaLabel = $8.prop($$props, "aria-label", 3, "Filters"), searchPlaceholder = $8.prop($$props, "searchPlaceholder", 3, "Search…"), searchAriaLabel = $8.prop($$props, "searchAriaLabel", 3, "Search"), facets = $8.prop($$props, "facets", 19, () => []), appliedFilters = $8.prop($$props, "appliedFilters", 19, () => []), disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, rest_excludes4);
+  let ariaLabel = $8.prop($$props, "aria-label", 3, "Filters"), showSearch = $8.prop($$props, "showSearch", 3, true), searchPlaceholder = $8.prop($$props, "searchPlaceholder", 3, "Search…"), searchAriaLabel = $8.prop($$props, "searchAriaLabel", 3, "Search"), facets = $8.prop($$props, "facets", 19, () => []), appliedFilters = $8.prop($$props, "appliedFilters", 19, () => []), disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, rest_excludes4);
   const searchId = $8.derived(() => `${generatedId}-search`);
   let rootElement = $8.state(undefined);
   let internalSearchQuery = $8.state("");
@@ -896,7 +897,7 @@ function Faceted_filter_bar($$anchor, $$props) {
       return value;
     return facet.options.find((option) => option.value === value)?.label ?? value;
   }
-  const hasAppliedFilters = $8.derived(() => appliedFilters().length > 0 || $8.get(currentSearchQuery).length > 0);
+  const hasAppliedFilters = $8.derived(() => appliedFilters().length > 0 || showSearch() && $8.get(currentSearchQuery).length > 0);
   const totalActiveCount = $8.derived(() => appliedFilters().length);
   const summaryMessage = $8.derived(() => {
     if ($8.get(totalActiveCount) === 0)
@@ -940,31 +941,39 @@ function Faceted_filter_bar($$anchor, $$props) {
   }), [() => classNames("cinder-faceted-filter-bar", $$props.class)]);
   var div_1 = $8.child(div);
   var node = $8.child(div_1);
-  Search_field(node, {
-    get id() {
-      return $8.get(searchId);
-    },
-    class: "cinder-faceted-filter-bar__search",
-    get value() {
-      return $8.get(currentSearchQuery);
-    },
-    get placeholder() {
-      return searchPlaceholder();
-    },
-    get "aria-label"() {
-      return searchAriaLabel();
-    },
-    get disabled() {
-      return disabled();
-    },
-    oninput: handleSearchInput
-  });
+  {
+    var consequent = ($$anchor2) => {
+      Search_field($$anchor2, {
+        get id() {
+          return $8.get(searchId);
+        },
+        class: "cinder-faceted-filter-bar__search",
+        get value() {
+          return $8.get(currentSearchQuery);
+        },
+        get placeholder() {
+          return searchPlaceholder();
+        },
+        get "aria-label"() {
+          return searchAriaLabel();
+        },
+        get disabled() {
+          return disabled();
+        },
+        oninput: handleSearchInput
+      });
+    };
+    $8.if(node, ($$render) => {
+      if (showSearch())
+        $$render(consequent);
+    });
+  }
   var node_1 = $8.sibling(node, 2);
   $8.each(node_1, 17, facets, (facet) => facet.key, ($$anchor2, facet) => {
-    var fragment = $8.comment();
-    var node_2 = $8.first_child(fragment);
+    var fragment_1 = $8.comment();
+    var node_2 = $8.first_child(fragment_1);
     {
-      var consequent = ($$anchor3) => {
+      var consequent_1 = ($$anchor3) => {
         const selectFacet = $8.derived(() => $8.get(facet));
         var div_2 = root_14();
         var label = $8.child(div_2);
@@ -1012,7 +1021,7 @@ function Faceted_filter_bar($$anchor, $$props) {
         });
         $8.append($$anchor3, div_2);
       };
-      var consequent_1 = ($$anchor3) => {
+      var consequent_2 = ($$anchor3) => {
         var div_3 = root_23();
         var node_4 = $8.child(div_3);
         {
@@ -1029,17 +1038,17 @@ function Faceted_filter_bar($$anchor, $$props) {
       };
       $8.if(node_2, ($$render) => {
         if ($8.get(facet).type === "select")
-          $$render(consequent);
+          $$render(consequent_1);
         else if ($8.get(facet).type === "custom")
-          $$render(consequent_1, 1);
+          $$render(consequent_2, 1);
       });
     }
-    $8.append($$anchor2, fragment);
+    $8.append($$anchor2, fragment_1);
   });
   $8.reset(div_1);
   var node_5 = $8.sibling(div_1, 2);
   {
-    var consequent_2 = ($$anchor2) => {
+    var consequent_3 = ($$anchor2) => {
       var div_4 = root_33();
       var node_6 = $8.child(div_4);
       $8.each(node_6, 17, appliedFilters, (filter) => filter.key, ($$anchor3, filter) => {
@@ -1084,7 +1093,7 @@ function Faceted_filter_bar($$anchor, $$props) {
     };
     $8.if(node_5, ($$render) => {
       if ($8.get(hasAppliedFilters))
-        $$render(consequent_2);
+        $$render(consequent_3);
     });
   }
   var node_8 = $8.sibling(node_5, 2);
@@ -1108,4 +1117,4 @@ export {
   Faceted_filter_bar as FacetedFilterBar
 };
 
-//# debugId=56374F25339661AB64756E2164756E21
+//# debugId=87F490947F95C08764756E2164756E21

package/dist/components/navigation-bar/index.js

@@ -275,14 +275,11 @@ function Navigation_bar($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var div = root();
       var node_1 = $.child(div);
-      {
-        let $0 = $.derived(() => ({
-          "aria-expanded": mobileMenuOpen() ? "true" : "false",
-          "aria-controls": regionId,
-          ...true_default ? { onclick: handleToggle } : {}
-        }));
-        $.snippet(node_1, () => $$props.menuToggle, () => $.get($0));
-      }
+      $.snippet(node_1, () => $$props.menuToggle, () => ({
+        "aria-expanded": mobileMenuOpen() ? "true" : "false",
+        "aria-controls": regionId,
+        onclick: handleToggle
+      }));
       $.reset(div);
       $.append($$anchor2, div);
     };
@@ -310,14 +307,11 @@ function Navigation_bar($$anchor, $$props) {
     var consequent_2 = ($$anchor2) => {
       var div_2 = root();
       var node_5 = $.child(div_2);
-      {
-        let $0 = $.derived(() => ({
-          "aria-expanded": mobileMenuOpen() ? "true" : "false",
-          "aria-controls": regionId,
-          ...true_default ? { onclick: handleToggle } : {}
-        }));
-        $.snippet(node_5, () => $$props.menuToggle, () => $.get($0));
-      }
+      $.snippet(node_5, () => $$props.menuToggle, () => ({
+        "aria-expanded": mobileMenuOpen() ? "true" : "false",
+        "aria-controls": regionId,
+        onclick: handleToggle
+      }));
       $.reset(div_2);
       $.append($$anchor2, div_2);
     };
@@ -367,4 +361,4 @@ export {
   Navigation_bar as NavigationBar
 };
 
-//# debugId=D071FB931C6D395164756E2164756E21
+//# debugId=1BB3A9EE76EE8C6964756E2164756E21

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

@@ -670,6 +670,65 @@ function Status_dot($$anchor, $$props) {
 }
 
 // src/components/run-step-timeline/run-step-timeline.utilities.ts
+function relocateCompensationSteps(steps) {
+  return relocateSiblingItems(steps, (step) => step);
+}
+function relocateSiblingItems(items, getStep) {
+  if (!items.some((item) => getStep(item)?.compensates !== undefined))
+    return items;
+  const stepById = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step !== undefined) {
+      stepById.set(step.id, step);
+    }
+  }
+  const canRelocate = (step) => {
+    const visited = new Set([step.id]);
+    let targetId = step.compensates;
+    while (targetId !== undefined) {
+      const target = stepById.get(targetId);
+      if (target === undefined || visited.has(targetId))
+        return false;
+      visited.add(targetId);
+      targetId = target.compensates;
+    }
+    return true;
+  };
+  const relocatable = new Set;
+  const compensationsByTarget = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || step.compensates === undefined || !canRelocate(step))
+      continue;
+    relocatable.add(step);
+    const compensations = compensationsByTarget.get(step.compensates) ?? [];
+    compensations.push(item);
+    compensationsByTarget.set(step.compensates, compensations);
+  }
+  const result = [];
+  const appendWithCompensations = (item) => {
+    result.push(item);
+    const step = getStep(item);
+    if (step === undefined)
+      return;
+    for (const compensation of compensationsByTarget.get(step.id) ?? []) {
+      appendWithCompensations(compensation);
+    }
+  };
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || !relocatable.has(step))
+      appendWithCompensations(item);
+  }
+  return result;
+}
+function relocateCompensationEntries(entries) {
+  return relocateSiblingItems(entries, (entry) => isBranchGroup(entry) ? undefined : entry);
+}
+function isBranchGroup(entry) {
+  return "kind" in entry && entry.kind === "branch";
+}
 function statusDotStatus(status) {
   switch (status) {
     case "succeeded":
@@ -1254,8 +1313,8 @@ function Run_step_timeline($$anchor, $$props) {
   const MAX_NESTED_STEP_DEPTH = 3;
   let rest = $8.rest_props($$props, rest_excludes5);
   const resolvedAriaLabel = $8.derived(() => $$props["aria-labelledby"] === undefined && $$props["aria-label"] === undefined ? $$props.label : $$props["aria-label"]);
-  const renderedEntries = $8.derived(() => flattenEntries($$props.steps));
-  function isBranchGroup(entry) {
+  const renderedEntries = $8.derived(() => flattenEntries(relocateCompensationEntries($$props.steps)));
+  function isBranchGroup2(entry) {
     return "kind" in entry && entry.kind === "branch";
   }
   function flattenEntries(entries) {
@@ -1268,7 +1327,7 @@ function Run_step_timeline($$anchor, $$props) {
       stepRun = [];
     };
     for (const entry of entries) {
-      if (isBranchGroup(entry)) {
+      if (isBranchGroup2(entry)) {
         flushRun();
         result.push({
           kind: "branch",
@@ -1330,7 +1389,7 @@ function Run_step_timeline($$anchor, $$props) {
   }
   function flattenSteps(list, pathPrefix) {
     const rows = [];
-    appendRunStepRows(rows, list, 0, pathPrefix);
+    appendRunStepRows(rows, relocateCompensationSteps(list), 0, pathPrefix);
     const currentRowIndex = deepestCurrentStepIndex(rows);
     const labelByPathKey = new Map;
     for (const row of rows) {
@@ -1368,7 +1427,7 @@ function Run_step_timeline($$anchor, $$props) {
       rows.push({ kind: "step", step, depth, pathKey });
       if (step.children && step.children.length > 0) {
         if (depth < MAX_NESTED_STEP_DEPTH) {
-          appendRunStepRows(rows, step.children, depth + 1, pathKey);
+          appendRunStepRows(rows, relocateCompensationSteps(step.children), depth + 1, pathKey);
         } else {
           const hiddenSummary = summarizeNestedRunSteps(step.children);
           rows.push({
@@ -1611,4 +1670,4 @@ export {
   Run_step_timeline as RunStepTimeline
 };
 
-//# debugId=9EFCA6AA2F9089A264756E2164756E21
+//# debugId=77801BC78A33372764756E2164756E21

package/dist/components/run-step-timeline/run-step-timeline.utilities.d.ts

@@ -1,5 +1,13 @@
 import type { StatusDotStatus } from '../status-dot/status-dot.types.ts';
-import type { RunStep, RunStepBranchGroup, RunStepBranchLane, RunStepBranchLaneOutcome, RunStepStatus } from './run-step-timeline.types.ts';
+import type { RunStep, RunStepBranchGroup, RunStepBranchLane, RunStepBranchLaneOutcome, RunStepStatus, RunStepTimelineEntry } from './run-step-timeline.types.ts';
+/**
+ * Relocate resolved compensation steps immediately after the subtree of the
+ * sibling they reverse. Unresolved, self-referential, and cyclic links retain
+ * consumer order. Multiple compensations retain their relative input order.
+ */
+export declare function relocateCompensationSteps(steps: RunStep[]): RunStep[];
+/** Relocate top-level compensations while preserving branch rows as rail entries. */
+export declare function relocateCompensationEntries(entries: RunStepTimelineEntry[]): RunStepTimelineEntry[];
 /** Badge variants used for the per-step status chip. */
 export type RunStepBadgeVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'accent';
 /** Map a generic {@link RunStepStatus} onto a StatusDot status token. */