@lostgradient/cinder 0.2.0 → 0.4.0

package/dist/components/input/input.variables.js

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -58,4 +28,4 @@ export {
   input_variables_default as default
 };
 
-//# debugId=45FEFA175BC890D764756E2164756E21
+//# debugId=ACF8D6ED83033C5F64756E2164756E21

package/dist/components/invocation-rule-builder/index.d.ts

@@ -0,0 +1,5 @@
+import './invocation-rule-builder.css';
+import InvocationRuleBuilder from './invocation-rule-builder.svelte';
+export default InvocationRuleBuilder;
+export type { InvocationRule, InvocationRuleAction, InvocationRuleBuilderProps, InvocationRuleBuilderSchemaProps, InvocationRuleChange, InvocationRuleCondition, InvocationRuleOption, } from './invocation-rule-builder.types.ts';
+export { InvocationRuleBuilder };

package/dist/components/invocation-rule-builder/index.js

@@ -0,0 +1,603 @@
+var __defProp = Object.defineProperty;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/invocation-rule-builder/index.ts
+import"@lostgradient/cinder/invocation-rule-builder/styles";
+
+// src/components/invocation-rule-builder/invocation-rule-builder.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { tick } from "svelte";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/invocation-rule-builder/invocation-rule-builder.svelte
+var root_2 = $.from_html(`<h3 class="cinder-invocation-rule-builder__rule-label"> </h3>`);
+var root_3 = $.from_html(`<label class="cinder-invocation-rule-builder__rule-label-field"><span class="cinder-sr-only">Rule name</span> <input class="cinder-invocation-rule-builder__rule-label-input"/></label>`);
+var root_4 = $.from_html(`<div class="cinder-invocation-rule-builder__rule-controls"><button type="button" class="cinder-invocation-rule-builder__icon-btn"><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 3l5 6H3z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn"><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M8 13l-5-6h10z"></path></svg></button> <button type="button" class="cinder-invocation-rule-builder__icon-btn" data-irb-rule-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+var root_5 = $.from_html(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one condition or this rule will always fire.</p>`);
+var root_7 = $.from_html(`<p class="cinder-invocation-rule-builder__empty">No conditions — rule always fires.</p>`);
+var root_9 = $.from_html(`<div class="cinder-invocation-rule-builder__summary-row"> </div>`);
+var root_6 = $.from_html(`<div class="cinder-invocation-rule-builder__summary"><!></div>`);
+var root_12 = $.from_html(`<option> </option>`);
+var root_13 = $.from_html(`<option> </option>`);
+var root_11 = $.from_html(`<div class="cinder-invocation-rule-builder__condition" role="listitem"><select class="cinder-invocation-rule-builder__condition-select"></select> <select class="cinder-invocation-rule-builder__condition-select"></select> <input type="text" class="cinder-invocation-rule-builder__condition-value" placeholder="Value to compare"/> <button type="button" class="cinder-invocation-rule-builder__icon-btn" data-irb-condition-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+var root_10 = $.from_html(`<div class="cinder-invocation-rule-builder__conditions" role="list"></div> <button type="button" class="cinder-invocation-rule-builder__add-btn" data-irb-add-condition=""> </button>`, 1);
+var root_14 = $.from_html(`<p class="cinder-invocation-rule-builder__validation" role="status">Add at least one action for this rule.</p>`);
+var root_16 = $.from_html(`<p class="cinder-invocation-rule-builder__empty">No actions configured.</p>`);
+var root_18 = $.from_html(`<div class="cinder-invocation-rule-builder__summary-row"> </div>`);
+var root_15 = $.from_html(`<div class="cinder-invocation-rule-builder__summary"><!></div>`);
+var root_21 = $.from_html(`<option> </option>`);
+var root_20 = $.from_html(`<div class="cinder-invocation-rule-builder__action" role="listitem"><select class="cinder-invocation-rule-builder__action-select"></select> <button type="button" class="cinder-invocation-rule-builder__icon-btn" data-irb-action-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2" fill="none"></path></svg></button></div>`);
+var root_19 = $.from_html(`<div class="cinder-invocation-rule-builder__actions" role="list"></div> <button type="button" class="cinder-invocation-rule-builder__add-btn" data-irb-add-action=""> </button>`, 1);
+var root_1 = $.from_html(`<div class="cinder-invocation-rule-builder__rule"><div class="cinder-invocation-rule-builder__rule-header"><!> <!></div> <div><span class="cinder-invocation-rule-builder__section-heading">Conditions</span> <!> <!></div> <div><span class="cinder-invocation-rule-builder__section-heading">Actions</span> <!> <!></div></div>`);
+var root_22 = $.from_html(`<button type="button" class="cinder-invocation-rule-builder__add-btn cinder-invocation-rule-builder__add-rule-btn" data-irb-add-rule=""> </button>`);
+var root_23 = $.from_html(`<p class="cinder-invocation-rule-builder__empty">No rules configured.</p>`);
+var root = $.from_html(`<section><!> <!> <!></section> <div role="status" aria-live="polite" aria-atomic="true" class="cinder-invocation-rule-builder__announcer"> </div>`, 1);
+function Invocation_rule_builder($$anchor, $$props) {
+  const baseId = $.props_id();
+  $.push($$props, true);
+  let readonly = $.prop($$props, "readonly", 3, false), addRuleLabel = $.prop($$props, "addRuleLabel", 3, "Add rule"), addConditionLabel = $.prop($$props, "addConditionLabel", 3, "Add condition"), addActionLabel = $.prop($$props, "addActionLabel", 3, "Add action"), rest = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "rules",
+    "onchange",
+    "fieldOptions",
+    "operatorOptions",
+    "actionOptions",
+    "readonly",
+    "addRuleLabel",
+    "addConditionLabel",
+    "addActionLabel",
+    "label",
+    "class",
+    "aria-label",
+    "aria-labelledby"
+  ]);
+  const sectionAriaLabel = $.derived(() => $$props["aria-labelledby"] ? undefined : $$props["aria-label"] ?? $$props.label ?? "Invocation rules");
+  const effectiveReadonly = $.derived(() => readonly() || $$props.onchange === undefined);
+  let announcement = $.state("");
+  let ruleLabelDrafts = $.state($.proxy({}));
+  function announce(message) {
+    $.set(announcement, "");
+    tick().then(() => {
+      $.set(announcement, message, true);
+    });
+  }
+  function generateId() {
+    return `${Math.random().toString(36).slice(2)}-${Date.now()}`;
+  }
+  function updateRules(ruleId, updater) {
+    return $$props.rules.map((rule) => rule.id === ruleId ? updater(rule) : rule);
+  }
+  function handleAddRule() {
+    const ruleId = generateId();
+    const nextRules = [
+      ...$$props.rules,
+      {
+        id: ruleId,
+        label: `Rule ${$$props.rules.length + 1}`,
+        conditions: [],
+        actions: []
+      }
+    ];
+    const change = { type: "add-rule", ruleId };
+    $$props.onchange?.(nextRules, change);
+    announce("Rule added.");
+  }
+  function handleRemoveRule(ruleId, ruleLabel, ruleIndex) {
+    const nextRules = $$props.rules.filter((rule) => rule.id !== ruleId);
+    const change = { type: "remove-rule", ruleId };
+    $$props.onchange?.(nextRules, change);
+    announce(`${ruleLabel} removed.`);
+    tick().then(() => {
+      const targetIndex = ruleIndex > 0 ? ruleIndex - 1 : 0;
+      const ruleElements = document.querySelectorAll(`[data-irb-region="${baseId}"] [data-irb-rule-remove]`);
+      const targetButton = ruleElements[targetIndex] ?? document.querySelector(`[data-irb-region="${baseId}"] [data-irb-add-rule]`);
+      targetButton?.focus();
+    });
+  }
+  function handleMoveRule(ruleId, fromIndex, direction) {
+    const toIndex = fromIndex + direction;
+    if (toIndex < 0 || toIndex >= $$props.rules.length)
+      return;
+    const nextRules = [...$$props.rules];
+    const [moved] = nextRules.splice(fromIndex, 1);
+    nextRules.splice(toIndex, 0, moved);
+    const change = { type: "move-rule", ruleId, fromIndex, toIndex };
+    $$props.onchange?.(nextRules, change);
+    announce(`${moved.label} moved to position ${toIndex + 1} of ${nextRules.length}.`);
+  }
+  function handleRenameRule(ruleId, label) {
+    const nextLabel = label.trim() || "Untitled rule";
+    const { [ruleId]: _removedDraft, ...remainingDrafts } = $.get(ruleLabelDrafts);
+    $.set(ruleLabelDrafts, remainingDrafts, true);
+    const currentLabel = $$props.rules.find((rule) => rule.id === ruleId)?.label;
+    if (currentLabel === nextLabel)
+      return;
+    const nextRules = updateRules(ruleId, (rule) => ({ ...rule, label: nextLabel }));
+    const change = { type: "rename-rule", ruleId };
+    $$props.onchange?.(nextRules, change);
+  }
+  function ruleLabelDraft(rule) {
+    const draft = $.get(ruleLabelDrafts)[rule.id];
+    return draft?.baseLabel === rule.label ? draft.value : rule.label;
+  }
+  function handleAddCondition(ruleId) {
+    const conditionId = generateId();
+    const firstField = $$props.fieldOptions[0]?.value ?? "";
+    const firstOperator = $$props.operatorOptions[0]?.value ?? "";
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      conditions: [
+        ...rule.conditions,
+        {
+          id: conditionId,
+          field: firstField,
+          operator: firstOperator,
+          value: ""
+        }
+      ]
+    }));
+    const change = { type: "add-condition", ruleId, conditionId };
+    $$props.onchange?.(nextRules, change);
+    announce("Condition added.");
+  }
+  function handleRemoveCondition(ruleId, conditionId, conditionIndex, ruleIndex) {
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      conditions: rule.conditions.filter((condition) => condition.id !== conditionId)
+    }));
+    const change = { type: "remove-condition", ruleId, conditionId };
+    $$props.onchange?.(nextRules, change);
+    announce("Condition removed.");
+    tick().then(() => {
+      const ruleEl = document.querySelector(`[data-irb-region="${baseId}"] [data-irb-rule="${ruleIndex}"]`);
+      const removeButtons = ruleEl?.querySelectorAll("[data-irb-condition-remove]");
+      const addBtn = ruleEl?.querySelector("[data-irb-add-condition]");
+      const targetButton = (removeButtons && removeButtons[conditionIndex > 0 ? conditionIndex - 1 : 0]) ?? addBtn;
+      targetButton?.focus();
+    });
+  }
+  function handleUpdateCondition(ruleId, conditionId, field, value) {
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      conditions: rule.conditions.map((condition) => condition.id === conditionId ? { ...condition, [field]: value } : condition)
+    }));
+    const change = { type: "update-condition", ruleId, conditionId, field };
+    $$props.onchange?.(nextRules, change);
+  }
+  function handleAddAction(ruleId) {
+    const actionId = generateId();
+    const firstTarget = $$props.actionOptions[0]?.value ?? "";
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      actions: [...rule.actions, { id: actionId, target: firstTarget }]
+    }));
+    const change = { type: "add-action", ruleId, actionId };
+    $$props.onchange?.(nextRules, change);
+    announce("Action added.");
+  }
+  function handleRemoveAction(ruleId, actionId, actionIndex, ruleIndex) {
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      actions: rule.actions.filter((action) => action.id !== actionId)
+    }));
+    const change = { type: "remove-action", ruleId, actionId };
+    $$props.onchange?.(nextRules, change);
+    announce("Action removed.");
+    tick().then(() => {
+      const ruleEl = document.querySelector(`[data-irb-region="${baseId}"] [data-irb-rule="${ruleIndex}"]`);
+      const removeButtons = ruleEl?.querySelectorAll("[data-irb-action-remove]");
+      const addBtn = ruleEl?.querySelector("[data-irb-add-action]");
+      const targetButton = (removeButtons && removeButtons[actionIndex > 0 ? actionIndex - 1 : 0]) ?? addBtn;
+      targetButton?.focus();
+    });
+  }
+  function handleUpdateAction(ruleId, actionId, target) {
+    const nextRules = updateRules(ruleId, (rule) => ({
+      ...rule,
+      actions: rule.actions.map((action) => action.id === actionId ? { ...action, target } : action)
+    }));
+    const change = { type: "update-action", ruleId, actionId };
+    $$props.onchange?.(nextRules, change);
+  }
+  function fieldLabel(value) {
+    return $$props.fieldOptions.find((option) => option.value === value)?.label ?? value;
+  }
+  function operatorLabel(value) {
+    return $$props.operatorOptions.find((option) => option.value === value)?.label ?? value;
+  }
+  function actionTargetLabel(value) {
+    return $$props.actionOptions.find((option) => option.value === value)?.label ?? value;
+  }
+  function conditionSummary(condition) {
+    return `${fieldLabel(condition.field)} ${operatorLabel(condition.operator)} "${condition.value}"`;
+  }
+  function actionSummary(action) {
+    return `Invoke ${actionTargetLabel(action.target)}`;
+  }
+  var fragment = root();
+  var section = $.first_child(fragment);
+  $.attribute_effect(section, ($0) => ({
+    ...rest,
+    class: $0,
+    "aria-label": $.get(sectionAriaLabel),
+    "aria-labelledby": $$props["aria-labelledby"],
+    "data-irb-region": baseId
+  }), [
+    () => classNames("cinder-invocation-rule-builder", $$props.class)
+  ]);
+  var node = $.child(section);
+  $.each(node, 19, () => $$props.rules, (rule) => rule.id, ($$anchor2, rule, ruleIndex) => {
+    var div = root_1();
+    var div_1 = $.child(div);
+    var node_1 = $.child(div_1);
+    {
+      var consequent = ($$anchor3) => {
+        var h3 = root_2();
+        var text = $.child(h3, true);
+        $.reset(h3);
+        $.template_effect(() => $.set_text(text, $.get(rule).label));
+        $.append($$anchor3, h3);
+      };
+      var alternate = ($$anchor3) => {
+        var label_1 = root_3();
+        var input = $.sibling($.child(label_1), 2);
+        $.remove_input_defaults(input);
+        $.reset(label_1);
+        $.template_effect(($0) => {
+          $.set_value(input, $0);
+          $.set_attribute(input, "aria-label", `Rule name for ${$.get(rule).label}`);
+        }, [() => ruleLabelDraft($.get(rule))]);
+        $.delegated("input", input, (event2) => $.set(ruleLabelDrafts, {
+          ...$.get(ruleLabelDrafts),
+          [$.get(rule).id]: { baseLabel: $.get(rule).label, value: event2.target.value }
+        }, true));
+        $.event("blur", input, (event2) => handleRenameRule($.get(rule).id, event2.target.value));
+        $.delegated("keydown", input, (event2) => {
+          if (event2.key === "Enter") {
+            event2.preventDefault();
+            event2.currentTarget.blur();
+          }
+        });
+        $.append($$anchor3, label_1);
+      };
+      $.if(node_1, ($$render) => {
+        if ($.get(effectiveReadonly))
+          $$render(consequent);
+        else
+          $$render(alternate, -1);
+      });
+    }
+    var node_2 = $.sibling(node_1, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var div_2 = root_4();
+        var button = $.child(div_2);
+        var button_1 = $.sibling(button, 2);
+        var button_2 = $.sibling(button_1, 2);
+        $.reset(div_2);
+        $.template_effect(() => {
+          $.set_attribute(button, "aria-label", `Move ${$.get(rule).label} up`);
+          button.disabled = $.get(ruleIndex) === 0;
+          $.set_attribute(button_1, "aria-label", `Move ${$.get(rule).label} down`);
+          button_1.disabled = $.get(ruleIndex) === $$props.rules.length - 1;
+          $.set_attribute(button_2, "aria-label", `Remove ${$.get(rule).label}`);
+        });
+        $.delegated("click", button, () => handleMoveRule($.get(rule).id, $.get(ruleIndex), -1));
+        $.delegated("click", button_1, () => handleMoveRule($.get(rule).id, $.get(ruleIndex), 1));
+        $.delegated("click", button_2, () => handleRemoveRule($.get(rule).id, $.get(rule).label, $.get(ruleIndex)));
+        $.append($$anchor3, div_2);
+      };
+      $.if(node_2, ($$render) => {
+        if (!$.get(effectiveReadonly))
+          $$render(consequent_1);
+      });
+    }
+    $.reset(div_1);
+    var div_3 = $.sibling(div_1, 2);
+    var span = $.child(div_3);
+    var node_3 = $.sibling(span, 2);
+    {
+      var consequent_2 = ($$anchor3) => {
+        var p = root_5();
+        $.append($$anchor3, p);
+      };
+      $.if(node_3, ($$render) => {
+        if (!$.get(effectiveReadonly) && $.get(rule).conditions.length === 0)
+          $$render(consequent_2);
+      });
+    }
+    var node_4 = $.sibling(node_3, 2);
+    {
+      var consequent_4 = ($$anchor3) => {
+        var div_4 = root_6();
+        var node_5 = $.child(div_4);
+        {
+          var consequent_3 = ($$anchor4) => {
+            var p_1 = root_7();
+            $.append($$anchor4, p_1);
+          };
+          var alternate_1 = ($$anchor4) => {
+            var fragment_1 = $.comment();
+            var node_6 = $.first_child(fragment_1);
+            $.each(node_6, 17, () => $.get(rule).conditions, (condition) => condition.id, ($$anchor5, condition) => {
+              var div_5 = root_9();
+              var text_1 = $.child(div_5, true);
+              $.reset(div_5);
+              $.template_effect(($0) => $.set_text(text_1, $0), [() => conditionSummary($.get(condition))]);
+              $.append($$anchor5, div_5);
+            });
+            $.append($$anchor4, fragment_1);
+          };
+          $.if(node_5, ($$render) => {
+            if ($.get(rule).conditions.length === 0)
+              $$render(consequent_3);
+            else
+              $$render(alternate_1, -1);
+          });
+        }
+        $.reset(div_4);
+        $.template_effect(() => $.set_attribute(div_4, "aria-label", `Conditions for ${$.get(rule).label}`));
+        $.append($$anchor3, div_4);
+      };
+      var alternate_2 = ($$anchor3) => {
+        var fragment_2 = root_10();
+        var div_6 = $.first_child(fragment_2);
+        $.each(div_6, 23, () => $.get(rule).conditions, (condition) => condition.id, ($$anchor4, condition, conditionIndex) => {
+          var div_7 = root_11();
+          var select = $.child(div_7);
+          $.each(select, 21, () => $$props.fieldOptions, (option) => option.value, ($$anchor5, option) => {
+            var option_1 = root_12();
+            var text_2 = $.child(option_1, true);
+            $.reset(option_1);
+            var option_1_value = {};
+            $.template_effect(() => {
+              $.set_text(text_2, $.get(option).label);
+              if (option_1_value !== (option_1_value = $.get(option).value)) {
+                option_1.value = (option_1.__value = $.get(option).value) ?? "";
+              }
+            });
+            $.append($$anchor5, option_1);
+          });
+          $.reset(select);
+          var select_value;
+          $.init_select(select);
+          var select_1 = $.sibling(select, 2);
+          $.each(select_1, 21, () => $$props.operatorOptions, (option) => option.value, ($$anchor5, option) => {
+            var option_2 = root_13();
+            var text_3 = $.child(option_2, true);
+            $.reset(option_2);
+            var option_2_value = {};
+            $.template_effect(() => {
+              $.set_text(text_3, $.get(option).label);
+              if (option_2_value !== (option_2_value = $.get(option).value)) {
+                option_2.value = (option_2.__value = $.get(option).value) ?? "";
+              }
+            });
+            $.append($$anchor5, option_2);
+          });
+          $.reset(select_1);
+          var select_1_value;
+          $.init_select(select_1);
+          var input_1 = $.sibling(select_1, 2);
+          $.remove_input_defaults(input_1);
+          var button_3 = $.sibling(input_1, 2);
+          $.reset(div_7);
+          $.template_effect(() => {
+            $.set_attribute(select, "aria-label", `Field for condition ${$.get(conditionIndex) + 1} of ${$.get(rule).label}`);
+            if (select_value !== (select_value = $.get(condition).field)) {
+              select.value = (select.__value = $.get(condition).field) ?? "", $.select_option(select, $.get(condition).field);
+            }
+            $.set_attribute(select_1, "aria-label", `Operator for condition ${$.get(conditionIndex) + 1} of ${$.get(rule).label}`);
+            if (select_1_value !== (select_1_value = $.get(condition).operator)) {
+              select_1.value = (select_1.__value = $.get(condition).operator) ?? "", $.select_option(select_1, $.get(condition).operator);
+            }
+            $.set_attribute(input_1, "aria-label", `Value for condition ${$.get(conditionIndex) + 1} of ${$.get(rule).label}`);
+            $.set_value(input_1, $.get(condition).value);
+            $.set_attribute(button_3, "aria-label", `Remove condition ${$.get(conditionIndex) + 1} of ${$.get(rule).label}`);
+          });
+          $.delegated("change", select, (event2) => handleUpdateCondition($.get(rule).id, $.get(condition).id, "field", event2.target.value));
+          $.delegated("change", select_1, (event2) => handleUpdateCondition($.get(rule).id, $.get(condition).id, "operator", event2.target.value));
+          $.delegated("input", input_1, (event2) => handleUpdateCondition($.get(rule).id, $.get(condition).id, "value", event2.target.value));
+          $.delegated("click", button_3, () => handleRemoveCondition($.get(rule).id, $.get(condition).id, $.get(conditionIndex), $.get(ruleIndex)));
+          $.append($$anchor4, div_7);
+        });
+        $.reset(div_6);
+        var button_4 = $.sibling(div_6, 2);
+        var text_4 = $.child(button_4);
+        $.reset(button_4);
+        $.template_effect(() => {
+          $.set_attribute(div_6, "aria-labelledby", `${baseId}-rule-${$.get(ruleIndex)}-conditions-label`);
+          $.set_attribute(button_4, "aria-label", `${addConditionLabel()} to ${$.get(rule).label}`);
+          $.set_text(text_4, `+ ${addConditionLabel() ?? ""}`);
+        });
+        $.delegated("click", button_4, () => handleAddCondition($.get(rule).id));
+        $.append($$anchor3, fragment_2);
+      };
+      $.if(node_4, ($$render) => {
+        if ($.get(effectiveReadonly))
+          $$render(consequent_4);
+        else
+          $$render(alternate_2, -1);
+      });
+    }
+    $.reset(div_3);
+    var div_8 = $.sibling(div_3, 2);
+    var span_1 = $.child(div_8);
+    var node_7 = $.sibling(span_1, 2);
+    {
+      var consequent_5 = ($$anchor3) => {
+        var p_2 = root_14();
+        $.append($$anchor3, p_2);
+      };
+      $.if(node_7, ($$render) => {
+        if (!$.get(effectiveReadonly) && $.get(rule).actions.length === 0)
+          $$render(consequent_5);
+      });
+    }
+    var node_8 = $.sibling(node_7, 2);
+    {
+      var consequent_7 = ($$anchor3) => {
+        var div_9 = root_15();
+        var node_9 = $.child(div_9);
+        {
+          var consequent_6 = ($$anchor4) => {
+            var p_3 = root_16();
+            $.append($$anchor4, p_3);
+          };
+          var alternate_3 = ($$anchor4) => {
+            var fragment_3 = $.comment();
+            var node_10 = $.first_child(fragment_3);
+            $.each(node_10, 17, () => $.get(rule).actions, (action) => action.id, ($$anchor5, action) => {
+              var div_10 = root_18();
+              var text_5 = $.child(div_10, true);
+              $.reset(div_10);
+              $.template_effect(($0) => $.set_text(text_5, $0), [() => actionSummary($.get(action))]);
+              $.append($$anchor5, div_10);
+            });
+            $.append($$anchor4, fragment_3);
+          };
+          $.if(node_9, ($$render) => {
+            if ($.get(rule).actions.length === 0)
+              $$render(consequent_6);
+            else
+              $$render(alternate_3, -1);
+          });
+        }
+        $.reset(div_9);
+        $.template_effect(() => $.set_attribute(div_9, "aria-label", `Actions for ${$.get(rule).label}`));
+        $.append($$anchor3, div_9);
+      };
+      var alternate_4 = ($$anchor3) => {
+        var fragment_4 = root_19();
+        var div_11 = $.first_child(fragment_4);
+        $.each(div_11, 23, () => $.get(rule).actions, (action) => action.id, ($$anchor4, action, actionIndex) => {
+          var div_12 = root_20();
+          var select_2 = $.child(div_12);
+          $.each(select_2, 21, () => $$props.actionOptions, (option) => option.value, ($$anchor5, option) => {
+            var option_3 = root_21();
+            var text_6 = $.child(option_3, true);
+            $.reset(option_3);
+            var option_3_value = {};
+            $.template_effect(() => {
+              $.set_text(text_6, $.get(option).label);
+              if (option_3_value !== (option_3_value = $.get(option).value)) {
+                option_3.value = (option_3.__value = $.get(option).value) ?? "";
+              }
+            });
+            $.append($$anchor5, option_3);
+          });
+          $.reset(select_2);
+          var select_2_value;
+          $.init_select(select_2);
+          var button_5 = $.sibling(select_2, 2);
+          $.reset(div_12);
+          $.template_effect(() => {
+            $.set_attribute(select_2, "aria-label", `Action ${$.get(actionIndex) + 1} target for ${$.get(rule).label}`);
+            if (select_2_value !== (select_2_value = $.get(action).target)) {
+              select_2.value = (select_2.__value = $.get(action).target) ?? "", $.select_option(select_2, $.get(action).target);
+            }
+            $.set_attribute(button_5, "aria-label", `Remove action ${$.get(actionIndex) + 1} of ${$.get(rule).label}`);
+          });
+          $.delegated("change", select_2, (event2) => handleUpdateAction($.get(rule).id, $.get(action).id, event2.target.value));
+          $.delegated("click", button_5, () => handleRemoveAction($.get(rule).id, $.get(action).id, $.get(actionIndex), $.get(ruleIndex)));
+          $.append($$anchor4, div_12);
+        });
+        $.reset(div_11);
+        var button_6 = $.sibling(div_11, 2);
+        var text_7 = $.child(button_6);
+        $.reset(button_6);
+        $.template_effect(() => {
+          $.set_attribute(div_11, "aria-labelledby", `${baseId}-rule-${$.get(ruleIndex)}-actions-label`);
+          $.set_attribute(button_6, "aria-label", `${addActionLabel()} to ${$.get(rule).label}`);
+          $.set_text(text_7, `+ ${addActionLabel() ?? ""}`);
+        });
+        $.delegated("click", button_6, () => handleAddAction($.get(rule).id));
+        $.append($$anchor3, fragment_4);
+      };
+      $.if(node_8, ($$render) => {
+        if ($.get(effectiveReadonly))
+          $$render(consequent_7);
+        else
+          $$render(alternate_4, -1);
+      });
+    }
+    $.reset(div_8);
+    $.reset(div);
+    $.template_effect(() => {
+      $.set_attribute(div, "data-irb-rule", $.get(ruleIndex));
+      $.set_attribute(span, "id", `${baseId}-rule-${$.get(ruleIndex)}-conditions-label`);
+      $.set_attribute(span_1, "id", `${baseId}-rule-${$.get(ruleIndex)}-actions-label`);
+    });
+    $.append($$anchor2, div);
+  });
+  var node_11 = $.sibling(node, 2);
+  {
+    var consequent_8 = ($$anchor2) => {
+      var button_7 = root_22();
+      var text_8 = $.child(button_7);
+      $.reset(button_7);
+      $.template_effect(() => $.set_text(text_8, `+ ${addRuleLabel() ?? ""}`));
+      $.delegated("click", button_7, handleAddRule);
+      $.append($$anchor2, button_7);
+    };
+    $.if(node_11, ($$render) => {
+      if (!$.get(effectiveReadonly))
+        $$render(consequent_8);
+    });
+  }
+  var node_12 = $.sibling(node_11, 2);
+  {
+    var consequent_9 = ($$anchor2) => {
+      var p_4 = root_23();
+      $.append($$anchor2, p_4);
+    };
+    $.if(node_12, ($$render) => {
+      if ($$props.rules.length === 0 && $.get(effectiveReadonly))
+        $$render(consequent_9);
+    });
+  }
+  $.reset(section);
+  var div_13 = $.sibling(section, 2);
+  var text_9 = $.child(div_13, true);
+  $.reset(div_13);
+  $.template_effect(() => $.set_text(text_9, $.get(announcement)));
+  $.append($$anchor, fragment);
+  $.pop();
+}
+$.delegate(["input", "keydown", "click", "change"]);
+
+// src/components/invocation-rule-builder/index.ts
+var invocation_rule_builder_default = Invocation_rule_builder;
+export {
+  invocation_rule_builder_default as default,
+  Invocation_rule_builder as InvocationRuleBuilder
+};
+
+//# debugId=D1D11EA2B754D14564756E2164756E21