bitboss-ui 0.2.31 → 0.2.32

package/dist/index61.js

@@ -1,9 +1,9 @@
-import { defineComponent as b, openBlock as f, createBlock as h, withCtx as r, renderSlot as i, normalizeProps as n, guardReactiveProps as s, createVNode as c, mergeProps as y, createSlots as V, renderList as g } from "vue";
-import v from "./index17.js";
+import { defineComponent as b, openBlock as f, createBlock as h, withCtx as a, renderSlot as i, normalizeProps as s, guardReactiveProps as n, createVNode as c, mergeProps as y, createSlots as v, renderList as w } from "vue";
+import g from "./index17.js";
 import "./index18.js";
-import w from "./index21.js";
+import B from "./index21.js";
 import "./index22.js";
-const O = /* @__PURE__ */ b({
+const C = /* @__PURE__ */ b({
   __name: "BbDatePickerInput",
   props: {
     allowWriting: { type: Boolean, default: !0 },
@@ -30,60 +30,60 @@ const O = /* @__PURE__ */ b({
     width: {}
   },
   emits: ["update:modelValue", "inactive", "error"],
-  setup(B, { emit: t }) {
+  setup(k, { emit: t }) {
     const o = t, d = {
       onInactive: () => o("inactive"),
       onError: (e) => o("error", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, k) => (f(), h(w, {
+    return (e, V) => (f(), h(B, {
+      id: e.id,
       class: "bb-date-picker-input",
       direction: e.direction,
       errors: e.errors,
-      hasErrors: e.hasErrors,
-      hideLabel: e.hideLabel,
-      id: e.id,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
       label: e.label,
-      labelPosition: e.labelPosition,
-      modelValue: e.modelValue,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse
     }, {
-      label: r((a) => [
-        i(e.$slots, "label", n(s(a)))
+      label: a((r) => [
+        i(e.$slots, "label", s(n(r)))
       ]),
-      input: r(({ id: a, name: m, hasErrors: p }) => [
-        c(v, y({
-          allowWriting: e.allowWriting,
+      input: a(({ id: r, name: m, hasErrors: p }) => [
+        c(g, y({
+          id: r,
+          "allow-writing": e.allowWriting,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           disabled: e.disabled,
-          firstDayOfWeek: e.firstDayOfWeek,
-          hasErrors: p,
-          id: a,
-          modelValue: e.modelValue,
+          "first-day-of-week": e.firstDayOfWeek,
+          "has-errors": p,
           max: e.max,
           min: e.min,
+          "model-value": e.modelValue,
           name: m,
           placeholder: e.placeholder,
           range: e.range,
           readonly: e.readonly,
           selectable: e.selectable,
           width: e.width
-        }, d), V({ _: 2 }, [
-          g(e.$slots, (P, l) => ({
+        }, d), v({ _: 2 }, [
+          w(e.$slots, (P, l) => ({
             name: l,
-            fn: r((u) => [
-              i(e.$slots, l, n(s(u)))
+            fn: a((u) => [
+              i(e.$slots, l, s(n(u)))
             ])
           }))
-        ]), 1040, ["allowWriting", "autocomplete", "autofocus", "disabled", "firstDayOfWeek", "hasErrors", "id", "modelValue", "max", "min", "name", "placeholder", "range", "readonly", "selectable", "width"])
+        ]), 1040, ["id", "allow-writing", "autocomplete", "autofocus", "disabled", "first-day-of-week", "has-errors", "max", "min", "model-value", "name", "placeholder", "range", "readonly", "selectable", "width"])
       ]),
       _: 3
-    }, 8, ["direction", "errors", "hasErrors", "hideLabel", "id", "label", "labelPosition", "modelValue", "name", "reverse"]));
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "label", "label-position", "model-value", "name", "reverse"]));
   }
 });
 export {
-  O as default
+  C as default
 };
 //# sourceMappingURL=index61.js.map

package/dist/index61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index61.js","sources":["../src/components/BbDatePickerInput/BbDatePickerInput.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseDatePickerInput from \"../BaseDatePickerInput/BaseDatePickerInput.vue\";\nimport BaseInputContainer from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport type { BaseDatePickerInputEvents } from \"../BaseDatePickerInput/BaseDatePickerInput.vue\";\nimport type { BaseDatePickerSlots } from \"../BaseDatePicker/BaseDatePicker.vue\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\nimport type { Locale } from \"dayjs/locale/it\";\n\nexport type BbDatePickerInputProps = {\n  /**\n   * Allows typing into the input.\n   */\n  allowWriting?: boolean;\n\n  /**\n   * Guides to the browser as to the type of information expected in the field.\n   */\n  autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n   */\n  direction?: \"horizontal\" | \"vertical\" | \"auto\" | string;\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * Can be a string or an array of string containing the messages to display.\n   */\n  errors?: string | string[];\n\n  /**\n   * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n   */\n  firstDayOfWeek?: Locale[\"weekStart\"];\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * Visually hides the label of the input while maintaining accessibility.\n   */\n  hideLabel?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Text content of the label of the element.\n   */\n  label: string;\n\n  /**\n   * Sets the text alignment of the label.\n   */\n  labelPosition?: \"left\" | \"center\" | \"right\";\n\n  /**\n   * Maximum selectable date\n   */\n  max?: Date | string | number;\n\n  /**\n   * Minimum selectable date\n   */\n  min?: Date | string | number;\n\n  /**\n   * Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed\n   */\n  modelValue: string | string[] | null;\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * String displayed when there's no data.\n   */\n  placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n  /**\n   * Selects a range of dates between two dates. It selects all of the days between start and end\n   */\n  range?: boolean;\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n\n  /**\n   * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n   */\n  reverse?: boolean;\n\n  /**\n   * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected\n   * @param date\n   */\n  selectable?: (date: Date) => boolean;\n\n  /**\n   * Width of the calendar\n   */\n  width?: number | string;\n};\n\nexport type BbDatePickerInputEvents = BaseDatePickerInputEvents;\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDatePickerInput',\n  props: {\n    allowWriting: { type: Boolean, default: true },\n    autocomplete: {},\n    autofocus: {},\n    direction: {},\n    disabled: { type: Boolean },\n    errors: {},\n    firstDayOfWeek: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    max: {},\n    min: {},\n    modelValue: {},\n    name: {},\n    placeholder: {},\n    range: { type: Boolean },\n    readonly: {},\n    reverse: { type: Boolean },\n    selectable: {},\n    width: {}\n  },\n  emits: [\"update:modelValue\", \"inactive\", \"error\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n  onInactive: () => emit(\"inactive\"),\n  onError: (message: string) => emit(\"error\", message),\n  \"onUpdate:modelValue\": (value: BbDatePickerInputProps[\"modelValue\"]) =>\n    emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-date-picker-input\",\n    direction: _ctx.direction,\n    errors: _ctx.errors,\n    hasErrors: _ctx.hasErrors,\n    hideLabel: _ctx.hideLabel,\n    id: _ctx.id,\n    label: _ctx.label,\n    labelPosition: _ctx.labelPosition,\n    modelValue: _ctx.modelValue,\n    name: _ctx.name,\n    reverse: _ctx.reverse\n  }, {\n    label: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"label\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    input: _withCtx(({ id, name, hasErrors }) => [\n      _createVNode(BaseDatePickerInput, _mergeProps({\n        allowWriting: _ctx.allowWriting,\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        firstDayOfWeek: _ctx.firstDayOfWeek,\n        hasErrors: hasErrors,\n        id: id,\n        modelValue: _ctx.modelValue,\n        max: _ctx.max,\n        min: _ctx.min,\n        name: name,\n        placeholder: _ctx.placeholder,\n        range: _ctx.range,\n        readonly: _ctx.readonly,\n        selectable: _ctx.selectable,\n        width: _ctx.width\n      }, eventListeners), _createSlots({ _: 2 }, [\n        _renderList(_ctx.$slots, (_, name) => {\n          return {\n            name: name,\n            fn: _withCtx((data) => [\n              _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n            ])\n          }\n        })\n      ]), 1040, [\"allowWriting\", \"autocomplete\", \"autofocus\", \"disabled\", \"firstDayOfWeek\", \"hasErrors\", \"id\", \"modelValue\", \"max\", \"min\", \"name\", \"placeholder\", \"range\", \"readonly\", \"selectable\", \"width\"])\n    ]),\n    _: 3\n  }, 8, [\"direction\", \"errors\", \"hasErrors\", \"hideLabel\", \"id\", \"label\", \"labelPosition\", \"modelValue\", \"name\", \"reverse\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__emit","emit","eventListeners","message","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseDatePickerInput","_mergeProps","_createSlots","_renderList","_"],"mappings":"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"}
+{"version":3,"file":"index61.js","sources":["../src/components/BbDatePickerInput/BbDatePickerInput.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseDatePickerInput from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport type { BaseDatePickerInputEvents } from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport type { BaseDatePickerSlots } from '../BaseDatePicker/BaseDatePicker.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport type { Locale } from 'dayjs/locale/it';\n\nexport type BbDatePickerInputProps = {\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n\t */\n\tfirstDayOfWeek?: Locale['weekStart'];\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Maximum selectable date\n\t */\n\tmax?: Date | string | number;\n\n\t/**\n\t * Minimum selectable date\n\t */\n\tmin?: Date | string | number;\n\n\t/**\n\t * Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed\n\t */\n\tmodelValue: string | string[] | null;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Selects a range of dates between two dates. It selects all of the days between start and end\n\t */\n\trange?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: boolean;\n\n\t/**\n\t * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected\n\t * @param date\n\t */\n\tselectable?: (date: Date) => boolean;\n\n\t/**\n\t * Width of the calendar\n\t */\n\twidth?: number | string;\n};\n\nexport type BbDatePickerInputEvents = BaseDatePickerInputEvents;\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDatePickerInput',\n  props: {\n    allowWriting: { type: Boolean, default: true },\n    autocomplete: {},\n    autofocus: {},\n    direction: {},\n    disabled: { type: Boolean },\n    errors: {},\n    firstDayOfWeek: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    max: {},\n    min: {},\n    modelValue: {},\n    name: {},\n    placeholder: {},\n    range: { type: Boolean },\n    readonly: {},\n    reverse: { type: Boolean },\n    selectable: {},\n    width: {}\n  },\n  emits: [\"update:modelValue\", \"inactive\", \"error\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonInactive: () => emit('inactive'),\n\tonError: (message: string) => emit('error', message),\n\t'onUpdate:modelValue': (value: BbDatePickerInputProps['modelValue']) =>\n\t\temit('update:modelValue', value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    id: _ctx.id,\n    class: \"bb-date-picker-input\",\n    direction: _ctx.direction,\n    errors: _ctx.errors,\n    \"has-errors\": _ctx.hasErrors,\n    \"hide-label\": _ctx.hideLabel,\n    label: _ctx.label,\n    \"label-position\": _ctx.labelPosition,\n    \"model-value\": _ctx.modelValue,\n    name: _ctx.name,\n    reverse: _ctx.reverse\n  }, {\n    label: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"label\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    input: _withCtx(({ id, name, hasErrors }) => [\n      _createVNode(BaseDatePickerInput, _mergeProps({\n        id: id,\n        \"allow-writing\": _ctx.allowWriting,\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        \"first-day-of-week\": _ctx.firstDayOfWeek,\n        \"has-errors\": hasErrors,\n        max: _ctx.max,\n        min: _ctx.min,\n        \"model-value\": _ctx.modelValue,\n        name: name,\n        placeholder: _ctx.placeholder,\n        range: _ctx.range,\n        readonly: _ctx.readonly,\n        selectable: _ctx.selectable,\n        width: _ctx.width\n      }, eventListeners), _createSlots({ _: 2 }, [\n        _renderList(_ctx.$slots, (_, name) => {\n          return {\n            name: name,\n            fn: _withCtx((data) => [\n              _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n            ])\n          }\n        })\n      ]), 1040, [\"id\", \"allow-writing\", \"autocomplete\", \"autofocus\", \"disabled\", \"first-day-of-week\", \"has-errors\", \"max\", \"min\", \"model-value\", \"name\", \"placeholder\", \"range\", \"readonly\", \"selectable\", \"width\"])\n    ]),\n    _: 3\n  }, 8, [\"id\", \"direction\", \"errors\", \"has-errors\", \"hide-label\", \"label\", \"label-position\", \"model-value\", \"name\", \"reverse\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__emit","emit","eventListeners","message","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseDatePickerInput","_mergeProps","_createSlots","_renderList","_"],"mappings":"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"}

package/dist/index63.js

@@ -27,9 +27,9 @@ const b = /* @__PURE__ */ d({
       return r.overlayClasses && (e = e.concat(r.overlayClasses)), e;
     });
     return (e, s) => (u(), f($, y(e.$props, {
-      overlayClasses: p.value,
-      onShown: s[0] || (s[0] = () => e.$emit("shown")),
-      onHidden: s[1] || (s[1] = () => e.$emit("hidden")),
+      "overlay-classes": p.value,
+      onHidden: s[0] || (s[0] = () => e.$emit("hidden")),
+      onShown: s[1] || (s[1] = () => e.$emit("shown")),
       "onUpdate:modelValue": s[2] || (s[2] = (o) => e.$emit("update:modelValue", o))
     }), {
       close: l((o) => [
@@ -51,7 +51,7 @@ const b = /* @__PURE__ */ d({
         t(e.$slots, "title", a(n(o)))
       ]),
       _: 3
-    }, 16, ["overlayClasses"]));
+    }, 16, ["overlay-classes"]));
   }
 });
 export {

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/BbDialog/BbDialog.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from \"vue\";\nimport BaseDialog from \"../BaseDialog/BaseDialog.vue\";\nimport type { Classes } from \"@/types/Classes\";\nimport type {\n  BaseDialogProps,\n  BaseDialogEvents,\n  BaseDialogSlots,\n} from \"../BaseDialog/BaseDialog.vue\";\nexport type {\n  BaseDialogProps as BbDialogProps,\n  BaseDialogEvents as BbDialogEvents,\n  Sizes,\n} from \"../BaseDialog/BaseDialog.vue\";\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDialog',\n  props: {\n    closeLabel: {},\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: {},\n    overlayClasses: {},\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: {},\n    transitionDuration: {},\n    size: {},\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n\n\nconst overlayClasses = computed<Classes>(() => {\n  let base: Classes = [\"bb-dialog\"];\n  if (props.overlayClasses) {\n    base = base.concat(props.overlayClasses);\n  }\n  return base;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseDialog, _mergeProps(_ctx.$props, {\n    overlayClasses: overlayClasses.value,\n    onShown: _cache[0] || (_cache[0] = () => _ctx.$emit('shown')),\n    onHidden: _cache[1] || (_cache[1] = () => _ctx.$emit('hidden')),\n    \"onUpdate:modelValue\": _cache[2] || (_cache[2] = (value) => _ctx.$emit('update:modelValue', value))\n  }), {\n    close: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"close\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    default: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"default\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    description: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"description\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    footer: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"footer\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    header: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"header\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    title: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"title\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    _: 3\n  }, 16, [\"overlayClasses\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","overlayClasses","computed","base","_ctx","_cache","_openBlock","_createBlock","BaseDialog","_mergeProps","value","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;AAkBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,cAAc,CAAC;AAAA,IACf,gBAAgB,CAAC;AAAA,IACjB,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,OAAO,CAAC;AAAA,IACR,YAAY,CAAC;AAAA,IACb,oBAAoB,CAAC;AAAA,IACrB,MAAM,CAAC;AAAA,IACP,aAAa,CAAC;AAAA,IACd,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AAAA,EACtC;AAAA,EACA,OAAO,CAAC,SAAS,UAAU,mBAAmB;AAAA,EAC9C,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAiBC,EAAkB,MAAM;AACzC,UAAAC,IAAgB,CAAC,WAAW;AAChC,aAAIH,EAAM,mBACDG,IAAAA,EAAK,OAAOH,EAAM,cAAc,IAElCG;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAYC,EAAYL,EAAK,QAAQ;AAAA,MACtE,gBAAgBH,EAAe;AAAA,MAC/B,SAASI,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,MAAMD,EAAK,MAAM,OAAO;AAAA,MAC3D,UAAUC,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,MAAMD,EAAK,MAAM,QAAQ;AAAA,MAC7D,uBAAuBC,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAUN,EAAK,MAAM,qBAAqBM,CAAK;AAAA,IAAA,CAClG,GAAG;AAAA,MACF,OAAOC,EAAS,CAACC,MAAS;AAAA,QACxBC,EAAYT,EAAK,QAAQ,SAASU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC7E;AAAA,MACD,SAASD,EAAS,CAACC,MAAS;AAAA,QAC1BC,EAAYT,EAAK,QAAQ,WAAWU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC/E;AAAA,MACD,aAAaD,EAAS,CAACC,MAAS;AAAA,QAC9BC,EAAYT,EAAK,QAAQ,eAAeU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CACnF;AAAA,MACD,QAAQD,EAAS,CAACC,MAAS;AAAA,QACzBC,EAAYT,EAAK,QAAQ,UAAUU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC9E;AAAA,MACD,QAAQD,EAAS,CAACC,MAAS;AAAA,QACzBC,EAAYT,EAAK,QAAQ,UAAUU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC9E;AAAA,MACD,OAAOD,EAAS,CAACC,MAAS;AAAA,QACxBC,EAAYT,EAAK,QAAQ,SAASU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC7E;AAAA,MACD,GAAG;AAAA,IAAA,GACF,IAAI,CAAC,gBAAgB,CAAC;AAAA,EAE3B;AAEA,CAAC;"}
+{"version":3,"file":"index63.js","sources":["../src/components/BbDialog/BbDialog.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from 'vue';\nimport BaseDialog from '../BaseDialog/BaseDialog.vue';\nimport type { Classes } from '@/types/Classes';\nimport type {\n\tBaseDialogProps,\n\tBaseDialogEvents,\n\tBaseDialogSlots,\n} from '../BaseDialog/BaseDialog.vue';\nexport type {\n\tBaseDialogProps as BbDialogProps,\n\tBaseDialogEvents as BbDialogEvents,\n\tSizes,\n} from '../BaseDialog/BaseDialog.vue';\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDialog',\n  props: {\n    closeLabel: {},\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: {},\n    overlayClasses: {},\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: {},\n    transitionDuration: {},\n    size: {},\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n\n\nconst overlayClasses = computed<Classes>(() => {\n\tlet base: Classes = ['bb-dialog'];\n\tif (props.overlayClasses) {\n\t\tbase = base.concat(props.overlayClasses);\n\t}\n\treturn base;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseDialog, _mergeProps(_ctx.$props, {\n    \"overlay-classes\": overlayClasses.value,\n    onHidden: _cache[0] || (_cache[0] = () => _ctx.$emit('hidden')),\n    onShown: _cache[1] || (_cache[1] = () => _ctx.$emit('shown')),\n    \"onUpdate:modelValue\": _cache[2] || (_cache[2] = (value) => _ctx.$emit('update:modelValue', value))\n  }), {\n    close: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"close\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    default: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"default\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    description: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"description\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    footer: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"footer\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    header: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"header\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    title: _withCtx((data) => [\n      _renderSlot(_ctx.$slots, \"title\", _normalizeProps(_guardReactiveProps(data)))\n    ]),\n    _: 3\n  }, 16, [\"overlay-classes\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","overlayClasses","computed","base","_ctx","_cache","_openBlock","_createBlock","BaseDialog","_mergeProps","value","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;AAkBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,cAAc,CAAC;AAAA,IACf,gBAAgB,CAAC;AAAA,IACjB,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,OAAO,CAAC;AAAA,IACR,YAAY,CAAC;AAAA,IACb,oBAAoB,CAAC;AAAA,IACrB,MAAM,CAAC;AAAA,IACP,aAAa,CAAC;AAAA,IACd,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AAAA,EACtC;AAAA,EACA,OAAO,CAAC,SAAS,UAAU,mBAAmB;AAAA,EAC9C,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAiBC,EAAkB,MAAM;AAC1C,UAAAC,IAAgB,CAAC,WAAW;AAChC,aAAIH,EAAM,mBACFG,IAAAA,EAAK,OAAOH,EAAM,cAAc,IAEjCG;AAAA,IAAA,CACP;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAYC,EAAYL,EAAK,QAAQ;AAAA,MACtE,mBAAmBH,EAAe;AAAA,MAClC,UAAUI,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,MAAMD,EAAK,MAAM,QAAQ;AAAA,MAC7D,SAASC,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,MAAMD,EAAK,MAAM,OAAO;AAAA,MAC3D,uBAAuBC,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAUN,EAAK,MAAM,qBAAqBM,CAAK;AAAA,IAAA,CAClG,GAAG;AAAA,MACF,OAAOC,EAAS,CAACC,MAAS;AAAA,QACxBC,EAAYT,EAAK,QAAQ,SAASU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC7E;AAAA,MACD,SAASD,EAAS,CAACC,MAAS;AAAA,QAC1BC,EAAYT,EAAK,QAAQ,WAAWU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC/E;AAAA,MACD,aAAaD,EAAS,CAACC,MAAS;AAAA,QAC9BC,EAAYT,EAAK,QAAQ,eAAeU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CACnF;AAAA,MACD,QAAQD,EAAS,CAACC,MAAS;AAAA,QACzBC,EAAYT,EAAK,QAAQ,UAAUU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC9E;AAAA,MACD,QAAQD,EAAS,CAACC,MAAS;AAAA,QACzBC,EAAYT,EAAK,QAAQ,UAAUU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC9E;AAAA,MACD,OAAOD,EAAS,CAACC,MAAS;AAAA,QACxBC,EAAYT,EAAK,QAAQ,SAASU,EAAgBC,EAAoBH,CAAI,CAAC,CAAC;AAAA,MAAA,CAC7E;AAAA,MACD,GAAG;AAAA,IAAA,GACF,IAAI,CAAC,iBAAiB,CAAC;AAAA,EAE5B;AAEA,CAAC;"}

package/dist/index65.js

@@ -1,14 +1,14 @@
 import { defineComponent as Y, computed as M, ref as v, openBlock as D, createElementBlock as H, mergeProps as S, createElementVNode as h, renderSlot as y, normalizeProps as Z, guardReactiveProps as ee, unref as c, createBlock as te, Teleport as oe, normalizeClass as ne, normalizeStyle as z, Fragment as N, renderList as ae, createVNode as le, withCtx as se, createCommentVNode as ie } from "vue";
-import { findRightIndex as I } from "./index222.js";
-import { useFloating as re, arrow as ue } from "./index223.js";
+import { findRightIndex as I } from "./index224.js";
+import { useFloating as re, arrow as ue } from "./index225.js";
 import { useId as de } from "./index7.js";
 import { wait as U } from "./index122.js";
 import ce from "./index9.js";
 import "./index10.js";
-import V from "./index209.js";
-import { autoUpdate as fe, flip as pe, shift as be } from "./index205.js";
-import { offset as me } from "./index210.js";
-const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
+import V from "./index216.js";
+import { autoUpdate as fe, flip as pe, shift as be } from "./index212.js";
+import { offset as me } from "./index217.js";
+const ve = ["id", "aria-labelledby"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
   __name: "BbDropdown",
   props: {
     arrowPadding: { default: 10 },
@@ -170,9 +170,9 @@ const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-containe
     }));
     return (e, n) => (D(), H("span", S({ class: "bb-dropdown" }, Q.value), [
       h("span", {
-        class: "bb-dropdown__wrapper",
         ref_key: "wrapper",
-        ref: g
+        ref: g,
+        class: "bb-dropdown__wrapper"
       }, [
         y(e.$slots, "activator", Z(ee({
           props: {
@@ -196,6 +196,11 @@ const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-containe
         to: "body"
       }, [
         h("span", {
+          id: `menu_${c(b)}`,
+          ref_key: "content",
+          ref: l,
+          "aria-labelledby": c(b),
+          "aria-role": "menu",
           class: ne(["bb-dropdown__bubble-container", {
             [`bb-dropdown__bubble-container--${c(m)}`]: !0,
             [`bb-dropdown__bubble-container--${e.theme}`]: e.theme,
@@ -204,20 +209,15 @@ const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-containe
             "bb-dropdown__bubble-container--opening": i.value,
             "bb-dropdown__bubble-container--open": r.value
           }]),
-          ref_key: "content",
-          ref: l,
           style: z({
             ...c(R),
             transitionDuration: `${a.transitionDuration}ms`
-          }),
-          "aria-labelledby": c(b),
-          "aria-role": "menu",
-          id: `menu_${c(b)}`
+          })
         }, [
           h("span", S({
-            class: "bb-dropdown__arrow",
             ref_key: "bubblearrow",
-            ref: F
+            ref: F,
+            class: "bb-dropdown__arrow"
           }, x.value), null, 16),
           h("span", {
             class: "bb-dropdown__bubble",
@@ -247,11 +247,11 @@ const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-containe
                   text: t.text
                 }),
                 le(ce, S({
+                  "aria-role": "menuitem",
                   class: ["bb-dropdown__item", {
                     "bb-dropdown__item--first": o === 0,
                     "bb-dropdown__item--last": o === e.items.length - 1
                   }],
-                  "aria-role": "menuitem",
                   "data-dropdown-item": !0
                 }, t), {
                   default: se(() => [
@@ -295,12 +295,12 @@ const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-containe
               ], 64))), 128))
             ]),
             y(e.$slots, "append", {
+              closed: f.value,
+              closing: u.value,
               disabled: e.disabled,
-              placement: c(m),
               open: r.value,
               opening: i.value,
-              closing: u.value,
-              closed: f.value
+              placement: c(m)
             })
           ], 4)
         ], 14, ve)

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.js","sources":["../src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, Teleport as _Teleport, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"aria-labelledby\", \"id\"]\nconst _hoisted_2 = { class: \"bb-dropdown__items-container\" }\n\nimport { computed, ref } from \"vue\";\nimport { findRightIndex } from \"@/utilities/functions/findRightIndex\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  arrow,\n  offset,\n} from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport selectors from \"focusable-selectors\";\nimport type { BaseButtonProps } from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbDropdownProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"id\"\n  | \"offset\"\n  | \"padding\"\n  | \"placement\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Array used to render each dropdown button.\n   * They can act as `button`, as `a`, or as `router-link`\n   * as they are based on the functionality provided by\n   * `BaseButton`\n   */\n  items: Item[];\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number;\n};\n\nexport type Item = Omit<BaseButtonProps, \"block\" | \"tag\" | \"type\"> & {\n  /**\n   * Click handler of the item.\n   */\n  onClick?: (...args: any[]) => any;\n  /**\n   * Key used to identify the element.\n   */\n  key: string;\n};\n\nexport type MappedItem = Item & {\n  /**\n   * Identifier of the element among it's siblings.\n   */\n  id: string;\n  /**\n   * Keydown event used to handle accessibility.\n   */\n  onKeydown: (event: KeyboardEvent) => void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdown',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    offset: { default: 3 },\n    padding: { default: 6 },\n    placement: { default: \"bottom\" },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    items: {},\n    width: { default: 200 }\n  },\n  setup(__props: any) {\n\n\n\nconst props = __props;\n\nconst id = props.id ?? `bb_${useId().id.value}`;\n\nconst mappedItems = computed<MappedItem[]>(() => {\n  let firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n  let lastFocusableIndex: number = findRightIndex(\n    props.items,\n    (item) => !item.disabled\n  );\n\n  return props.items.map((item, index) => {\n    const itemid = `${id}-item-${item.key}`;\n    const { onClick: handler, ...rest } = item;\n\n    /* Id a click handler has been passed close the dropdown\n     *  return focus and run the handler\n     */\n    const onClick = async () => {\n      await closeDropdown();\n      const nextElement = document.querySelector(`#${id}`);\n      if (!nextElement) return;\n      else if (nextElement instanceof HTMLElement) {\n        nextElement.focus();\n      }\n      if (handler) handler();\n    };\n\n    /**\n     * On keydown\n     * arrow down move to the next focusable element if it's not the last\n     * arrow up move to the previous focusable element if it's not the first\n     * on tab search the next focusable element after the button that opens the dropdown\n     * if an element is found focus on that\n     * (the menu is attached to body so it's not in order)\n     */\n    const onKeydown = (event: KeyboardEvent) => {\n      if (\n        event.target instanceof HTMLElement &&\n        event.target.dataset[\"dropdownItem\"]\n      ) {\n        if (!content.value) return;\n        if (event.key === \"ArrowDown\") {\n          event.preventDefault();\n          if (content.value && index !== lastFocusableIndex) {\n            const option = content.value.querySelector(\n              selectors.map((selector) => `#${itemid} ~ ${selector}`).join(\",\")\n            );\n            if (option && option instanceof HTMLElement) {\n              option.focus();\n            }\n          }\n        } else if (event.key === \"ArrowUp\") {\n          event.preventDefault();\n          if (content.value && index !== firstFocusableIndex) {\n            const indexOfPrevious = findRightIndex(props.items, (item, i) => {\n              return i < index && !item.disabled;\n            });\n\n            const options = Array.from(\n              content.value.querySelectorAll(`.bb-dropdown__item`)\n            );\n\n            const option = options[indexOfPrevious];\n\n            if (option && option instanceof HTMLElement) {\n              option.focus();\n            }\n          }\n        } else if (event.key === \"Tab\") {\n          if (index === lastFocusableIndex && !event.shiftKey) {\n            const selector = selectors.join(\",\");\n            const focusableElements = Array.from(\n              document.querySelectorAll(selector)\n            );\n            const indexOfButton = focusableElements.findIndex(\n              (el) => el.id === id\n            );\n            const nextElement = focusableElements[indexOfButton + 1];\n            if (!nextElement) return;\n            else if (nextElement instanceof HTMLElement) {\n              event.preventDefault();\n              closeDropdown();\n              nextElement.focus();\n            }\n          } else if (index === firstFocusableIndex && event.shiftKey) {\n            const nextElement = document.querySelector(`#${id}`);\n            if (!nextElement) return;\n            else if (nextElement instanceof HTMLElement) {\n              event.preventDefault();\n              nextElement.focus();\n            }\n          }\n        }\n      }\n    };\n\n    return {\n      ...rest,\n      disabled: rest.disabled || props.disabled,\n      id: itemid,\n      onClick,\n      onKeydown,\n    };\n  });\n});\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n  wrapper,\n  content,\n  {\n    placement: props.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      flip(),\n      offset(props.offset),\n      shift({ padding: props.padding }),\n      arrow({\n        element: bubblearrow,\n        padding: props.arrowPadding,\n      }),\n    ],\n  }\n);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n  if (middlewareData.value.arrow) {\n    const { x, y } = middlewareData.value.arrow;\n    return {\n      style: {\n        left: `${x}px`,\n        top: `${y}px`,\n      },\n    };\n  }\n});\n\n/* On click of the trigger attach elements  */\nconst onClick = () => {\n  if (opening.value || closing.value) return;\n  if (open.value) {\n    closeDropdown();\n  } else {\n    openDropdown();\n  }\n};\n\nconst onKeydown = async (event: KeyboardEvent) => {\n  let firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n  let lastFocusableIndex: number = findRightIndex(\n    props.items,\n    (item) => !item.disabled\n  );\n  if (event.key === \"ArrowDown\") {\n    event.preventDefault();\n    if (closing.value || opening.value) return;\n    if (closed.value) {\n      await openDropdown();\n    }\n    if (\n      content.value &&\n      mappedItems.value.length &&\n      firstFocusableIndex !== -1\n    ) {\n      const idToFocus = mappedItems.value[firstFocusableIndex].id;\n      const option = content.value.querySelector(`#${idToFocus}`);\n      if (option && option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  } else if (event.key === \"ArrowUp\") {\n    event.preventDefault();\n    if (closing.value || opening.value) return;\n    if (closed.value) {\n      await openDropdown();\n    }\n    if (\n      content.value &&\n      mappedItems.value.length &&\n      lastFocusableIndex !== -1\n    ) {\n      const idToFocus = mappedItems.value[lastFocusableIndex].id;\n      const option = content.value.querySelector(`#${idToFocus}`);\n      if (option && option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  } else if (event.key === \"Tab\") {\n    if (open.value && !event.shiftKey) {\n      event.preventDefault();\n      if (\n        content.value &&\n        mappedItems.value.length &&\n        firstFocusableIndex !== -1\n      ) {\n        const idToFocus = mappedItems.value[firstFocusableIndex].id;\n        const option = content.value.querySelector(`#${idToFocus}`);\n        if (option && option instanceof HTMLElement) {\n          option.focus();\n        }\n      }\n    }\n  }\n};\n\nconst onClickDocument = (event: Event) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeDropdown();\n    }\n  }\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeDropdown();\n    }\n  }\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      if (document.activeElement?.id !== id) {\n        const button = document.querySelector(`#${id}`);\n        if (button instanceof HTMLElement) {\n          button.focus();\n        }\n      }\n      closeDropdown();\n    }\n  }\n};\nconst hasOpenedOnce = ref(false);\nconst openDropdown = async () => {\n  hasOpenedOnce.value = true;\n  closed.value = false;\n  closing.value = false;\n  opening.value = true;\n  await wait(50);\n  open.value = true;\n  opening.value = false;\n  /* Attach listeners to document so we don't have to track them one by one */\n  document.addEventListener(\"click\", onClickDocument, { passive: true });\n  document.addEventListener(\"focusin\", onDocumentFocus, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst closeDropdown = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n  document.removeEventListener(\"click\", onClickDocument);\n  document.removeEventListener(\"focusin\", onDocumentFocus);\n  document.removeEventListener(\"keydown\", onEsc);\n};\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-dropdown--block\": props.block,\n    [`bb-dropdown--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-dropdown\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-dropdown__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-expanded': open.value,\n            'aria-controls': `menu_${_unref(id)}`,\n            id: _unref(id),\n            onClick: onClick,\n            onKeydown: onKeydown,\n            disabled: _ctx.disabled,\n          },\n          closed: closed.value,\n          closing: closing.value,\n          disabled: _ctx.disabled,\n          open: open.value,\n          opening: opening.value,\n          placement: _unref(placement),\n        })))\n    ], 512),\n    (hasOpenedOnce.value || _ctx.eager)\n      ? (_openBlock(), _createBlock(_Teleport, {\n          key: 0,\n          to: \"body\"\n        }, [\n          _createElementVNode(\"span\", {\n            class: _normalizeClass([\"bb-dropdown__bubble-container\", {\n          [`bb-dropdown__bubble-container--${_unref(placement)}`]: true,\n          [`bb-dropdown__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-dropdown__bubble-container--hidden': closed.value,\n          'bb-dropdown__bubble-container--closing': closing.value,\n          'bb-dropdown__bubble-container--opening': opening.value,\n          'bb-dropdown__bubble-container--open': open.value,\n        }]),\n            ref_key: \"content\",\n            ref: content,\n            style: _normalizeStyle({\n          ..._unref(floatingStyles),\n          transitionDuration: `${props.transitionDuration}ms`,\n        }),\n            \"aria-labelledby\": _unref(id),\n            \"aria-role\": \"menu\",\n            id: `menu_${_unref(id)}`\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              class: \"bb-dropdown__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", {\n              class: \"bb-dropdown__bubble\",\n              style: _normalizeStyle({ width: `${_ctx.width}px` })\n            }, [\n              _renderSlot(_ctx.$slots, \"prepend\", {\n                closed: closed.value,\n                closing: closing.value,\n                disabled: _ctx.disabled,\n                open: open.value,\n                opening: opening.value,\n                placement: _unref(placement)\n              }),\n              _createElementVNode(\"span\", _hoisted_2, [\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(mappedItems.value, (item, index) => {\n                  return (_openBlock(), _createElementBlock(_Fragment, {\n                    key: item.key\n                  }, [\n                    _renderSlot(_ctx.$slots, `item:prepend`, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      disabled: item.disabled,\n                      index: index,\n                      item: _ctx.items[index],\n                      open: open.value,\n                      opening: opening.value,\n                      placement: _unref(placement),\n                      text: item.text\n                    }),\n                    _createVNode(BaseButton, _mergeProps({\n                      class: [\"bb-dropdown__item\", {\n                  'bb-dropdown__item--first': index === 0,\n                  'bb-dropdown__item--last': index === _ctx.items.length - 1,\n                }],\n                      \"aria-role\": 'menuitem',\n                      \"data-dropdown-item\": true\n                    }, item), {\n                      default: _withCtx(() => [\n                        _renderSlot(_ctx.$slots, item.key, {\n                          closed: closed.value,\n                          closing: closing.value,\n                          disabled: item.disabled,\n                          index: index,\n                          item: item,\n                          open: open.value,\n                          opening: opening.value,\n                          placement: _unref(placement),\n                          text: item.text\n                        }, () => [\n                          _renderSlot(_ctx.$slots, \"item\", {\n                            closed: closed.value,\n                            closing: closing.value,\n                            disabled: item.disabled,\n                            index: index,\n                            item: item,\n                            open: open.value,\n                            opening: opening.value,\n                            placement: _unref(placement),\n                            text: item.text\n                          })\n                        ])\n                      ]),\n                      _: 2\n                    }, 1040, [\"class\"]),\n                    _renderSlot(_ctx.$slots, `item:append`, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      disabled: item.disabled,\n                      index: index,\n                      item: _ctx.items[index],\n                      open: open.value,\n                      opening: opening.value,\n                      placement: _unref(placement),\n                      text: item.text\n                    })\n                  ], 64))\n                }), 128))\n              ]),\n              _renderSlot(_ctx.$slots, \"append\", {\n                disabled: _ctx.disabled,\n                placement: _unref(placement),\n                open: open.value,\n                opening: opening.value,\n                closing: closing.value,\n                closed: closed.value\n              })\n            ], 4)\n          ], 14, _hoisted_1)\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","mappedItems","computed","firstFocusableIndex","el","lastFocusableIndex","findRightIndex","item","index","itemid","handler","rest","onClick","closeDropdown","nextElement","onKeydown","event","content","option","selectors","selector","indexOfPrevious","i","focusableElements","indexOfButton","wrapper","ref","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","opening","open","closing","closed","arrowAttributes","x","y","openDropdown","idToFocus","onClickDocument","target","isOutside","onDocumentFocus","onEsc","_a","button","hasOpenedOnce","wait","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_Fragment","_renderList","_createVNode","BaseButton","_withCtx","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"index65.js","sources":["../src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, Teleport as _Teleport, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"aria-labelledby\"]\nconst _hoisted_2 = { class: \"bb-dropdown__items-container\" }\n\nimport { computed, ref } from 'vue';\nimport { findRightIndex } from '@/utilities/functions/findRightIndex';\nimport {\n\tuseFloating,\n\tautoUpdate,\n\tflip,\n\tshift,\n\tarrow,\n\toffset,\n} from '@floating-ui/vue';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport selectors from 'focusable-selectors';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbDropdownProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'offset'\n\t| 'padding'\n\t| 'placement'\n\t| 'theme'\n\t| 'transitionDuration'\n> & {\n\t/**\n\t * Array used to render each dropdown button.\n\t * They can act as `button`, as `a`, or as `router-link`\n\t * as they are based on the functionality provided by\n\t * `BaseButton`\n\t */\n\titems: Item[];\n\t/**\n\t * Width of the dropdown in pixels.\n\t */\n\twidth?: number;\n};\n\nexport type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {\n\t/**\n\t * Click handler of the item.\n\t */\n\tonClick?: (...args: any[]) => any;\n\t/**\n\t * Key used to identify the element.\n\t */\n\tkey: string;\n};\n\nexport type MappedItem = Item & {\n\t/**\n\t * Identifier of the element among it's siblings.\n\t */\n\tid: string;\n\t/**\n\t * Keydown event used to handle accessibility.\n\t */\n\tonKeydown: (event: KeyboardEvent) => void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdown',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    offset: { default: 3 },\n    padding: { default: 6 },\n    placement: { default: 'bottom' },\n    theme: { default: 'default' },\n    transitionDuration: { default: 150 },\n    items: {},\n    width: { default: 200 }\n  },\n  setup(__props: any) {\n\n\n\nconst props = __props;\n\nconst id = props.id ?? `bb_${useId().id.value}`;\n\nconst mappedItems = computed<MappedItem[]>(() => {\n\tlet firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n\tlet lastFocusableIndex: number = findRightIndex(\n\t\tprops.items,\n\t\t(item) => !item.disabled\n\t);\n\n\treturn props.items.map((item, index) => {\n\t\tconst itemid = `${id}-item-${item.key}`;\n\t\tconst { onClick: handler, ...rest } = item;\n\n\t\t/* Id a click handler has been passed close the dropdown\n\t\t *  return focus and run the handler\n\t\t */\n\t\tconst onClick = async () => {\n\t\t\tawait closeDropdown();\n\t\t\tconst nextElement = document.querySelector(`#${id}`);\n\t\t\tif (!nextElement) return;\n\t\t\telse if (nextElement instanceof HTMLElement) {\n\t\t\t\tnextElement.focus();\n\t\t\t}\n\t\t\tif (handler) handler();\n\t\t};\n\n\t\t/**\n\t\t * On keydown\n\t\t * arrow down move to the next focusable element if it's not the last\n\t\t * arrow up move to the previous focusable element if it's not the first\n\t\t * on tab search the next focusable element after the button that opens the dropdown\n\t\t * if an element is found focus on that\n\t\t * (the menu is attached to body so it's not in order)\n\t\t */\n\t\tconst onKeydown = (event: KeyboardEvent) => {\n\t\t\tif (\n\t\t\t\tevent.target instanceof HTMLElement &&\n\t\t\t\tevent.target.dataset['dropdownItem']\n\t\t\t) {\n\t\t\t\tif (!content.value) return;\n\t\t\t\tif (event.key === 'ArrowDown') {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif (content.value && index !== lastFocusableIndex) {\n\t\t\t\t\t\tconst option = content.value.querySelector(\n\t\t\t\t\t\t\tselectors.map((selector) => `#${itemid} ~ ${selector}`).join(',')\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (option && option instanceof HTMLElement) {\n\t\t\t\t\t\t\toption.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if (event.key === 'ArrowUp') {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif (content.value && index !== firstFocusableIndex) {\n\t\t\t\t\t\tconst indexOfPrevious = findRightIndex(props.items, (item, i) => {\n\t\t\t\t\t\t\treturn i < index && !item.disabled;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tconst options = Array.from(\n\t\t\t\t\t\t\tcontent.value.querySelectorAll(`.bb-dropdown__item`)\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tconst option = options[indexOfPrevious];\n\n\t\t\t\t\t\tif (option && option instanceof HTMLElement) {\n\t\t\t\t\t\t\toption.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if (event.key === 'Tab') {\n\t\t\t\t\tif (index === lastFocusableIndex && !event.shiftKey) {\n\t\t\t\t\t\tconst selector = selectors.join(',');\n\t\t\t\t\t\tconst focusableElements = Array.from(\n\t\t\t\t\t\t\tdocument.querySelectorAll(selector)\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst indexOfButton = focusableElements.findIndex(\n\t\t\t\t\t\t\t(el) => el.id === id\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst nextElement = focusableElements[indexOfButton + 1];\n\t\t\t\t\t\tif (!nextElement) return;\n\t\t\t\t\t\telse if (nextElement instanceof HTMLElement) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tcloseDropdown();\n\t\t\t\t\t\t\tnextElement.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (index === firstFocusableIndex && event.shiftKey) {\n\t\t\t\t\t\tconst nextElement = document.querySelector(`#${id}`);\n\t\t\t\t\t\tif (!nextElement) return;\n\t\t\t\t\t\telse if (nextElement instanceof HTMLElement) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tnextElement.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\treturn {\n\t\t\t...rest,\n\t\t\tdisabled: rest.disabled || props.disabled,\n\t\t\tid: itemid,\n\t\t\tonClick,\n\t\t\tonKeydown,\n\t\t};\n\t});\n});\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n\twrapper,\n\tcontent,\n\t{\n\t\tplacement: props.placement,\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tflip(),\n\t\t\toffset(props.offset),\n\t\t\tshift({ padding: props.padding }),\n\t\t\tarrow({\n\t\t\t\telement: bubblearrow,\n\t\t\t\tpadding: props.arrowPadding,\n\t\t\t}),\n\t\t],\n\t}\n);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n\tif (middlewareData.value.arrow) {\n\t\tconst { x, y } = middlewareData.value.arrow;\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t},\n\t\t};\n\t}\n});\n\n/* On click of the trigger attach elements  */\nconst onClick = () => {\n\tif (opening.value || closing.value) return;\n\tif (open.value) {\n\t\tcloseDropdown();\n\t} else {\n\t\topenDropdown();\n\t}\n};\n\nconst onKeydown = async (event: KeyboardEvent) => {\n\tlet firstFocusableIndex: number = props.items.findIndex((el) => !el.disabled);\n\tlet lastFocusableIndex: number = findRightIndex(\n\t\tprops.items,\n\t\t(item) => !item.disabled\n\t);\n\tif (event.key === 'ArrowDown') {\n\t\tevent.preventDefault();\n\t\tif (closing.value || opening.value) return;\n\t\tif (closed.value) {\n\t\t\tawait openDropdown();\n\t\t}\n\t\tif (\n\t\t\tcontent.value &&\n\t\t\tmappedItems.value.length &&\n\t\t\tfirstFocusableIndex !== -1\n\t\t) {\n\t\t\tconst idToFocus = mappedItems.value[firstFocusableIndex].id;\n\t\t\tconst option = content.value.querySelector(`#${idToFocus}`);\n\t\t\tif (option && option instanceof HTMLElement) {\n\t\t\t\toption.focus();\n\t\t\t}\n\t\t}\n\t} else if (event.key === 'ArrowUp') {\n\t\tevent.preventDefault();\n\t\tif (closing.value || opening.value) return;\n\t\tif (closed.value) {\n\t\t\tawait openDropdown();\n\t\t}\n\t\tif (\n\t\t\tcontent.value &&\n\t\t\tmappedItems.value.length &&\n\t\t\tlastFocusableIndex !== -1\n\t\t) {\n\t\t\tconst idToFocus = mappedItems.value[lastFocusableIndex].id;\n\t\t\tconst option = content.value.querySelector(`#${idToFocus}`);\n\t\t\tif (option && option instanceof HTMLElement) {\n\t\t\t\toption.focus();\n\t\t\t}\n\t\t}\n\t} else if (event.key === 'Tab') {\n\t\tif (open.value && !event.shiftKey) {\n\t\t\tevent.preventDefault();\n\t\t\tif (\n\t\t\t\tcontent.value &&\n\t\t\t\tmappedItems.value.length &&\n\t\t\t\tfirstFocusableIndex !== -1\n\t\t\t) {\n\t\t\t\tconst idToFocus = mappedItems.value[firstFocusableIndex].id;\n\t\t\t\tconst option = content.value.querySelector(`#${idToFocus}`);\n\t\t\t\tif (option && option instanceof HTMLElement) {\n\t\t\t\t\toption.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onClickDocument = (event: Event) => {\n\tconst target = event.target;\n\tif (!target) return;\n\tif (target instanceof HTMLElement) {\n\t\tlet isOutside = true;\n\n\t\tif (wrapper.value) {\n\t\t\tif (wrapper.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\t\tif (content.value) {\n\t\t\tif (content.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\n\t\tif (isOutside) {\n\t\t\tcloseDropdown();\n\t\t}\n\t}\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tconst target = event.target;\n\tif (!target) return;\n\tif (target instanceof HTMLElement) {\n\t\tlet isOutside = true;\n\n\t\tif (wrapper.value) {\n\t\t\tif (wrapper.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\t\tif (content.value) {\n\t\t\tif (content.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\n\t\tif (isOutside) {\n\t\t\tcloseDropdown();\n\t\t}\n\t}\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n\tif (open.value) {\n\t\tif (event.key === 'Escape') {\n\t\t\tif (document.activeElement?.id !== id) {\n\t\t\t\tconst button = document.querySelector(`#${id}`);\n\t\t\t\tif (button instanceof HTMLElement) {\n\t\t\t\t\tbutton.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t\tcloseDropdown();\n\t\t}\n\t}\n};\nconst hasOpenedOnce = ref(false);\nconst openDropdown = async () => {\n\thasOpenedOnce.value = true;\n\tclosed.value = false;\n\tclosing.value = false;\n\topening.value = true;\n\tawait wait(50);\n\topen.value = true;\n\topening.value = false;\n\t/* Attach listeners to document so we don't have to track them one by one */\n\tdocument.addEventListener('click', onClickDocument, { passive: true });\n\tdocument.addEventListener('focusin', onDocumentFocus, { passive: true });\n\tdocument.addEventListener('keydown', onEsc, { passive: true });\n};\n\nconst closeDropdown = async () => {\n\topen.value = false;\n\topening.value = false;\n\tclosing.value = true;\n\tawait wait(props.transitionDuration);\n\tclosing.value = false;\n\tclosed.value = true;\n\tdocument.removeEventListener('click', onClickDocument);\n\tdocument.removeEventListener('focusin', onDocumentFocus);\n\tdocument.removeEventListener('keydown', onEsc);\n};\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-dropdown--block': props.block,\n\t\t[`bb-dropdown--theme-${props.theme}`]: props.theme,\n\t};\n\treturn {\n\t\tclass: classes,\n\t};\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-dropdown\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      ref_key: \"wrapper\",\n      ref: wrapper,\n      class: \"bb-dropdown__wrapper\"\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t'aria-expanded': open.value,\n\t\t\t\t\t\t'aria-controls': `menu_${_unref(id)}`,\n\t\t\t\t\t\tid: _unref(id),\n\t\t\t\t\t\tonClick: onClick,\n\t\t\t\t\t\tonKeydown: onKeydown,\n\t\t\t\t\t\tdisabled: _ctx.disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclosed: closed.value,\n\t\t\t\t\tclosing: closing.value,\n\t\t\t\t\tdisabled: _ctx.disabled,\n\t\t\t\t\topen: open.value,\n\t\t\t\t\topening: opening.value,\n\t\t\t\t\tplacement: _unref(placement),\n\t\t\t\t})))\n    ], 512),\n    (hasOpenedOnce.value || _ctx.eager)\n      ? (_openBlock(), _createBlock(_Teleport, {\n          key: 0,\n          to: \"body\"\n        }, [\n          _createElementVNode(\"span\", {\n            id: `menu_${_unref(id)}`,\n            ref_key: \"content\",\n            ref: content,\n            \"aria-labelledby\": _unref(id),\n            \"aria-role\": \"menu\",\n            class: _normalizeClass([\"bb-dropdown__bubble-container\", {\n\t\t\t\t\t[`bb-dropdown__bubble-container--${_unref(placement)}`]: true,\n\t\t\t\t\t[`bb-dropdown__bubble-container--${_ctx.theme}`]: _ctx.theme,\n\t\t\t\t\t'bb-dropdown__bubble-container--hidden': closed.value,\n\t\t\t\t\t'bb-dropdown__bubble-container--closing': closing.value,\n\t\t\t\t\t'bb-dropdown__bubble-container--opening': opening.value,\n\t\t\t\t\t'bb-dropdown__bubble-container--open': open.value,\n\t\t\t\t}]),\n            style: _normalizeStyle({\n\t\t\t\t\t..._unref(floatingStyles),\n\t\t\t\t\ttransitionDuration: `${props.transitionDuration}ms`,\n\t\t\t\t})\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow,\n              class: \"bb-dropdown__arrow\"\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", {\n              class: \"bb-dropdown__bubble\",\n              style: _normalizeStyle({ width: `${_ctx.width}px` })\n            }, [\n              _renderSlot(_ctx.$slots, \"prepend\", {\n                closed: closed.value,\n                closing: closing.value,\n                disabled: _ctx.disabled,\n                open: open.value,\n                opening: opening.value,\n                placement: _unref(placement)\n              }),\n              _createElementVNode(\"span\", _hoisted_2, [\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(mappedItems.value, (item, index) => {\n                  return (_openBlock(), _createElementBlock(_Fragment, {\n                    key: item.key\n                  }, [\n                    _renderSlot(_ctx.$slots, `item:prepend`, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      disabled: item.disabled,\n                      index: index,\n                      item: _ctx.items[index],\n                      open: open.value,\n                      opening: opening.value,\n                      placement: _unref(placement),\n                      text: item.text\n                    }),\n                    _createVNode(BaseButton, _mergeProps({\n                      \"aria-role\": 'menuitem',\n                      class: [\"bb-dropdown__item\", {\n\t\t\t\t\t\t\t\t\t'bb-dropdown__item--first': index === 0,\n\t\t\t\t\t\t\t\t\t'bb-dropdown__item--last': index === _ctx.items.length - 1,\n\t\t\t\t\t\t\t\t}],\n                      \"data-dropdown-item\": true\n                    }, item), {\n                      default: _withCtx(() => [\n                        _renderSlot(_ctx.$slots, item.key, {\n                          closed: closed.value,\n                          closing: closing.value,\n                          disabled: item.disabled,\n                          index: index,\n                          item: item,\n                          open: open.value,\n                          opening: opening.value,\n                          placement: _unref(placement),\n                          text: item.text\n                        }, () => [\n                          _renderSlot(_ctx.$slots, \"item\", {\n                            closed: closed.value,\n                            closing: closing.value,\n                            disabled: item.disabled,\n                            index: index,\n                            item: item,\n                            open: open.value,\n                            opening: opening.value,\n                            placement: _unref(placement),\n                            text: item.text\n                          })\n                        ])\n                      ]),\n                      _: 2\n                    }, 1040, [\"class\"]),\n                    _renderSlot(_ctx.$slots, `item:append`, {\n                      closed: closed.value,\n                      closing: closing.value,\n                      disabled: item.disabled,\n                      index: index,\n                      item: _ctx.items[index],\n                      open: open.value,\n                      opening: opening.value,\n                      placement: _unref(placement),\n                      text: item.text\n                    })\n                  ], 64))\n                }), 128))\n              ]),\n              _renderSlot(_ctx.$slots, \"append\", {\n                closed: closed.value,\n                closing: closing.value,\n                disabled: _ctx.disabled,\n                open: open.value,\n                opening: opening.value,\n                placement: _unref(placement)\n              })\n            ], 4)\n          ], 14, _hoisted_1)\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","mappedItems","computed","firstFocusableIndex","el","lastFocusableIndex","findRightIndex","item","index","itemid","handler","rest","onClick","closeDropdown","nextElement","onKeydown","event","content","option","selectors","selector","indexOfPrevious","i","focusableElements","indexOfButton","wrapper","ref","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","opening","open","closing","closed","arrowAttributes","x","y","openDropdown","idToFocus","onClickDocument","target","isOutside","onDocumentFocus","onEsc","_a","button","hasOpenedOnce","wait","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_Fragment","_renderList","_createVNode","BaseButton","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;AAGA,MAAMA,KAAa,CAAC,MAAM,iBAAiB,GACrCC,KAAa,EAAE,OAAO,kCAoEAC,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,IAAI,CAAC;AAAA,IACL,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS,EAAE,SAAS,EAAE;AAAA,IACtB,WAAW,EAAE,SAAS,SAAS;AAAA,IAC/B,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5B,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,OAAO,CAAC;AAAA,IACR,OAAO,EAAE,SAAS,IAAI;AAAA,EACxB;AAAA,EACA,MAAMC,GAAc;AAItB,UAAMC,IAAQD,GAERE,IAAKD,EAAM,MAAM,MAAME,KAAQ,GAAG,KAAK,IAEvCC,IAAcC,EAAuB,MAAM;AAC5C,UAAAC,IAA8BL,EAAM,MAAM,UAAU,CAACM,MAAO,CAACA,EAAG,QAAQ,GACxEC,IAA6BC;AAAA,QAChCR,EAAM;AAAA,QACN,CAACS,MAAS,CAACA,EAAK;AAAA,MAAA;AAGjB,aAAOT,EAAM,MAAM,IAAI,CAACS,GAAMC,MAAU;AACvC,cAAMC,IAAS,GAAGV,CAAE,SAASQ,EAAK,GAAG,IAC/B,EAAE,SAASG,GAAS,GAAGC,MAASJ,GAKhCK,IAAU,YAAY;AAC3B,gBAAMC,EAAc;AACpB,gBAAMC,IAAc,SAAS,cAAc,IAAIf,CAAE,EAAE;AACnD,cAAKe;AAAa,YACTA,aAAuB,eAC/BA,EAAY,MAAM;AAAA;AAFD;AAId,UAAAJ,KAAiBA;QAAA,GAWhBK,IAAY,CAACC,MAAyB;AAC3C,cACCA,EAAM,kBAAkB,eACxBA,EAAM,OAAO,QAAQ,cACpB;AACD,gBAAI,CAACC,EAAQ;AAAO;AAChB,gBAAAD,EAAM,QAAQ;AAEb,kBADJA,EAAM,eAAe,GACjBC,EAAQ,SAAST,MAAUH,GAAoB;AAC5C,sBAAAa,IAASD,EAAQ,MAAM;AAAA,kBAC5BE,EAAU,IAAI,CAACC,MAAa,IAAIX,CAAM,MAAMW,CAAQ,EAAE,EAAE,KAAK,GAAG;AAAA,gBAAA;AAE7D,gBAAAF,KAAUA,aAAkB,eAC/BA,EAAO,MAAM;AAAA,cAEf;AAAA,uBACUF,EAAM,QAAQ;AAEpB,kBADJA,EAAM,eAAe,GACjBC,EAAQ,SAAST,MAAUL,GAAqB;AACnD,sBAAMkB,IAAkBf,EAAeR,EAAM,OAAO,CAACS,GAAMe,MACnDA,IAAId,KAAS,CAACD,EAAK,QAC1B,GAMKW,IAJU,MAAM;AAAA,kBACrBD,EAAQ,MAAM,iBAAiB,oBAAoB;AAAA,gBAAA,EAG7BI,CAAe;AAElC,gBAAAH,KAAUA,aAAkB,eAC/BA,EAAO,MAAM;AAAA,cAEf;AAAA,uBACUF,EAAM,QAAQ;AACxB,kBAAIR,MAAUH,KAAsB,CAACW,EAAM,UAAU;AAC9C,sBAAAI,IAAWD,EAAU,KAAK,GAAG,GAC7BI,IAAoB,MAAM;AAAA,kBAC/B,SAAS,iBAAiBH,CAAQ;AAAA,gBAAA,GAE7BI,IAAgBD,EAAkB;AAAA,kBACvC,CAACnB,MAAOA,EAAG,OAAOL;AAAA,gBAAA,GAEbe,IAAcS,EAAkBC,IAAgB,CAAC;AACvD,oBAAKV;AAAa,kBACTA,aAAuB,gBAC/BE,EAAM,eAAe,GACPH,KACdC,EAAY,MAAM;AAAA;AAJD;AAAA,cAMR,WAAAN,MAAUL,KAAuBa,EAAM,UAAU;AAC3D,sBAAMF,IAAc,SAAS,cAAc,IAAIf,CAAE,EAAE;AACnD,oBAAKe;AAAa,kBACTA,aAAuB,gBAC/BE,EAAM,eAAe,GACrBF,EAAY,MAAM;AAAA;AAHD;AAAA,cAKnB;AAAA;AAAA,UAEF;AAAA,QAAA;AAGM,eAAA;AAAA,UACN,GAAGH;AAAA,UACH,UAAUA,EAAK,YAAYb,EAAM;AAAA,UACjC,IAAIW;AAAA,UACJ,SAAAG;AAAAA,UACA,WAAAG;AAAAA,QAAA;AAAA,MACD,CACA;AAAA,IAAA,CACD,GAEKU,IAAUC,KACVT,IAAUS,KACVC,IAAcD,KAEd,EAAE,gBAAAE,GAAgB,WAAAC,GAAW,gBAAAC,EAAmB,IAAAC;AAAA,MACrDN;AAAA,MACAR;AAAA,MACA;AAAA,QACC,WAAWnB,EAAM;AAAA,QACjB,sBAAsBkC;AAAA,QACtB,YAAY;AAAA,UACXC,GAAK;AAAA,UACLC,GAAOpC,EAAM,MAAM;AAAA,UACnBqC,GAAM,EAAE,SAASrC,EAAM,SAAS;AAAA,UAChCsC,GAAM;AAAA,YACL,SAAST;AAAA,YACT,SAAS7B,EAAM;AAAA,UAAA,CACf;AAAA,QACF;AAAA,MACD;AAAA,IAAA,GAGKuC,IAAUX,EAAI,EAAK,GACnBY,IAAOZ,EAAI,EAAK,GAChBa,IAAUb,EAAI,EAAK,GACnBc,IAASd,EAAI,EAAI,GAEjBe,IAAkBvC,EAAS,MAAM;AAClC,UAAA4B,EAAe,MAAM,OAAO;AAC/B,cAAM,EAAE,GAAAY,GAAG,GAAAC,EAAE,IAAIb,EAAe,MAAM;AAC/B,eAAA;AAAA,UACN,OAAO;AAAA,YACN,MAAM,GAAGY,CAAC;AAAA,YACV,KAAK,GAAGC,CAAC;AAAA,UACV;AAAA,QAAA;AAAA,MAEF;AAAA,IAAA,CACA,GAGK/B,IAAU,MAAM;AACjB,MAAAyB,EAAQ,SAASE,EAAQ,UACzBD,EAAK,QACMzB,MAED+B;IACd,GAGK7B,IAAY,OAAOC,MAAyB;AAC7C,UAAAb,IAA8BL,EAAM,MAAM,UAAU,CAACM,MAAO,CAACA,EAAG,QAAQ,GACxEC,IAA6BC;AAAA,QAChCR,EAAM;AAAA,QACN,CAACS,MAAS,CAACA,EAAK;AAAA,MAAA;AAEb,UAAAS,EAAM,QAAQ,aAAa;AAE1B,YADJA,EAAM,eAAe,GACjBuB,EAAQ,SAASF,EAAQ;AAAO;AAIpC,YAHIG,EAAO,SACV,MAAMI,EAAa,GAGnB3B,EAAQ,SACRhB,EAAY,MAAM,UAClBE,MAAwB,IACvB;AACD,gBAAM0C,IAAY5C,EAAY,MAAME,CAAmB,EAAE,IACnDe,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,UAAA3B,KAAUA,aAAkB,eAC/BA,EAAO,MAAM;AAAA,QAEf;AAAA,MAAA,WACUF,EAAM,QAAQ,WAAW;AAE/B,YADJA,EAAM,eAAe,GACjBuB,EAAQ,SAASF,EAAQ;AAAO;AAIpC,YAHIG,EAAO,SACV,MAAMI,EAAa,GAGnB3B,EAAQ,SACRhB,EAAY,MAAM,UAClBI,MAAuB,IACtB;AACD,gBAAMwC,IAAY5C,EAAY,MAAMI,CAAkB,EAAE,IAClDa,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,UAAA3B,KAAUA,aAAkB,eAC/BA,EAAO,MAAM;AAAA,QAEf;AAAA,MAAA,WACUF,EAAM,QAAQ,SACpBsB,EAAK,SAAS,CAACtB,EAAM,aACxBA,EAAM,eAAe,GAEpBC,EAAQ,SACRhB,EAAY,MAAM,UAClBE,MAAwB,KACvB;AACD,cAAM0C,IAAY5C,EAAY,MAAME,CAAmB,EAAE,IACnDe,IAASD,EAAQ,MAAM,cAAc,IAAI4B,CAAS,EAAE;AACtD,QAAA3B,KAAUA,aAAkB,eAC/BA,EAAO,MAAM;AAAA,MAEf;AAAA,IAEF,GAGK4B,IAAkB,CAAC9B,MAAiB;AACzC,YAAM+B,IAAS/B,EAAM;AACrB,UAAK+B,KACDA,aAAkB,aAAa;AAClC,YAAIC,IAAY;AAEhB,QAAIvB,EAAQ,SACPA,EAAQ,MAAM,SAASsB,CAAM,MACpBC,IAAA,KAGV/B,EAAQ,SACPA,EAAQ,MAAM,SAAS8B,CAAM,MACpBC,IAAA,KAIVA,KACWnC;MAEhB;AAAA,IAAA,GAGKoC,IAAkB,CAACjC,MAAsB;AAC9C,YAAM+B,IAAS/B,EAAM;AACrB,UAAK+B,KACDA,aAAkB,aAAa;AAClC,YAAIC,IAAY;AAEhB,QAAIvB,EAAQ,SACPA,EAAQ,MAAM,SAASsB,CAAM,MACpBC,IAAA,KAGV/B,EAAQ,SACPA,EAAQ,MAAM,SAAS8B,CAAM,MACpBC,IAAA,KAIVA,KACWnC;MAEhB;AAAA,IAAA,GAGKqC,IAAQ,CAAClC,MAAyB;;AACvC,UAAIsB,EAAK,SACJtB,EAAM,QAAQ,UAAU;AACvB,cAAAmC,IAAA,SAAS,kBAAT,gBAAAA,EAAwB,QAAOpD,GAAI;AACtC,gBAAMqD,IAAS,SAAS,cAAc,IAAIrD,CAAE,EAAE;AAC9C,UAAIqD,aAAkB,eACrBA,EAAO,MAAM;AAAA,QAEf;AACc,QAAAvC;MACf;AAAA,IACD,GAEKwC,IAAgB3B,EAAI,EAAK,GACzBkB,IAAe,YAAY;AAChC,MAAAS,EAAc,QAAQ,IACtBb,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ,IAChB,MAAMiB,EAAK,EAAE,GACbhB,EAAK,QAAQ,IACbD,EAAQ,QAAQ,IAEhB,SAAS,iBAAiB,SAASS,GAAiB,EAAE,SAAS,IAAM,GACrE,SAAS,iBAAiB,WAAWG,GAAiB,EAAE,SAAS,IAAM,GACvE,SAAS,iBAAiB,WAAWC,GAAO,EAAE,SAAS,IAAM;AAAA,IAAA,GAGxDrC,IAAgB,YAAY;AACjC,MAAAyB,EAAK,QAAQ,IACbD,EAAQ,QAAQ,IAChBE,EAAQ,QAAQ,IACV,MAAAe,EAAKxD,EAAM,kBAAkB,GACnCyC,EAAQ,QAAQ,IAChBC,EAAO,QAAQ,IACN,SAAA,oBAAoB,SAASM,CAAe,GAC5C,SAAA,oBAAoB,WAAWG,CAAe,GAC9C,SAAA,oBAAoB,WAAWC,CAAK;AAAA,IAAA,GAGxCK,IAAarD,EAAS,OAKpB;AAAA,MACN,OALe;AAAA,QACf,sBAAsBJ,EAAM;AAAA,QAC5B,CAAC,sBAAsBA,EAAM,KAAK,EAAE,GAAGA,EAAM;AAAA,MAAA;AAAA,IAGtC,EAER;AAEM,WAAA,CAAC0D,GAAUC,OACRC,EAAc,GAAAC,EAAoB,QAAQC,EAAY,EAAE,OAAO,cAAc,GAAGL,EAAW,KAAK,GAAG;AAAA,MACzGM,EAAoB,QAAQ;AAAA,QAC1B,SAAS;AAAA,QACT,KAAKpC;AAAA,QACL,OAAO;AAAA,MAAA,GACN;AAAA,QACDqC,EAAYN,EAAK,QAAQ,aAAaO,EAAgBC,GAAoB;AAAA,UAC3E,OAAO;AAAA,YACN,iBAAiB1B,EAAK;AAAA,YACtB,iBAAiB,QAAQ2B,EAAOlE,CAAE,CAAC;AAAA,YACnC,IAAIkE,EAAOlE,CAAE;AAAA,YACb,SAAAa;AAAA,YACA,WAAAG;AAAA,YACA,UAAUyC,EAAK;AAAA,UAChB;AAAA,UACA,QAAQhB,EAAO;AAAA,UACf,SAASD,EAAQ;AAAA,UACjB,UAAUiB,EAAK;AAAA,UACf,MAAMlB,EAAK;AAAA,UACX,SAASD,EAAQ;AAAA,UACjB,WAAW4B,EAAOpC,CAAS;AAAA,QAC3B,CAAA,CAAC,CAAC;AAAA,SACA,GAAG;AAAA,MACLwB,EAAc,SAASG,EAAK,SACxBE,EAAW,GAAGQ,GAAaC,IAAW;AAAA,QACrC,KAAK;AAAA,QACL,IAAI;AAAA,MAAA,GACH;AAAA,QACDN,EAAoB,QAAQ;AAAA,UAC1B,IAAI,QAAQI,EAAOlE,CAAE,CAAC;AAAA,UACtB,SAAS;AAAA,UACT,KAAKkB;AAAA,UACL,mBAAmBgD,EAAOlE,CAAE;AAAA,UAC5B,aAAa;AAAA,UACb,OAAOqE,GAAgB,CAAC,iCAAiC;AAAA,YAChE,CAAC,kCAAkCH,EAAOpC,CAAS,CAAC,EAAE,GAAG;AAAA,YACzD,CAAC,kCAAkC2B,EAAK,KAAK,EAAE,GAAGA,EAAK;AAAA,YACvD,yCAAyChB,EAAO;AAAA,YAChD,0CAA0CD,EAAQ;AAAA,YAClD,0CAA0CF,EAAQ;AAAA,YAClD,uCAAuCC,EAAK;AAAA,UAAA,CAC5C,CAAC;AAAA,UACM,OAAO+B,EAAgB;AAAA,YAC9B,GAAGJ,EAAOrC,CAAc;AAAA,YACxB,oBAAoB,GAAG9B,EAAM,kBAAkB;AAAA,UAAA,CAC/C;AAAA,QAAA,GACQ;AAAA,UACD+D,EAAoB,QAAQD,EAAY;AAAA,YACtC,SAAS;AAAA,YACT,KAAKjC;AAAA,YACL,OAAO;AAAA,UACN,GAAAc,EAAgB,KAAK,GAAG,MAAM,EAAE;AAAA,UACnCoB,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOQ,EAAgB,EAAE,OAAO,GAAGb,EAAK,KAAK,MAAM;AAAA,UAAA,GAClD;AAAA,YACDM,EAAYN,EAAK,QAAQ,WAAW;AAAA,cAClC,QAAQhB,EAAO;AAAA,cACf,SAASD,EAAQ;AAAA,cACjB,UAAUiB,EAAK;AAAA,cACf,MAAMlB,EAAK;AAAA,cACX,SAASD,EAAQ;AAAA,cACjB,WAAW4B,EAAOpC,CAAS;AAAA,YAAA,CAC5B;AAAA,YACDgC,EAAoB,QAAQnE,IAAY;AAAA,eACrCgE,EAAW,EAAI,GAAGC,EAAoBW,GAAW,MAAMC,GAAYtE,EAAY,OAAO,CAACM,GAAMC,OACpFkD,EAAA,GAAcC,EAAoBW,GAAW;AAAA,gBACnD,KAAK/D,EAAK;AAAA,cAAA,GACT;AAAA,gBACDuD,EAAYN,EAAK,QAAQ,gBAAgB;AAAA,kBACvC,QAAQhB,EAAO;AAAA,kBACf,SAASD,EAAQ;AAAA,kBACjB,UAAUhC,EAAK;AAAA,kBACf,OAAAC;AAAA,kBACA,MAAMgD,EAAK,MAAMhD,CAAK;AAAA,kBACtB,MAAM8B,EAAK;AAAA,kBACX,SAASD,EAAQ;AAAA,kBACjB,WAAW4B,EAAOpC,CAAS;AAAA,kBAC3B,MAAMtB,EAAK;AAAA,gBAAA,CACZ;AAAA,gBACDiE,GAAaC,IAAYb,EAAY;AAAA,kBACnC,aAAa;AAAA,kBACb,OAAO,CAAC,qBAAqB;AAAA,oBAC1C,4BAA4BpD,MAAU;AAAA,oBACtC,2BAA2BA,MAAUgD,EAAK,MAAM,SAAS;AAAA,kBAAA,CACzD;AAAA,kBACa,sBAAsB;AAAA,gBACxB,GAAGjD,CAAI,GAAG;AAAA,kBACR,SAASmE,GAAS,MAAM;AAAA,oBACtBZ,EAAYN,EAAK,QAAQjD,EAAK,KAAK;AAAA,sBACjC,QAAQiC,EAAO;AAAA,sBACf,SAASD,EAAQ;AAAA,sBACjB,UAAUhC,EAAK;AAAA,sBACf,OAAAC;AAAA,sBACA,MAAAD;AAAA,sBACA,MAAM+B,EAAK;AAAA,sBACX,SAASD,EAAQ;AAAA,sBACjB,WAAW4B,EAAOpC,CAAS;AAAA,sBAC3B,MAAMtB,EAAK;AAAA,oBAAA,GACV,MAAM;AAAA,sBACPuD,EAAYN,EAAK,QAAQ,QAAQ;AAAA,wBAC/B,QAAQhB,EAAO;AAAA,wBACf,SAASD,EAAQ;AAAA,wBACjB,UAAUhC,EAAK;AAAA,wBACf,OAAAC;AAAA,wBACA,MAAAD;AAAA,wBACA,MAAM+B,EAAK;AAAA,wBACX,SAASD,EAAQ;AAAA,wBACjB,WAAW4B,EAAOpC,CAAS;AAAA,wBAC3B,MAAMtB,EAAK;AAAA,sBAAA,CACZ;AAAA,oBAAA,CACF;AAAA,kBAAA,CACF;AAAA,kBACD,GAAG;AAAA,gBAAA,GACF,MAAM,CAAC,OAAO,CAAC;AAAA,gBAClBuD,EAAYN,EAAK,QAAQ,eAAe;AAAA,kBACtC,QAAQhB,EAAO;AAAA,kBACf,SAASD,EAAQ;AAAA,kBACjB,UAAUhC,EAAK;AAAA,kBACf,OAAAC;AAAA,kBACA,MAAMgD,EAAK,MAAMhD,CAAK;AAAA,kBACtB,MAAM8B,EAAK;AAAA,kBACX,SAASD,EAAQ;AAAA,kBACjB,WAAW4B,EAAOpC,CAAS;AAAA,kBAC3B,MAAMtB,EAAK;AAAA,gBAAA,CACZ;AAAA,iBACA,EAAE,EACN,GAAG,GAAG;AAAA,YAAA,CACR;AAAA,YACDuD,EAAYN,EAAK,QAAQ,UAAU;AAAA,cACjC,QAAQhB,EAAO;AAAA,cACf,SAASD,EAAQ;AAAA,cACjB,UAAUiB,EAAK;AAAA,cACf,MAAMlB,EAAK;AAAA,cACX,SAASD,EAAQ;AAAA,cACjB,WAAW4B,EAAOpC,CAAS;AAAA,YAAA,CAC5B;AAAA,aACA,CAAC;AAAA,QAAA,GACH,IAAIpC,EAAU;AAAA,MAAA,CAClB,KACDkF,GAAoB,IAAI,EAAI;AAAA,OAC/B,EAAE;AAAA,EAEP;AAEA,CAAC;"}

package/dist/index67.js

@@ -1,16 +1,16 @@
-import { defineComponent as c, computed as v, openBlock as B, createElementBlock as k, normalizeClass as y, createVNode as l, mergeProps as h, withCtx as o, renderSlot as n, createSlots as D, createElementVNode as m, toDisplayString as C, normalizeProps as d, guardReactiveProps as a, renderList as P } from "vue";
+import { defineComponent as c, computed as v, openBlock as B, createElementBlock as k, normalizeClass as y, createVNode as l, mergeProps as h, withCtx as o, renderSlot as d, createSlots as C, createElementVNode as m, toDisplayString as P, normalizeProps as n, guardReactiveProps as a, renderList as D } from "vue";
 import g from "./index9.js";
 import "./index10.js";
 import L from "./index65.js";
 import "./index66.js";
 const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m("svg", {
   class: "bb-dropdown-button__dropdown-chevron",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ m("path", {
-    fill: "currentColor",
-    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z"
+    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
+    fill: "currentColor"
   })
 ], -1), R = /* @__PURE__ */ c({
   __name: "BbDropdownButton",
@@ -41,7 +41,7 @@ const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m
     }, [
       l(g, h(i.value, { class: "bb-dropdown-button__main-btn" }), {
         default: o(() => [
-          n(e.$slots, "left-btn", {
+          d(e.$slots, "left-btn", {
             disabled: i.value.disabled,
             text: i.value.text
           })
@@ -49,18 +49,18 @@ const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m
         _: 3
       }, 16),
       l(L, {
+        id: e.id,
         "arrow-padding": e.arrowPadding,
         disabled: e.disabled,
         eager: e.eager,
-        id: e.id,
         items: e.items,
         offset: e.offset,
         padding: e.padding,
         placement: e.placement,
         theme: e.theme,
-        transitionDuration: e.transitionDuration,
+        "transition-duration": e.transitionDuration,
         width: e.width
-      }, D({
+      }, C({
         activator: o(({
           props: t,
           opening: r,
@@ -70,24 +70,24 @@ const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m
           disabled: w,
           placement: f
         }) => [
-          n(e.$slots, "activator", {
-            props: t,
-            opening: r,
-            open: p,
+          d(e.$slots, "activator", {
             closed: b,
             closing: u,
             disabled: w,
-            placement: f
+            open: p,
+            opening: r,
+            placement: f,
+            props: t
           }, () => [
             l(g, h(t, { class: "bb-dropdown-button__dropdown-btn" }), {
               default: o(() => [
-                m("span", S, C(p || r ? "Chiudi" : "Apri") + " il menu", 1),
-                n(e.$slots, "right-btn", {
-                  opening: r,
-                  open: p,
+                m("span", S, P(p || r ? "Chiudi" : "Apri") + " il menu", 1),
+                d(e.$slots, "right-btn", {
                   closed: b,
                   closing: u,
                   disabled: w,
+                  open: p,
+                  opening: r,
                   placement: f
                 }, () => [
                   _
@@ -98,29 +98,29 @@ const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m
           ])
         ]),
         prepend: o((t) => [
-          n(e.$slots, "prepend", d(a(t)))
+          d(e.$slots, "prepend", n(a(t)))
         ]),
         "item:prepend": o((t) => [
-          n(e.$slots, "item:prepend", d(a(t)))
+          d(e.$slots, "item:prepend", n(a(t)))
         ]),
         item: o((t) => [
-          n(e.$slots, "item", d(a(t)))
+          d(e.$slots, "item", n(a(t)))
         ]),
         "item:append": o((t) => [
-          n(e.$slots, "item:append", d(a(t)))
+          d(e.$slots, "item:append", n(a(t)))
         ]),
         append: o((t) => [
-          n(e.$slots, "append", d(a(t)))
+          d(e.$slots, "append", n(a(t)))
         ]),
         _: 2
       }, [
-        P(e.items, (t) => ({
+        D(e.items, (t) => ({
           name: t.key,
           fn: o((r) => [
-            n(e.$slots, t.key, d(a(r)))
+            d(e.$slots, t.key, n(a(r)))
           ])
         }))
-      ]), 1032, ["arrow-padding", "disabled", "eager", "id", "items", "offset", "padding", "placement", "theme", "transitionDuration", "width"])
+      ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
     ], 2));
   }
 });