@bcc-code/component-library-vue 0.9.13 → 0.9.17

package/dist/component-library.js

@@ -3283,8 +3283,8 @@ const Nk = yf(jk, {
         }
       },
       closeButton: {
-        width: "var(--space-300)",
-        height: "var(--space-300)",
+        width: "var(--space-250)",
+        height: "var(--space-250)",
         borderRadius: "var(--border-radius-lg)",
         focusRing: {
           width: "{focus.ring.width}",
@@ -9581,8 +9581,11 @@ const SC = {
 }), EC = {
   key: 0,
   class: "flex gap-2"
-}, RC = { class: "text-heading-sm text-default" }, AC = {
+}, RC = {
   key: 0,
+  class: "text-heading-sm text-default"
+}, AC = {
+  key: 1,
   class: "text-body-sm text-text-subtlest"
 }, zC = { class: "center gap-2" }, FC = ["onClick"], ON = /* @__PURE__ */ Te({
   __name: "BccStepIndicator",
@@ -9602,15 +9605,15 @@ const SC = {
   emits: ["update:modelValue"],
   setup(t) {
     const e = t, n = Tr(t, "modelValue"), r = ye(() => ({
-      current: n.value + 1,
+      current: n.value !== null ? n.value + 1 : null,
       total: Array.isArray(e.steps) ? e.steps.length : e.steps,
-      label: Array.isArray(e.steps) ? e.steps[n.value] ?? "" : ""
+      label: Array.isArray(e.steps) ? e.steps[n.value ?? -1] ?? "" : ""
     }));
     return (i, o) => (d(), p("div", {
       class: S(["bcc-step-indicator col gap-2", [{ left: t.left, right: t.right }, `ctx-${t.context}`]])
     }, [
       e.hideText ? g("", !0) : (d(), p("div", EC, [
-        k("span", RC, D(e.headingFn(r.value.current, r.value.total)), 1),
+        r.value.current !== null ? (d(), p("span", RC, D(e.headingFn(r.value.current, r.value.total)), 1)) : g("", !0),
         e.hideLabel ? g("", !0) : (d(), p("span", AC, D(r.value.label), 1))
       ])),
       k("div", zC, [
@@ -9620,7 +9623,7 @@ const SC = {
             l === n.value ? "w-6" : "w-1.5",
             {
               clickable: t.clickable,
-              "ctx-gray-subtle": l > n.value
+              "ctx-gray-subtle": l > (n.value ?? -1)
             }
           ]]),
           onClick: (s) => t.clickable ? n.value = l : null
@@ -9677,11 +9680,11 @@ const SC = {
   key: 0,
   class: "text-heading-md"
 }, NC = {
-  key: 1,
+  key: 0,
   class: "h-6 w-20",
   xmlns: "http://www.w3.org/2000/svg"
 }, HC = {
-  key: 2,
+  key: 1,
   class: "flex w-10 items-center"
 }, qC = {
   key: 0,
@@ -9739,11 +9742,13 @@ const SC = {
               B(ne(KI), { class: "w-6" }),
               t.backTitle ? (d(), p("h3", jC, D(t.backTitle), 1)) : g("", !0)
             ], 8, VC)),
-            t.left === "event-logo" ? (d(), p("svg", NC, [...a[1] || (a[1] = [
-              k("use", { "xlink:href": "#svg-splash-icon" }, null, -1)
-            ])])) : t.left || t.hideBack && !t.titleLeft && (t.right || o.$slots.right) ? (d(), p("div", HC, [
-              (d(), y(C(t.left)))
-            ])) : g("", !0),
+            b(o.$slots, "left", {}, () => [
+              t.left === "event-logo" ? (d(), p("svg", NC, [...a[1] || (a[1] = [
+                k("use", { "xlink:href": "#svg-splash-icon" }, null, -1)
+              ])])) : t.left || t.hideBack && !t.titleLeft && (t.right || o.$slots.right) ? (d(), p("div", HC, [
+                (d(), y(C(t.left)))
+              ])) : g("", !0)
+            ]),
             (d(), p("div", {
               key: String(i.value.title),
               class: S(["col pointer-events-none flex-1 gap-(--space-negative-25) truncate px-2", t.titleLeft ? "items-start text-left" : "text-center"])
@@ -12544,7 +12549,7 @@ const gx = { class: "flex items-center gap-2" }, vx = ["for"], MN = /* @__PURE__
         ]),
         _: 1
       }, 16),
-      t.label ? (d(), p("label", {
+      t.label || i.$slots.default ? (d(), p("label", {
         key: 0,
         for: r.value.inputId,
         class: S([
@@ -17665,7 +17670,7 @@ const o5 = ["for"], FN = /* @__PURE__ */ Te({
       class: S(["flex items-center gap-2", r.value])
     }, [
       B(ne(ol), Pe(Ye(i.value)), null, 16),
-      t.label ? (d(), p("label", {
+      t.label || o.$slots.default ? (d(), p("label", {
         key: 0,
         for: i.value.inputId,
         class: S([