bitboss-ui 2.1.102 → 2.1.104

package/dist/index40.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
-import { head as ce } from "./index290.js";
-import { isCssColor as K } from "./index226.js";
-import { isNil as x } from "./index258.js";
-import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index140.js";
-import { snapToStep as ve } from "./index291.js";
-import { last as fe } from "./index234.js";
-import { transpose as Q } from "./index292.js";
-import { clamp as m } from "./index217.js";
+import { head as ce } from "./index252.js";
+import { isCssColor as K } from "./index253.js";
+import { isNil as x } from "./index250.js";
+import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index141.js";
+import { snapToStep as ve } from "./index254.js";
+import { last as fe } from "./index238.js";
+import { transpose as Q } from "./index255.js";
+import { clamp as m } from "./index218.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index226.js";
-import { when as x } from "./index251.js";
+import { isCssColor as p } from "./index253.js";
+import { when as x } from "./index246.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index44.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index42.js";
 /* empty css        */
-import N from "./index259.js";
+import N from "./index226.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index261.js";
-import { useIndexById as T } from "./index262.js";
-import { useBaseOptions as q } from "./index263.js";
-import { useCoherence as J } from "./index264.js";
-import { hash as Q } from "./index233.js";
-import { useHashedWatcher as $ } from "./index265.js";
-import { usePrefill as X } from "./index266.js";
+import { useItemsGetter as U } from "./index228.js";
+import { useIndexById as T } from "./index229.js";
+import { useBaseOptions as q } from "./index230.js";
+import { useCoherence as J } from "./index231.js";
+import { hash as Q } from "./index232.js";
+import { useHashedWatcher as $ } from "./index233.js";
+import { usePrefill as X } from "./index234.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {
@@ -40,7 +40,7 @@ const ue = /* @__PURE__ */ j({
     const o = E, a = C;
     if (!Array.isArray(o.modelValue))
       throw new Error("Model value must be an array in checkbox group.");
-    const u = k(), r = k(!1), {
+    const u = k(), l = k(!1), {
       getter: c,
       items: L,
       loading: D
@@ -48,12 +48,10 @@ const ue = /* @__PURE__ */ j({
       items: d(o, "items"),
       debounce: 0
     }), m = () => {
-      o.enforceCoherence && !V.value && a("update:modelValue", P.value.coherent);
+      o.enforceCoherence && !V.value && a("update:modelValue", S.value.coherent);
     }, { hasPrefilled: I } = X({
-      onStart: !0,
-      currentValue: o.modelValue,
-      multiple: !0,
-      fn: async ({ prefill: e }) => {
+      trigger: !0,
+      fn: async (e) => {
         await c(e, o.modelValue), m();
       }
     }), { data: y } = T({
@@ -68,22 +66,22 @@ const ue = /* @__PURE__ */ j({
       selectedIndexedByHash: y
     }), H = async (e) => {
       a("update:modelValue", o.modelValue.concat(e.value));
-    }, S = async (e) => {
-      const l = { ...y.value };
-      delete l[e.valueHash], a("update:modelValue", Object.values(l));
-    }, { data: M } = T({
+    }, M = async (e) => {
+      const i = { ...y.value };
+      delete i[e.valueHash], a("update:modelValue", Object.values(i));
+    }, { data: P } = T({
       items: g,
       key: "valueHash"
-    }), { coherent: V, status: P } = J({
+    }), { coherent: V, status: S } = J({
       modelValue: d(o, "modelValue"),
       multiple: !0,
-      iteratee: (e) => !!M.value[Q(e)]
+      iteratee: (e) => !!P.value[Q(e)]
     });
-    let i = 0;
+    let r = 0;
     $(
       () => o.modelValue,
       async () => {
-        i++, V.value || (await c(!1, o.modelValue), m()), i--;
+        r++, V.value || (await c(!1, o.modelValue), m()), r--;
       },
       {
         debounce: o.modelValueDebounceTime
@@ -91,7 +89,7 @@ const ue = /* @__PURE__ */ j({
     ), $(
       () => [o.dependencies, o.items],
       async () => {
-        I.value && (i++, await c(!1, o.modelValue), i === 1 && m(), i--);
+        I.value && (r++, await c(!1, o.modelValue), r === 1 && m(), r--);
       },
       {
         debounce: o.depsDebounceTime
@@ -100,24 +98,24 @@ const ue = /* @__PURE__ */ j({
     const x = (e) => {
       if (o.id)
         return [o.id, e.valueHash].filter(Boolean).join("-");
-    }, F = (e, l) => {
-      a("change", e), l.selected ? S(l) : H(l);
+    }, F = (e, i) => {
+      a("change", e), i.selected ? M(i) : H(i);
     }, O = {
       onBlur: (e) => a("blur", e),
       onClick: (e) => a("click", e),
       onFocus: (e) => {
-        a("focus", e), r.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), r.value = !0);
+        a("focus", e), l.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), l.value = !0);
       },
       onInput: (e) => a("input", e),
       onKeydown: (e) => a("keydown", e),
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
     }, p = (e) => {
-      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), l.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     }, f = (e) => {
-      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), l.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     };
-    return (e, l) => (G(), z(N, {
+    return (e, i) => (G(), z(N, {
       ref_key: "container",
       ref: u,
       class: "bb-base-switch-group",

package/dist/index46.js

@@ -1,17 +1,17 @@
 import { defineComponent as j, ref as u, computed as m, toRef as C, watch as Q, createBlock as h, openBlock as f, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as I, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
-import ae from "./index113.js";
+import ae from "./index114.js";
 /* empty css         */
-import { last as le } from "./index234.js";
-import { useBaseOptions as ne } from "./index263.js";
-import { useIndexById as re } from "./index262.js";
-import ie from "./index268.js";
+import { last as le } from "./index238.js";
+import { useBaseOptions as ne } from "./index230.js";
+import { useIndexById as re } from "./index229.js";
+import ie from "./index239.js";
 /* empty css         */
-import ue from "./index270.js";
+import ue from "./index241.js";
 /* empty css         */
-import se from "./index137.js";
+import se from "./index138.js";
 /* empty css         */
-import de from "./index139.js";
-import { isEmpty as pe } from "./index247.js";
+import de from "./index140.js";
+import { isEmpty as pe } from "./index243.js";
 const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
   __name: "BaseTag",
   props: {

package/dist/index48.js

@@ -1,10 +1,10 @@
 import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, createBlock as $, openBlock as k, normalizeClass as C, withCtx as r, createVNode as i, unref as T, createElementVNode as v, mergeProps as x, renderSlot as t } from "vue";
-import E from "./index139.js";
-import G from "./index137.js";
+import E from "./index140.js";
+import G from "./index138.js";
 /* empty css         */
-import M from "./index113.js";
+import M from "./index114.js";
 /* empty css         */
-import { isNotNil as q } from "./index146.js";
+import { isNotNil as q } from "./index147.js";
 const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], Y = /* @__PURE__ */ h({
   __name: "BaseTextarea",
   props: {

package/dist/index50.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, ref as h, computed as v, onMounted as B, onBeforeUnmount as M, watch as g, createElementBlock as i, openBlock as r, Fragment as w, createVNode as m, createElementVNode as $, normalizeClass as C, withCtx as n, unref as E, mergeProps as b, renderSlot as t } from "vue";
-import q from "./index137.js";
+import q from "./index138.js";
 /* empty css         */
-import I from "./index139.js";
-import { MaskInput as z } from "./index255.js";
-import { isNotEmpty as D } from "./index256.js";
+import I from "./index140.js";
+import { MaskInput as z } from "./index288.js";
+import { isNotEmpty as D } from "./index289.js";
 const N = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
   __name: "BaseTextInput",
   props: {

package/dist/index54.js

@@ -1,9 +1,9 @@
 import { defineComponent as h, ref as k, watch as w, createBlock as r, openBlock as s, normalizeClass as C, withCtx as V, createElementVNode as t, createCommentVNode as i, createElementBlock as y, unref as z, renderSlot as n, normalizeProps as c, guardReactiveProps as m, createTextVNode as d, toDisplayString as u } from "vue";
 import B from "./index70.js";
 /* empty css        */
-import L from "./index87.js";
+import L from "./index88.js";
 /* empty css        */
-import { useLocale as g } from "./index225.js";
+import { useLocale as g } from "./index236.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index56.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index226.js";
-import { wait as C } from "./index141.js";
+import { isCssColor as y } from "./index253.js";
+import { wait as C } from "./index142.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,
   class: "bb-avatar__fallback"

package/dist/index58.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as l } from "./index226.js";
-import { isNil as B } from "./index258.js";
+import { isCssColor as l } from "./index253.js";
+import { isNil as B } from "./index250.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index60.js

@@ -1,11 +1,11 @@
 import { defineComponent as K, ref as I, computed as l, watch as Q, onBeforeUnmount as Z, createElementBlock as o, openBlock as n, normalizeStyle as x, createElementVNode as p, createCommentVNode as c, renderSlot as b, createVNode as C, withCtx as L, normalizeProps as ee, guardReactiveProps as se, mergeProps as N, createTextVNode as T, toDisplayString as M, Fragment as O, renderList as te } from "vue";
-import { useResizeObserver as ie } from "./index142.js";
-import { useLocale as ae } from "./index225.js";
+import { useResizeObserver as ie } from "./index143.js";
+import { useLocale as ae } from "./index236.js";
 import de from "./index14.js";
 /* empty css        */
-import re from "./index81.js";
+import re from "./index82.js";
 /* empty css        */
-import { estimateEllipsisWidth as le, estimateBreadcrumbItemWidth as oe } from "./index267.js";
+import { estimateEllipsisWidth as le, estimateBreadcrumbItemWidth as oe } from "./index263.js";
 const ne = ["aria-label"], be = { class: "bb-breadcrumbs__container" }, ue = {
   key: 0,
   class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--prepend"

package/dist/index62.js

@@ -3,15 +3,15 @@ import { defineComponent as E, mergeModels as M, defineAsyncComponent as W, useM
 /* empty css       */
 import I from "./index14.js";
 /* empty css        */
-import f from "./index87.js";
+import f from "./index88.js";
 /* empty css        */
-import J from "./index115.js";
+import J from "./index116.js";
 /* empty css         */
 import { pickBy as K } from "./index283.js";
 import { noop as Q } from "./index284.js";
-import { useLocale as U } from "./index225.js";
-import { extractDomContainer as X } from "./index285.js";
-import { isEqual as $ } from "./index228.js";
+import { useLocale as U } from "./index236.js";
+import { extractDomContainer as X } from "./index259.js";
+import { isEqual as $ } from "./index285.js";
 const Y = {
   key: 2,
   class: "bb-button__loading-label sr-only"
@@ -65,7 +65,7 @@ const Y = {
   emits: ["update:modelValue"],
   setup(v, { expose: z }) {
     const A = W(
-      () => import("./index211.js")
+      () => import("./index213.js")
     ), o = v, i = q(v, "modelValue"), d = l(() => i.value !== void 0), y = l(() => $(i.value, o.trueValue)), { t: L } = U(), g = R(), c = V(), S = (e) => {
       c.value = X(e) ?? void 0;
     }, T = l(() => {

package/dist/index68.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index225.js";
+import { useLocale as f } from "./index236.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index7.js

@@ -1,5 +1,5 @@
-import { getAsPercentage as p } from "./index140.js";
-import { wait as w } from "./index141.js";
+import { getAsPercentage as p } from "./index141.js";
+import { wait as w } from "./index142.js";
 import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
 const Y = ({
   duration: t,

package/dist/index72.js

@@ -1,11 +1,12 @@
-import { defineComponent as c, ref as b, computed as h, createBlock as f, openBlock as y, withCtx as a, createVNode as v, mergeProps as B, renderSlot as l, normalizeProps as w, guardReactiveProps as g } from "vue";
-import $ from "./index28.js";
+import { defineComponent as c, ref as h, computed as b, createBlock as f, openBlock as y, withCtx as a, createVNode as B, mergeProps as v, renderSlot as l, normalizeProps as w, guardReactiveProps as k } from "vue";
+import g from "./index28.js";
 /* empty css        */
-import k from "./index16.js";
+import $ from "./index16.js";
 /* empty css        */
 const E = /* @__PURE__ */ c({
   __name: "BbColorInput",
   props: {
+    alpha: { type: Boolean },
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
@@ -28,11 +29,13 @@ const E = /* @__PURE__ */ c({
     "prepend:icon": {},
     readonly: { type: Boolean },
     required: { type: Boolean },
-    reverse: { type: Boolean }
+    reverse: { type: Boolean },
+    picker: { type: Boolean },
+    swatches: { type: [Boolean, Array] }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: i }) {
-    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
+    const r = s, o = i, n = h(!1), d = b(() => r.persistentHint || n.value), t = {
       onBlur: (e) => {
         n.value = !1, o("blur", e);
       },
@@ -47,7 +50,7 @@ const E = /* @__PURE__ */ c({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, V) => (y(), f($, {
+    return (e, V) => (y(), f(g, {
       id: e.id,
       class: "bb-color-input",
       compact: e.compact,
@@ -64,11 +67,12 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value
     }, {
       label: a((p) => [
-        l(e.$slots, "label", w(g(p)))
+        l(e.$slots, "label", w(k(p)))
       ]),
       input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
-        v(k, B({
+        B($, v({
           id: p,
+          alpha: e.alpha,
           "append:icon": r["append:icon"],
           "aria-describedby": m,
           autocomplete: e.autocomplete,
@@ -80,10 +84,12 @@ const E = /* @__PURE__ */ c({
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
+          picker: e.picker,
           placeholder: e.placeholder,
           "prepend:icon": r["prepend:icon"],
           readonly: e.readonly,
-          required: e.required
+          required: e.required,
+          swatches: e.swatches
         }, t), {
           "append-outer": a(() => [
             l(e.$slots, "append-outer")
@@ -104,7 +110,7 @@ const E = /* @__PURE__ */ c({
             l(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "alpha", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "picker", "placeholder", "prepend:icon", "readonly", "required", "swatches"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index74.js

@@ -1,85 +1,125 @@
-import { defineComponent as k, computed as o, createBlock as n, openBlock as s, unref as t, normalizeClass as B, createSlots as x, withCtx as r, createElementVNode as d, createElementBlock as C, createCommentVNode as l, withDirectives as w, toDisplayString as a, vShow as z, createTextVNode as m } from "vue";
-import { confirmState as e, processMessage as i } from "./index6.js";
-import T from "./index26.js";
-/* empty css        */
-import N from "./index115.js";
+import { defineComponent as L, ref as u, computed as m, watch as n, nextTick as P, onBeforeUnmount as C, createElementBlock as D, openBlock as R, Fragment as T, renderSlot as U, createCommentVNode as $, createVNode as g, normalizeProps as F, mergeProps as H, unref as I, withCtx as M } from "vue";
+import { extractDomContainer as d } from "./index259.js";
+import { useLocale as N } from "./index236.js";
+import S from "./index286.js";
 /* empty css         */
-import f from "./index62.js";
-/* empty css        */
-const S = { class: "bb-confirm__content" }, V = {
-  key: 1,
-  class: "bb-confirm__text"
-}, $ = { class: "bb-confirm__teleport" }, G = /* @__PURE__ */ k({
-  __name: "BbConfirm",
-  setup(D) {
-    const c = o(
-      () => e.value.yesBusy || e.value.noBusy || e.value.loading
-    ), _ = o(() => !!e.value.current?.text), v = o(
-      () => e.value.current && !e.value.current.text && !e.value.loading
-    ), p = o(
-      () => e.value.current?.actions !== !1 && !e.value.loading
-    ), b = o(() => [
-      "bb-confirm",
-      `bb-confirm--${e.value.current?.theme ?? "default"}`
-    ]), y = (u) => {
-      u || i(!1);
-    }, h = () => i(!0), g = () => i(!1, !0);
-    return (u, E) => (s(), n(T, {
-      class: B(b.value),
-      "hide-header": t(e).current?.hideHeader,
-      "model-value": t(e).processing,
-      persistent: c.value,
-      "show-close": !c.value,
-      size: t(e).current?.size,
-      title: t(e).current?.title,
-      "onUpdate:modelValue": y
-    }, x({
-      default: r(() => [
-        d("div", S, [
-          t(e).loading ? (s(), n(N, {
-            key: 0,
-            size: "36"
-          })) : _.value ? (s(), C("div", V, a(t(e).current?.text), 1)) : l("", !0),
-          w(d("div", $, null, 512), [
-            [z, v.value]
-          ])
-        ])
-      ]),
-      _: 2
-    }, [
-      p.value ? {
-        name: "footer",
-        fn: r(() => [
-          t(e).current?.no !== !1 ? (s(), n(f, {
-            key: 0,
-            loading: t(e).noBusy,
-            class: "bb-confirm__no",
-            disabled: t(e).yesBusy,
-            onClick: g
-          }, {
-            default: r(() => [
-              m(a(t(e).current?.noText), 1)
-            ]),
-            _: 1
-          }, 8, ["loading", "disabled"])) : l("", !0),
-          t(e).current?.yes !== !1 ? (s(), n(f, {
-            key: 1,
-            loading: t(e).yesBusy,
-            class: "bb-confirm__yes",
-            disabled: t(e).noBusy,
-            onClick: h
-          }, {
-            default: r(() => [
-              m(a(t(e).current?.yesText), 1)
-            ]),
-            _: 1
-          }, 8, ["loading", "disabled"])) : l("", !0)
+import q from "./index247.js";
+/* empty css         */
+const W = /* @__PURE__ */ L({
+  __name: "BbColorPalette",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: { default: 4 },
+    padding: { default: 6 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    modelValue: {},
+    alpha: { type: Boolean, default: !1 },
+    swatches: { type: [Boolean, Array] },
+    activator: {},
+    anchor: {},
+    boundary: {},
+    flip: { type: Boolean, default: !0 },
+    showArrow: { type: Boolean, default: !1 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    label: {},
+    picker: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(y, { emit: k }) {
+    const t = y, f = k, { t: v } = N(), b = u(null), r = u(), s = u(), w = m(() => t.activator != null), A = (e) => {
+      r.value = d(e) ?? void 0;
+    }, E = (e) => {
+      s.value = d(e) ?? void 0;
+    };
+    n(
+      () => t.activator,
+      (e) => {
+        r.value = d(e) ?? void 0;
+      },
+      { immediate: !0 }
+    ), n(
+      () => t.anchor,
+      (e) => {
+        s.value = e != null ? d(e) ?? void 0 : void 0;
+      },
+      { immediate: !0 }
+    );
+    const B = m(() => s.value ?? r.value), a = u(!1);
+    let p = null;
+    const h = (e) => {
+      t.disabled || t.readonly || (e.stopPropagation(), a.value = !a.value);
+    }, c = (e) => {
+      e.target instanceof HTMLDialogElement && (a.value = !1);
+    };
+    n(a, async (e) => {
+      f("update:open", e), e ? (p = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("click", c, { passive: !0 }), await P(), b.value?.el?.querySelector('[tabindex="0"]')?.focus()) : (document.removeEventListener("click", c), p?.focus(), p = null);
+    });
+    let i = null;
+    n(
+      r,
+      (e) => {
+        i?.(), i = null, e && (e.addEventListener("click", h), i = () => {
+          e.removeEventListener("click", h), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-label");
+        });
+      },
+      { immediate: !0 }
+    );
+    const V = m(
+      () => t.label ?? v("colorInput.openPicker").value
+    );
+    return n(
+      [r, a, V],
+      ([e, o, l]) => {
+        e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", o ? "true" : "false"), e.setAttribute("aria-label", l));
+      },
+      { immediate: !0 }
+    ), C(() => {
+      i?.(), document.removeEventListener("click", c);
+    }), (e, o) => (R(), D(T, null, [
+      w.value ? $("", !0) : U(e.$slots, "activator", F(H({ key: 0 }, {
+        props: { ref: A },
+        anchorProps: { ref: E },
+        open: a.value,
+        color: e.modelValue,
+        disabled: e.disabled
+      }))),
+      g(q, {
+        modelValue: a.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => a.value = l),
+        anchor: B.value,
+        "aria-label": I(v)("colorInput.dialogLabel").value,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: "bb-color-palette__popover",
+        dialog: "",
+        eager: e.eager,
+        flip: e.flip,
+        "hide-arrow": !e.showArrow,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        "transition-duration": e.transitionDuration
+      }, {
+        default: M(() => [
+          g(S, {
+            ref_key: "paletteRef",
+            ref: b,
+            alpha: e.alpha,
+            inert: !a.value,
+            "model-value": e.modelValue,
+            picker: e.picker,
+            swatches: e.swatches,
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => f("update:modelValue", l))
+          }, null, 8, ["alpha", "inert", "model-value", "picker", "swatches"])
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["class", "hide-header", "model-value", "persistent", "show-close", "size", "title"]));
+        _: 1
+      }, 8, ["modelValue", "anchor", "aria-label", "arrow-padding", "boundary", "eager", "flip", "hide-arrow", "offset", "padding", "placement", "transition-duration"])
+    ], 64));
   }
 });
 export {
-  G as default
+  W as default
 };