bitboss-ui 0.2.30 → 0.2.32

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/components/BbTag/BbTag.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport BaseTag from \"../BaseTag/BaseTag.vue\";\nimport type { BaseTagEvents } from \"../BaseTag/BaseTag.vue\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BbTagProps = {\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   * Sets the display model for selected values to a list\n   * of comma separated string. In this mode the user\n   * cannot deselect an option by pressing the close button.\n   */\n  comma?: boolean;\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   * The divider key used to separate values from one another. By default it is \"Enter\"\n   */\n  divider?: KeyboardEvent[\"key\"];\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   * 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   * Used by v-model. Can be any serializable type.\n   */\n  modelValue: any;\n\n  /**\n   * Allows the selection of multiple items.\n   */\n  multiple?: boolean;\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   * 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\nexport type BbTagEvents = BaseTagEvents;\n\nexport type BbTagSlots = {\n  append?: (props: {}) => any;\n\n  \"append-outer\"?: (props: {}) => any;\n\n  prepend?: (props: {}) => any;\n\n  \"prepend-outer\"?: (props: {}) => any;\n  label?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTag',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    comma: { type: Boolean },\n    direction: {},\n    disabled: { type: Boolean },\n    divider: {},\n    errors: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    modelValue: {},\n    multiple: { type: Boolean, default: true },\n    name: {},\n    placeholder: {},\n    readonly: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"duplicate\", \"focus\", \"inactive\", \"input\", \"keydown\", \"keyup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onDuplicate: (string: string) => emit(\"duplicate\", string),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onInactive: () => emit(\"inactive\"),\n  onInput: (event: Event) => emit(\"input\", event),\n  onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n  onKeyup: (event: KeyboardEvent) => emit(\"keyup\", event),\n  \"onUpdate:modelValue\": (value: any) => emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-tag\",\n    direction: _ctx.direction,\n    errors: _ctx.errors,\n    \"has-errors\": _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(BaseTag, _mergeProps({\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        divider: _ctx.divider,\n        comma: _ctx.comma,\n        disabled: _ctx.disabled,\n        hasErrors: hasErrors,\n        id: id,\n        modelValue: _ctx.modelValue,\n        multiple: _ctx.multiple,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly\n      }, eventListeners), {\n        \"prepend-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        prepend: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"append-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        append: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        _: 2\n      }, 1040, [\"autocomplete\", \"autofocus\", \"divider\", \"comma\", \"disabled\", \"hasErrors\", \"id\", \"modelValue\", \"multiple\", \"name\", \"placeholder\", \"readonly\"])\n    ]),\n    _: 3\n  }, 8, [\"direction\", \"errors\", \"has-errors\", \"hideLabel\", \"id\", \"label\", \"labelPosition\", \"modelValue\", \"name\", \"reverse\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__emit","emit","eventListeners","event","string","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTag","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"index103.js","sources":["../src/components/BbTag/BbTag.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTag from '../BaseTag/BaseTag.vue';\nimport type { BaseTagEvents } from '../BaseTag/BaseTag.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BbTagProps = {\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 * Sets the display model for selected values to a list\n\t * of comma separated string. In this mode the user\n\t * cannot deselect an option by pressing the close button.\n\t */\n\tcomma?: boolean;\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 * The divider key used to separate values from one another. By default it is \"Enter\"\n\t */\n\tdivider?: KeyboardEvent['key'];\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 * 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 * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue: any;\n\n\t/**\n\t * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\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 * 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\nexport type BbTagEvents = BaseTagEvents;\n\nexport type BbTagSlots = {\n\tappend?: (props: {}) => any;\n\n\t'append-outer'?: (props: {}) => any;\n\n\tprepend?: (props: {}) => any;\n\n\t'prepend-outer'?: (props: {}) => any;\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTag',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    comma: { type: Boolean },\n    direction: {},\n    disabled: { type: Boolean },\n    divider: {},\n    errors: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    modelValue: {},\n    multiple: { type: Boolean, default: true },\n    name: {},\n    placeholder: {},\n    readonly: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"duplicate\", \"focus\", \"inactive\", \"input\", \"keydown\", \"keyup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonDuplicate: (string: string) => emit('duplicate', string),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInactive: () => emit('inactive'),\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonKeyup: (event: KeyboardEvent) => emit('keyup', event),\n\t'onUpdate:modelValue': (value: any) => emit('update:modelValue', value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    id: _ctx.id,\n    class: \"bb-tag\",\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(BaseTag, _mergeProps({\n        id: id,\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        comma: _ctx.comma,\n        disabled: _ctx.disabled,\n        divider: _ctx.divider,\n        \"has-errors\": hasErrors,\n        \"model-value\": _ctx.modelValue,\n        multiple: _ctx.multiple,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly\n      }, eventListeners), {\n        \"prepend-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        prepend: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"prepend\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        \"append-outer\": _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append-outer\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        append: _withCtx((data) => [\n          _renderSlot(_ctx.$slots, \"append\", _normalizeProps(_guardReactiveProps(data)))\n        ]),\n        _: 2\n      }, 1040, [\"id\", \"autocomplete\", \"autofocus\", \"comma\", \"disabled\", \"divider\", \"has-errors\", \"model-value\", \"multiple\", \"name\", \"placeholder\", \"readonly\"])\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","event","string","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTag","_mergeProps"],"mappings":"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"}

package/dist/index105.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, openBlock as i, createBlock as t, withCtx as r, renderSlot as a, normalizeProps as m, guardReactiveProps as b, createVNode as h, mergeProps as c } from "vue";
+import { defineComponent as u, openBlock as i, createBlock as t, withCtx as r, renderSlot as a, normalizeProps as m, guardReactiveProps as b, createVNode as h, mergeProps as c } from "vue";
 import f from "./index21.js";
 import "./index22.js";
 import y from "./index39.js";
 import "./index40.js";
-const g = /* @__PURE__ */ p({
+const P = /* @__PURE__ */ u({
   __name: "BbTextarea",
   props: {
     autocomplete: {},
@@ -36,30 +36,30 @@ const g = /* @__PURE__ */ p({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, V) => (i(), t(f, {
+    return (e, v) => (i(), t(f, {
+      id: e.id,
       class: "bb-textarea",
       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((l) => [
         a(e.$slots, "label", m(b(l)))
       ]),
-      input: r(({ id: l, name: d, hasErrors: u }) => [
+      input: r(({ id: l, name: d, hasErrors: p }) => [
         h(y, c({
-          autoGrow: e.autoGrow,
+          id: l,
+          "auto-grow": e.autoGrow,
           autofocus: e.autofocus,
           disabled: e.disabled,
-          hasErrors: u,
-          id: l,
-          modelValue: e.modelValue,
+          "has-errors": p,
+          "model-value": e.modelValue,
           name: d,
           placeholder: e.placeholder,
           readonly: e.readonly
@@ -77,13 +77,13 @@ const g = /* @__PURE__ */ p({
             a(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["autoGrow", "autofocus", "disabled", "hasErrors", "id", "modelValue", "name", "placeholder", "readonly"])
+        }, 1040, ["id", "auto-grow", "autofocus", "disabled", "has-errors", "model-value", "name", "placeholder", "readonly"])
       ]),
       _: 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 {
-  g as default
+  P as default
 };
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.js","sources":["../src/components/BbTextarea/BbTextarea.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport BaseTextarea from \"../BaseTextarea/BaseTextarea.vue\";\nimport type {\n  BaseTextareaEvents,\n  BaseTextareaSlots,\n} from \"../BaseTextarea/BaseTextarea.vue\";\nimport type { BaseInputContainerSlots } from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BbTextareaProps = {\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   * Expands the textarea to match its content\n   */\n  autoGrow?: boolean;\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   * 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   * Used by v-model\n   */\n  modelValue: 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   * 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\nexport type BbTextareaEvents = BaseTextareaEvents;\nexport type BbTextareaSlots = BaseTextareaSlots & {\n  label?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTextarea',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    autoGrow: { type: Boolean },\n    direction: {},\n    disabled: { type: Boolean },\n    errors: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    modelValue: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\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  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onInput: (event: Event) => emit(\"input\", event),\n  onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n  onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n  onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n  \"onUpdate:modelValue\": (value: string | null) =>\n    emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-textarea\",\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(BaseTextarea, _mergeProps({\n        autoGrow: _ctx.autoGrow,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        hasErrors: hasErrors,\n        id: id,\n        modelValue: _ctx.modelValue,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly\n      }, eventListeners), {\n        \"append-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append-outer\")\n        ]),\n        append: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append\")\n        ]),\n        prepend: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend\")\n        ]),\n        \"prepend-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\")\n        ]),\n        _: 2\n      }, 1040, [\"autoGrow\", \"autofocus\", \"disabled\", \"hasErrors\", \"id\", \"modelValue\", \"name\", \"placeholder\", \"readonly\"])\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","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTextarea","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"index105.js","sources":["../src/components/BbTextarea/BbTextarea.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTextarea from '../BaseTextarea/BaseTextarea.vue';\nimport type {\n\tBaseTextareaEvents,\n\tBaseTextareaSlots,\n} from '../BaseTextarea/BaseTextarea.vue';\nimport type { BaseInputContainerSlots } from '../BaseInputContainer/BaseInputContainer.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BbTextareaProps = {\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 * Expands the textarea to match its content\n\t */\n\tautoGrow?: boolean;\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 * 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 * Used by v-model\n\t */\n\tmodelValue: 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 * 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\nexport type BbTextareaEvents = BaseTextareaEvents;\nexport type BbTextareaSlots = BaseTextareaSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTextarea',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    autoGrow: { type: Boolean },\n    direction: {},\n    disabled: { type: Boolean },\n    errors: {},\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    label: {},\n    labelPosition: {},\n    modelValue: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\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\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (value: string | null) =>\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-textarea\",\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(BaseTextarea, _mergeProps({\n        id: id,\n        \"auto-grow\": _ctx.autoGrow,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        \"has-errors\": hasErrors,\n        \"model-value\": _ctx.modelValue,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly\n      }, eventListeners), {\n        \"append-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append-outer\")\n        ]),\n        append: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append\")\n        ]),\n        prepend: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend\")\n        ]),\n        \"prepend-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\")\n        ]),\n        _: 2\n      }, 1040, [\"id\", \"auto-grow\", \"autofocus\", \"disabled\", \"has-errors\", \"model-value\", \"name\", \"placeholder\", \"readonly\"])\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","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTextarea","_mergeProps"],"mappings":"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"}

package/dist/index107.js

@@ -3,7 +3,7 @@ import y from "./index21.js";
 import "./index22.js";
 import f from "./index41.js";
 import "./index42.js";
-const g = /* @__PURE__ */ u({
+const P = /* @__PURE__ */ u({
   __name: "BbTextInput",
   props: {
     autocomplete: {},
@@ -24,7 +24,7 @@ const g = /* @__PURE__ */ u({
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(V, { emit: n }) {
+  setup(v, { emit: n }) {
     const o = n, s = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
@@ -37,30 +37,30 @@ const g = /* @__PURE__ */ u({
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
     return (e, B) => (t(), i(y, {
+      id: e.id,
       class: "bb-text-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: l((a) => [
         r(e.$slots, "label", m(b(a)))
       ]),
-      input: l(({ id: a, name: d, hasErrors: p }) => [
+      input: l(({ id: a, name: p, hasErrors: d }) => [
         c(f, h({
+          id: a,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           disabled: e.disabled,
-          hasErrors: p,
-          id: a,
-          modelValue: e.modelValue,
-          name: d,
+          "has-errors": d,
+          "model-value": e.modelValue,
+          name: p,
           placeholder: e.placeholder,
           readonly: e.readonly,
           type: e.type
@@ -78,13 +78,13 @@ const g = /* @__PURE__ */ u({
             r(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["autocomplete", "autofocus", "disabled", "hasErrors", "id", "modelValue", "name", "placeholder", "readonly", "type"])
+        }, 1040, ["id", "autocomplete", "autofocus", "disabled", "has-errors", "model-value", "name", "placeholder", "readonly", "type"])
       ]),
       _: 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 {
-  g as default
+  P as default
 };
 //# sourceMappingURL=index107.js.map

package/dist/index107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index107.js","sources":["../src/components/BbTextInput/BbTextInput.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\nimport BaseInputContainer, {\n  type BaseInputContainerSlots,\n} from \"../BaseInputContainer/BaseInputContainer.vue\";\nimport BaseTextInput from \"../BaseTextInput/BaseTextInput.vue\";\nimport type {\n  BaseTextInputEvents,\n  BaseTextInputSlots,\n} from \"../BaseTextInput/BaseTextInput.vue\";\n\nexport type BbTextInputProps = {\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   * Disables the component\n   */\n  disabled?: boolean;\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   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\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   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n  /**\n   * Used my v-model\n   */\n  modelValue: string | null;\n  /**\n   * Type of the input. Returns the content type of the object.\n   */\n  type?: HTMLInputElement[\"type\"];\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   * Can be a string or an array of string containing the messages to display.\n   */\n  errors?: string | string[];\n\n  /**\n   * Visually hides the label of the input while maintaining accessibility.\n   */\n  hideLabel?: boolean;\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   * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n   */\n  reverse?: boolean;\n};\n\nexport type BbTextInputEvents = BaseTextInputEvents;\nexport type BbTextInputSlots = BaseTextInputSlots & {\n  label?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTextInput',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    modelValue: {},\n    type: {},\n    direction: {},\n    errors: {},\n    hideLabel: { type: Boolean },\n    label: {},\n    labelPosition: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\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  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onInput: (event: Event) => emit(\"input\", event),\n  onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n  onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n  onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n  \"onUpdate:modelValue\": (value: string | null) =>\n    emit(\"update:modelValue\", value),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BaseInputContainer, {\n    class: \"bb-text-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(BaseTextInput, _mergeProps({\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        hasErrors: hasErrors,\n        id: id,\n        modelValue: _ctx.modelValue,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        type: _ctx.type\n      }, eventListeners), {\n        \"append-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append-outer\")\n        ]),\n        append: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append\")\n        ]),\n        prepend: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend\")\n        ]),\n        \"prepend-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\")\n        ]),\n        _: 2\n      }, 1040, [\"autocomplete\", \"autofocus\", \"disabled\", \"hasErrors\", \"id\", \"modelValue\", \"name\", \"placeholder\", \"readonly\", \"type\"])\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","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTextInput","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"index107.js","sources":["../src/components/BbTextInput/BbTextInput.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, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport BaseInputContainer, {\n\ttype BaseInputContainerSlots,\n} from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTextInput from '../BaseTextInput/BaseTextInput.vue';\nimport type {\n\tBaseTextInputEvents,\n\tBaseTextInputSlots,\n} from '../BaseTextInput/BaseTextInput.vue';\n\nexport type BbTextInputProps = {\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 * Disables the component\n\t */\n\tdisabled?: boolean;\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 * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\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 * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\t/**\n\t * Used my v-model\n\t */\n\tmodelValue: string | null;\n\t/**\n\t * Type of the input. Returns the content type of the object.\n\t */\n\ttype?: HTMLInputElement['type'];\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 * 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 * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\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 * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: boolean;\n};\n\nexport type BbTextInputEvents = BaseTextInputEvents;\nexport type BbTextInputSlots = BaseTextInputSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTextInput',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    modelValue: {},\n    type: {},\n    direction: {},\n    errors: {},\n    hideLabel: { type: Boolean },\n    label: {},\n    labelPosition: {},\n    reverse: { type: Boolean }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\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\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (value: string | null) =>\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-text-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(BaseTextInput, _mergeProps({\n        id: id,\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        disabled: _ctx.disabled,\n        \"has-errors\": hasErrors,\n        \"model-value\": _ctx.modelValue,\n        name: name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        type: _ctx.type\n      }, eventListeners), {\n        \"append-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append-outer\")\n        ]),\n        append: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"append\")\n        ]),\n        prepend: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend\")\n        ]),\n        \"prepend-outer\": _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"prepend-outer\")\n        ]),\n        _: 2\n      }, 1040, [\"id\", \"autocomplete\", \"autofocus\", \"disabled\", \"has-errors\", \"model-value\", \"name\", \"placeholder\", \"readonly\", \"type\"])\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","event","value","_ctx","_cache","_openBlock","_createBlock","BaseInputContainer","_withCtx","data","_renderSlot","_normalizeProps","_guardReactiveProps","id","name","hasErrors","_createVNode","BaseTextInput","_mergeProps"],"mappings":"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"}

package/dist/index109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index109.js","sources":["../src/components/BbToast/BbToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, Teleport as _Teleport } from \"vue\"\n\nimport { state, useToast } from \"../../composables/useToast\";\nimport BbToastMessage from \"./BbToastMessage.vue\";\nexport type BbToastProps = {\n  /**\n   * Placement of the messages on the screen.\n   */\n  placement?:\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\";\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbToast',\n  props: {\n    placement: { default: \"bottom\" }\n  },\n  setup(__props: any) {\n\nconst { dismiss } = useToast()\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", {\n      class: _normalizeClass([\"bb-toast\", { [`bb-toast--${_ctx.placement}`]: true }])\n    }, [\n      _createVNode(_TransitionGroup, { name: \"toast\" }, {\n        default: _withCtx(() => [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(state).stack, (message) => {\n            return (_openBlock(), _createBlock(BbToastMessage, _mergeProps({\n              key: message.id\n            }, message, { \"onClick:close\": _unref(dismiss) }), null, 16, [\"onClick:close\"]))\n          }), 128))\n        ]),\n        _: 1\n      })\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","dismiss","useToast","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_createVNode","_TransitionGroup","_withCtx","_createElementBlock","_Fragment","_renderList","_unref","state","message","BbToastMessage","_mergeProps"],"mappings":";;;AAmBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,EAAE,SAAS,SAAS;AAAA,EACjC;AAAA,EACA,MAAMC,GAAc;AAEhB,UAAA,EAAE,SAAAC,MAAYC;AAIb,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5DC,EAAoB,OAAO;AAAA,QACzB,OAAOC,EAAgB,CAAC,YAAY,EAAE,CAAC,aAAaN,EAAK,SAAS,EAAE,GAAG,GAAM,CAAA,CAAC;AAAA,MAAA,GAC7E;AAAA,QACDO,EAAaC,GAAkB,EAAE,MAAM,WAAW;AAAA,UAChD,SAASC,EAAS,MAAM;AAAA,aACrBP,EAAW,EAAI,GAAGQ,EAAoBC,GAAW,MAAMC,EAAYC,EAAOC,CAAK,EAAE,OAAO,CAACC,OAChFb,EAAW,GAAGC,EAAaa,GAAgBC,EAAY;AAAA,cAC7D,KAAKF,EAAQ;AAAA,YACZ,GAAAA,GAAS,EAAE,iBAAiBF,EAAOf,CAAO,GAAG,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,EAC/E,GAAG,GAAG;AAAA,UAAA,CACR;AAAA,UACD,GAAG;AAAA,QAAA,CACJ;AAAA,SACA,CAAC;AAAA,IAAA,CACL;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"index109.js","sources":["../src/components/BbToast/BbToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, Teleport as _Teleport } from \"vue\"\n\nimport { state, useToast } from '../../composables/useToast';\nimport BbToastMessage from './BbToastMessage.vue';\nexport type BbToastProps = {\n\t/**\n\t * Placement of the messages on the screen.\n\t */\n\tplacement?:\n\t\t| 'bottom'\n\t\t| 'bottom-start'\n\t\t| 'bottom-end'\n\t\t| 'top'\n\t\t| 'top-start'\n\t\t| 'top-end';\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbToast',\n  props: {\n    placement: { default: 'bottom' }\n  },\n  setup(__props: any) {\n\nconst { dismiss } = useToast();\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", {\n      class: _normalizeClass([\"bb-toast\", { [`bb-toast--${_ctx.placement}`]: true }])\n    }, [\n      _createVNode(_TransitionGroup, { name: \"toast\" }, {\n        default: _withCtx(() => [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(state).stack, (message) => {\n            return (_openBlock(), _createBlock(BbToastMessage, _mergeProps({\n              key: message.id\n            }, message, { \"onClick:close\": _unref(dismiss) }), null, 16, [\"onClick:close\"]))\n          }), 128))\n        ]),\n        _: 1\n      })\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","dismiss","useToast","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_createVNode","_TransitionGroup","_withCtx","_createElementBlock","_Fragment","_renderList","_unref","state","message","BbToastMessage","_mergeProps"],"mappings":";;;AAmBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,EAAE,SAAS,SAAS;AAAA,EACjC;AAAA,EACA,MAAMC,GAAc;AAEhB,UAAA,EAAE,SAAAC,MAAYC;AAIb,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5DC,EAAoB,OAAO;AAAA,QACzB,OAAOC,EAAgB,CAAC,YAAY,EAAE,CAAC,aAAaN,EAAK,SAAS,EAAE,GAAG,GAAM,CAAA,CAAC;AAAA,MAAA,GAC7E;AAAA,QACDO,EAAaC,GAAkB,EAAE,MAAM,WAAW;AAAA,UAChD,SAASC,EAAS,MAAM;AAAA,aACrBP,EAAW,EAAI,GAAGQ,EAAoBC,GAAW,MAAMC,EAAYC,EAAOC,CAAK,EAAE,OAAO,CAACC,OAChFb,EAAW,GAAGC,EAAaa,GAAgBC,EAAY;AAAA,cAC7D,KAAKF,EAAQ;AAAA,YACZ,GAAAA,GAAS,EAAE,iBAAiBF,EAAOf,CAAO,GAAG,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,EAC/E,GAAG,GAAG;AAAA,UAAA,CACR;AAAA,UACD,GAAG;AAAA,QAAA,CACJ;AAAA,SACA,CAAC;AAAA,IAAA,CACL;AAAA,EAEH;AAEA,CAAC;"}

package/dist/index11.js

@@ -1,18 +1,18 @@
 import { defineComponent as B, ref as h, computed as n, watch as L, openBlock as c, createElementBlock as i, normalizeClass as E, normalizeProps as p, mergeProps as d, createCommentVNode as I, createElementVNode as l, renderSlot as F, guardReactiveProps as M } from "vue";
-import { isCssColor as f } from "./index207.js";
-import { when as N } from "./index208.js";
+import { isCssColor as f } from "./index197.js";
+import { when as N } from "./index198.js";
 const A = {
-  class: "bb-base-checkbox-container",
-  "aria-hidden": "true"
+  "aria-hidden": "true",
+  class: "bb-base-checkbox-container"
 }, S = /* @__PURE__ */ l("path", {
   d: "M 380.93 158.834 L 286.863 158.834 C 281.088 158.834 276.411 163.511 276.411 169.286 L 276.411 263.352 C 276.411 269.127 281.088 273.804 286.863 273.804 L 380.93 273.804 C 386.704 273.804 391.382 269.127 391.382 263.352 L 391.382 169.286 C 391.382 163.511 386.699 158.834 380.93 158.834 Z",
   style: {}
 }, null, -1), J = /* @__PURE__ */ l("path", {
-  "stroke-width": "14px",
-  "stroke-linecap": "round",
+  d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
   fill: "none",
   stroke: "white",
-  d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232"
+  "stroke-linecap": "round",
+  "stroke-width": "14px"
 }, null, -1), O = [
   S,
   J

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/BaseCheckbox/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  class: \"bb-base-checkbox-container\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M 380.93 158.834 L 286.863 158.834 C 281.088 158.834 276.411 163.511 276.411 169.286 L 276.411 263.352 C 276.411 269.127 281.088 273.804 286.863 273.804 L 380.93 273.804 C 386.704 273.804 391.382 269.127 391.382 263.352 L 391.382 169.286 C 391.382 163.511 386.699 158.834 380.93 158.834 Z\",\n  style: {}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-width\": \"14px\",\n  \"stroke-linecap\": \"round\",\n  fill: \"none\",\n  stroke: \"white\",\n  d: \"M 297.574 224.786 L 318.309 243.134 L 371.568 189.232\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nimport { computed, ref, watch } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport { when } from \"@/utilities/functions/when\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BaseCheckboxProps = {\n    /**\n     * Sets autofocus on page load.\n     */\n    autofocus?: InputHTMLAttributes[\"autofocus\"];\n  \n    /**\n     * Defines the input as checked\n     */\n    checked?: InputHTMLAttributes[\"checked\"];\n  \n    /**\n     * Define a color for the component.\n     *\n     * Either a custom color or a coded color in common HEX, RGB, etc... format.\n     */\n    color?: string;\n  \n    /**\n     * Disables the component\n     */\n    disabled?: boolean;\n  \n    /**\n     * Value of the input when unchecked. It handles any kind of serializable object.\n     */\n    falseValue?: any;\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     * The identifier of the component.\n     */\n    id?: HTMLAttributes[\"id\"];\n  \n    /**\n     * Sets the input in an indeterminate state.\n     */\n    indeterminate?: InputHTMLAttributes[\"indeterminate\"];\n  \n    /**\n     * Defines the name of the input.\n     */\n    name?: InputHTMLAttributes[\"name\"];\n  \n    /**\n     * Sets the input in a readonly state.\n     */\n    readonly?: InputHTMLAttributes[\"readonly\"];\n  \n    /**\n     * Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.\n     */\n    submitWhenFalse?: boolean;\n  \n    /**\n     * Value of the input when checked. It handles any kind of serializable object.\n     */\n    trueValue?: any;\n    /**\n     * Used by v-model. Can be any serializable type.\n     */\n    modelValue?: any;\n\n}\n\nexport type BaseCheckboxEvents = {\n    (e: \"blur\", event: FocusEvent): void;\n    (e: \"change\", event: Event): void;\n    (e: \"click\", event: MouseEvent): void;\n    (e: \"focus\", event: FocusEvent): void;\n    (e: \"input\", event: Event): void;\n    (e: \"keydown\", event: KeyboardEvent): void;\n    (e: \"mousedown\", event: MouseEvent): void;\n    (e: \"mouseup\", event: MouseEvent): void;\n    (e: \"update:modelValue\", value: any): void;\n  };\n\n\n  export type SlotAttributes = {\n    checked: boolean;\n    disabled: Exclude<BaseCheckboxProps['disabled'], undefined>;\n    falseValue: any;\n    focused: boolean;\n    hasErrors: Exclude<BaseCheckboxProps['hasErrors'], undefined>;\n    id: BaseCheckboxProps['id'];\n    name: BaseCheckboxProps['name'];\n    parsedValue: any;\n    readonly: BaseCheckboxProps['readonly'];\n    trueValue: any;\n    value: any;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseCheckbox',\n  props: {\n    autofocus: {},\n    checked: {},\n    color: {},\n    disabled: { type: Boolean },\n    falseValue: { default: false },\n    hasErrors: { type: Boolean },\n    id: {},\n    indeterminate: {},\n    name: {},\n    readonly: {},\n    submitWhenFalse: { type: Boolean },\n    trueValue: { default: true },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n  if (props.checked) return true;\n  return JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n  return {\n    \"bb-base-checkbox\": true,\n    \"bb-base-checkbox--disabled\": props.disabled,\n    \"bb-base-checkbox--errors\": props.hasErrors,\n    \"bb-base-checkbox--indeterminate\": props.indeterminate,\n    \"bb-base-checkbox--readonly\": props.readonly,\n    [`bb-base-checkbox--${props.color}`]:\n      props.color && !isCssColor(props.color),\n  };\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n  (item: unknown) => typeof item !== \"string\",\n  JSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n  const value = makeInputValue(props.falseValue);\n  return {\n    disabled: props.disabled,\n    name: props.name,\n    type: \"hidden\",\n    value: value,\n  };\n});\n\nconst inputAttributes = computed(() => {\n  const value = makeInputValue(props.trueValue);\n\n  const onBlur = (event: FocusEvent): void => {\n    hasFocus.value = false;\n    emit(\"blur\", event);\n  };\n\n  const onChange = (event: Event): void => {\n    if (event.target instanceof HTMLInputElement) {\n      let value = event.target.checked ? props.trueValue : props.falseValue;\n\n      emit(\"change\", event);\n      emit(\"update:modelValue\", value);\n    }\n  };\n\n  const onFocus = (event: FocusEvent): void => {\n    hasFocus.value = true;\n    emit(\"focus\", event);\n  };\n\n  const eventListeners = {\n    onBlur,\n    onChange,\n    onClick: (event: MouseEvent) => emit(\"click\", event),\n    onFocus,\n    onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n    onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n    onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n    onInput: (event: Event) => emit(\"input\", event),\n  };\n\n  return {\n    autofocus: props.autofocus,\n    checked: checked.value,\n    // There is no such thing as readonly checkbox so we disable and style it with css\n    disabled: props.disabled || props.readonly,\n    id: props.id,\n    indeterminate: props.indeterminate,\n    name: props.name,\n    tabindex: props.disabled ? -1 : undefined,\n    type: \"checkbox\",\n    value: value,\n    ...eventListeners,\n  };\n});\n\nconst slotAttributes = computed(() => ({\n  checked: checked.value,\n  disabled: props.disabled,\n  falseValue: props.falseValue,\n  focused: hasFocus.value,\n  hasErrors: props.hasErrors,\n  id: props.id,\n  name: props.name,\n  parsedValue: inputAttributes.value.value,\n  readonly: props.readonly,\n  trueValue: props.trueValue,\n  value: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n  let style: { [key: string]: string } = {};\n  if (props.color && isCssColor(props.color)) {\n    style.color = props.color;\n  }\n  return {\n    class: \"bb-base-checkbox-container__icon\",\n    style,\n  };\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n  () => [props.modelValue, props.checked, props.indeterminate],\n  () => {\n    if (checkboxInput.value) {\n      checkboxInput.value.indeterminate = !!props.indeterminate;\n    }\n  }\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value)\n  }, [\n    (!checked.value && _ctx.submitWhenFalse)\n      ? (_openBlock(), _createElementBlock(\"input\", _normalizeProps(_mergeProps({ key: 0 }, hiddenInputAttributes.value)), null, 16))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"input\", _mergeProps(inputAttributes.value, {\n      ref_key: \"checkboxInput\",\n      ref: checkboxInput\n    }), null, 16),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"icon\", _normalizeProps(_guardReactiveProps(slotAttributes.value)), () => [\n        (_openBlock(), _createElementBlock(\"svg\", _mergeProps({ viewBox: \"276.411 158.834 114.971 114.97\" }, iconAttributes.value), _hoisted_4, 16))\n      ])\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_normalizeProps","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"index11.js","sources":["../src/components/BaseCheckbox/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  \"aria-hidden\": \"true\",\n  class: \"bb-base-checkbox-container\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M 380.93 158.834 L 286.863 158.834 C 281.088 158.834 276.411 163.511 276.411 169.286 L 276.411 263.352 C 276.411 269.127 281.088 273.804 286.863 273.804 L 380.93 273.804 C 386.704 273.804 391.382 269.127 391.382 263.352 L 391.382 169.286 C 391.382 163.511 386.699 158.834 380.93 158.834 Z\",\n  style: {}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M 297.574 224.786 L 318.309 243.134 L 371.568 189.232\",\n  fill: \"none\",\n  stroke: \"white\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-width\": \"14px\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nimport { computed, ref, watch } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseCheckboxProps = {\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Defines the input as checked\n\t */\n\tchecked?: InputHTMLAttributes['checked'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Value of the input when unchecked. It handles any kind of serializable object.\n\t */\n\tfalseValue?: any;\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 * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Sets the input in an indeterminate state.\n\t */\n\tindeterminate?: InputHTMLAttributes['indeterminate'];\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.\n\t */\n\tsubmitWhenFalse?: boolean;\n\n\t/**\n\t * Value of the input when checked. It handles any kind of serializable object.\n\t */\n\ttrueValue?: any;\n\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue?: any;\n};\n\nexport type BaseCheckboxEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nexport type SlotAttributes = {\n\tchecked: boolean;\n\tdisabled: Exclude<BaseCheckboxProps['disabled'], undefined>;\n\tfalseValue: any;\n\tfocused: boolean;\n\thasErrors: Exclude<BaseCheckboxProps['hasErrors'], undefined>;\n\tid: BaseCheckboxProps['id'];\n\tname: BaseCheckboxProps['name'];\n\tparsedValue: any;\n\treadonly: BaseCheckboxProps['readonly'];\n\ttrueValue: any;\n\tvalue: any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseCheckbox',\n  props: {\n    autofocus: {},\n    checked: {},\n    color: {},\n    disabled: { type: Boolean },\n    falseValue: { default: false },\n    hasErrors: { type: Boolean },\n    id: {},\n    indeterminate: {},\n    name: {},\n    readonly: {},\n    submitWhenFalse: { type: Boolean },\n    trueValue: { default: true },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-base-checkbox': true,\n\t\t'bb-base-checkbox--disabled': props.disabled,\n\t\t'bb-base-checkbox--errors': props.hasErrors,\n\t\t'bb-base-checkbox--indeterminate': props.indeterminate,\n\t\t'bb-base-checkbox--readonly': props.readonly,\n\t\t[`bb-base-checkbox--${props.color}`]:\n\t\t\tprops.color && !isCssColor(props.color),\n\t};\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n\tconst value = makeInputValue(props.falseValue);\n\treturn {\n\t\tdisabled: props.disabled,\n\t\tname: props.name,\n\t\ttype: 'hidden',\n\t\tvalue: value,\n\t};\n});\n\nconst inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.trueValue);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\n\tconst onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tlet value = event.target.checked ? props.trueValue : props.falseValue;\n\n\t\t\temit('change', event);\n\t\t\temit('update:modelValue', value);\n\t\t}\n\t};\n\n\tconst onFocus = (event: FocusEvent): void => {\n\t\thasFocus.value = true;\n\t\temit('focus', event);\n\t};\n\n\tconst eventListeners = {\n\t\tonBlur,\n\t\tonChange,\n\t\tonClick: (event: MouseEvent) => emit('click', event),\n\t\tonFocus,\n\t\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\t\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\t\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t\tonInput: (event: Event) => emit('input', event),\n\t};\n\n\treturn {\n\t\tautofocus: props.autofocus,\n\t\tchecked: checked.value,\n\t\t// There is no such thing as readonly checkbox so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tindeterminate: props.indeterminate,\n\t\tname: props.name,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'checkbox',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\n\tfalseValue: props.falseValue,\n\tfocused: hasFocus.value,\n\thasErrors: props.hasErrors,\n\tid: props.id,\n\tname: props.name,\n\tparsedValue: inputAttributes.value.value,\n\treadonly: props.readonly,\n\ttrueValue: props.trueValue,\n\tvalue: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.color = props.color;\n\t}\n\treturn {\n\t\tclass: 'bb-base-checkbox-container__icon',\n\t\tstyle,\n\t};\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n\t() => [props.modelValue, props.checked, props.indeterminate],\n\t() => {\n\t\tif (checkboxInput.value) {\n\t\t\tcheckboxInput.value.indeterminate = !!props.indeterminate;\n\t\t}\n\t}\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value)\n  }, [\n    (!checked.value && _ctx.submitWhenFalse)\n      ? (_openBlock(), _createElementBlock(\"input\", _normalizeProps(_mergeProps({ key: 0 }, hiddenInputAttributes.value)), null, 16))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"input\", _mergeProps(inputAttributes.value, {\n      ref_key: \"checkboxInput\",\n      ref: checkboxInput\n    }), null, 16),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"icon\", _normalizeProps(_guardReactiveProps(slotAttributes.value)), () => [\n        (_openBlock(), _createElementBlock(\"svg\", _mergeProps({ viewBox: \"276.411 158.834 114.971 114.97\" }, iconAttributes.value), _hoisted_4, 16))\n      ])\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_normalizeProps","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_guardReactiveProps"],"mappings":"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"}

package/dist/index111.js

@@ -1,22 +1,22 @@
 import { defineComponent as A, ref as o, computed as E, openBlock as b, createElementBlock as $, mergeProps as D, createElementVNode as i, renderSlot as L, normalizeProps as H, guardReactiveProps as I, unref as s, createBlock as M, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as q, createCommentVNode as O } from "vue";
-import { useFloating as G, arrow as J } from "./index223.js";
+import { useFloating as G, arrow as J } from "./index225.js";
 import { useId as K } from "./index7.js";
 import { wait as P } from "./index122.js";
 import Q from "./index9.js";
 import "./index10.js";
-import { throttle as v } from "./index204.js";
-import { waitFor as W } from "./index206.js";
-import { autoUpdate as X, flip as Y, shift as Z } from "./index209.js";
+import { throttle as v } from "./index208.js";
+import { waitFor as W } from "./index210.js";
+import { autoUpdate as X, flip as Y, shift as Z } from "./index212.js";
 const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
-  viewBox: "0 0 24 24",
   fill: "none",
+  viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ i("path", {
     d: "M23 23L1 1M23 1L1 23",
     stroke: "currentColor",
-    "stroke-width": "2",
-    "stroke-linecap": "round"
+    "stroke-linecap": "round",
+    "stroke-width": "2"
   })
 ], -1), pe = /* @__PURE__ */ A({
   __name: "BbTooltip",
@@ -82,9 +82,9 @@ const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
     }));
     return (e, n) => (b(), $("span", D({ class: "bb-tooltip" }, x.value), [
       i("span", {
-        class: "bb-tooltip__wrapper",
         ref_key: "wrapper",
-        ref: u
+        ref: u,
+        class: "bb-tooltip__wrapper"
       }, [
         L(e.$slots, "activator", H(I({
           props: {
@@ -105,6 +105,9 @@ const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
       (b(), M(R, { to: "body" }, [
         f.value || e.eager ? (b(), $("span", {
           key: 0,
+          id: w,
+          ref_key: "content",
+          ref: c,
           class: U(["bb-tooltip__bubble-container", {
             [`bb-tooltip__bubble-container--${s(g)}`]: !0,
             [`bb-tooltip__bubble-container--${e.theme}`]: e.theme,
@@ -113,25 +116,22 @@ const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
             "bb-tooltip__bubble-container--opening": a.value,
             "bb-tooltip__bubble-container--open": l.value
           }]),
-          ref_key: "content",
-          ref: c,
           style: j({
             ...s(F),
             transitionDuration: `${t.transitionDuration}ms`
-          }),
-          id: w
+          })
         }, [
           i("span", D({
-            class: "bb-tooltip__arrow",
             ref_key: "bubblearrow",
-            ref: _
+            ref: _,
+            class: "bb-tooltip__arrow"
           }, z.value), null, 16),
           i("span", ee, [
             e.showClose ? (b(), M(Q, {
               key: 0,
-              tabindex: "-1",
               "aria-hidden": "true",
               class: "bb-tooltip__close",
+              tabindex: "-1",
               onClick: N
             }, {
               default: q(() => [

package/dist/index111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index111.js","sources":["../src/components/BbTooltip/BbTooltip.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, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-tooltip__bubble\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport { computed, ref } from \"vue\";\nimport { useFloating, autoUpdate, flip, shift, arrow } from \"@floating-ui/vue\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\nimport type { Placement } from \"@floating-ui/vue\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { waitFor } from \"@/utilities/functions/waitFor\";\n\nexport type BbTooltipProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"id\"\n  | \"padding\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n>;\n\ntype BbTooltipSlots = {\n  activator?: (props: {\n    props: {\n      \"aria-describedby\": string;\n      onMouseenter: typeof onMouseenter;\n      onFocus: typeof onFocus;\n      onBlur: typeof closeTooltip;\n    };\n    closed: boolean;\n    closing: boolean;\n    disabled?: boolean;\n    open: boolean;\n    opening: boolean;\n    placement: Placement;\n  }) => any;\n  default?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTooltip',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    padding: { default: 10 },\n    placement: { default: \"top\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${props.id ?? useId().id.value}`;\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      shift({ padding: props.padding }),\n      arrow({\n        element: bubblearrow,\n        padding: props.arrowPadding,\n      }),\n    ],\n  }\n);\n\nconst canOpen = ref(true);\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\nconst onMouseenter = () => {\n  if (open.value || opening.value || props.disabled) return;\n  openTooltip();\n  document.addEventListener(\"mouseover\", onMouseOver, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = throttle((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      closeTooltip();\n    }\n  }\n}, props.transitionDuration);\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      closeTooltip();\n    }\n  }\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n  canOpen.value = false;\n  closeTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = throttle(async () => {\n  if (!canOpen.value) return;\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}, props.transitionDuration);\n\nconst closeTooltip = throttle(async () => {\n  await waitFor(() => !opening.value);\n  document.removeEventListener(\"mouseover\", onMouseOver);\n  document.removeEventListener(\"keydown\", onEsc);\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}, props.transitionDuration);\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-tooltip--block\": props.block,\n    [`bb-tooltip--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-tooltip\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-tooltip__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            ...(hasOpenedOnce.value ? {'aria-describedby': id} : {}),\n            onMouseenter: onMouseenter,\n            onFocus: _unref(onFocus),\n            onBlur: _unref(closeTooltip),\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    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      (hasOpenedOnce.value || _ctx.eager)\n        ? (_openBlock(), _createElementBlock(\"span\", {\n            key: 0,\n            class: _normalizeClass([\"bb-tooltip__bubble-container\", {\n          [`bb-tooltip__bubble-container--${_unref(placement)}`]: true,\n          [`bb-tooltip__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-tooltip__bubble-container--hidden': closed.value,\n          'bb-tooltip__bubble-container--closing': closing.value,\n          'bb-tooltip__bubble-container--opening': opening.value,\n          'bb-tooltip__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            id: id\n          }, [\n            _createElementVNode(\"span\", _mergeProps({\n              class: \"bb-tooltip__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", _hoisted_1, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    tabindex: \"-1\",\n                    \"aria-hidden\": \"true\",\n                    class: \"bb-tooltip__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_2\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\")\n            ])\n          ], 6))\n        : _createCommentVNode(\"\", true)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","wrapper","ref","content","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","shift","arrow","canOpen","opening","open","closing","closed","arrowAttributes","computed","x","y","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","throttle","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","waitFor","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","BaseButton","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;AAGA,MAAMA,KAAa,EAAE,OAAO,wBACtBC,uBAA8C,OAAO;AAAA,EACzD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT,GAAG;AAAA,oBACgC,QAAQ;AAAA,IACvC,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EAAA,CACnB;AACH,GAAG,EAAE,GA6CuBC,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,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,WAAW,EAAE,SAAS,MAAM;AAAA,IAC5B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5B,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAK,MAAMD,EAAM,MAAME,IAAQ,GAAG,KAAK,IAEvCC,IAAUC,KACVC,IAAUD,KACVE,IAAcF,KAEd,EAAE,gBAAAG,GAAgB,WAAAC,GAAW,gBAAAC,EAAmB,IAAAC;AAAA,MACpDP;AAAA,MACAE;AAAA,MACA;AAAA,QACE,WAAWL,EAAM;AAAA,QACjB,sBAAsBW;AAAA,QACtB,YAAY;AAAA,UACVC,EAAK;AAAA,UACLC,EAAM,EAAE,SAASb,EAAM,SAAS;AAAA,UAChCc,EAAM;AAAA,YACJ,SAASR;AAAA,YACT,SAASN,EAAM;AAAA,UAAA,CAChB;AAAA,QACH;AAAA,MACF;AAAA,IAAA,GAGIe,IAAUX,EAAI,EAAI,GAElBY,IAAUZ,EAAI,EAAK,GACnBa,IAAOb,EAAI,EAAK,GAChBc,IAAUd,EAAI,EAAK,GACnBe,IAASf,EAAI,EAAI,GAEjBgB,IAAkBC,EAAS,MAAM;AACjC,UAAAZ,EAAe,MAAM,OAAO;AAC9B,cAAM,EAAE,GAAAa,GAAG,GAAAC,EAAE,IAAId,EAAe,MAAM;AAC/B,eAAA;AAAA,UACL,OAAO;AAAA,YACL,MAAM,GAAGa,CAAC;AAAA,YACV,KAAK,GAAGC,CAAC;AAAA,UACX;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,CACD,GAEKC,IAAe,MAAM;AACzB,MAAIP,EAAK,SAASD,EAAQ,SAAShB,EAAM,aAC7ByB,KACZ,SAAS,iBAAiB,aAAaC,GAAa,EAAE,SAAS,IAAM,GACrE,SAAS,iBAAiB,WAAWC,GAAO,EAAE,SAAS,IAAM;AAAA,IAAA,GAGzDC,IAAUJ,GAEVE,IAAcG,EAAS,CAACC,MAAiB;AAC7C,YAAMC,IAASD,EAAM;AACrB,UAAKC,KACDA,aAAkB,aAAa;AACjC,YAAIC,IAAY;AAEhB,QAAI7B,EAAQ,SACNA,EAAQ,MAAM,SAAS4B,CAAM,MACnBC,IAAA,KAGZ3B,EAAQ,SACNA,EAAQ,MAAM,SAAS0B,CAAM,MACnBC,IAAA,KAIZA,KACWC;MAEjB;AAAA,IAAA,GACCjC,EAAM,kBAAkB,GAErB2B,IAAQ,CAACG,MAAyB;AACtC,MAAIb,EAAK,SACHa,EAAM,QAAQ,YACHG;IAEjB,GAIIC,IAAe,MAAM;AACzB,MAAAnB,EAAQ,QAAQ,IACHkB;IAAA,GAGTE,IAAgB/B,EAAI,EAAK,GACzBqB,IAAcI,EAAS,YAAY;AACvC,MAAKd,EAAQ,UACboB,EAAc,QAAQ,IACtBhB,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ,IAChB,MAAMoB,EAAK,EAAE,GACbnB,EAAK,QAAQ,IACbD,EAAQ,QAAQ;AAAA,IAAA,GACfhB,EAAM,kBAAkB,GAErBiC,IAAeJ,EAAS,YAAY;AACxC,YAAMQ,EAAQ,MAAM,CAACrB,EAAQ,KAAK,GACzB,SAAA,oBAAoB,aAAaU,CAAW,GAC5C,SAAA,oBAAoB,WAAWC,CAAK,GAC7CV,EAAK,QAAQ,IACbD,EAAQ,QAAQ,IAChBE,EAAQ,QAAQ,IACV,MAAAkB,EAAKpC,EAAM,kBAAkB,GACnCkB,EAAQ,QAAQ,IAChBC,EAAO,QAAQ;AAAA,IAAA,GACdnB,EAAM,kBAAkB,GAErBsC,IAAajB,EAAS,OAKnB;AAAA,MACL,OALc;AAAA,QACd,qBAAqBrB,EAAM;AAAA,QAC3B,CAAC,qBAAqBA,EAAM,KAAK,EAAE,GAAGA,EAAM;AAAA,MAAA;AAAA,IAGrC,EAEV;AAEM,WAAA,CAACuC,GAAUC,OACRC,EAAc,GAAAC,EAAoB,QAAQC,EAAY,EAAE,OAAO,aAAa,GAAGL,EAAW,KAAK,GAAG;AAAA,MACxGM,EAAoB,QAAQ;AAAA,QAC1B,OAAO;AAAA,QACP,SAAS;AAAA,QACT,KAAKzC;AAAA,MAAA,GACJ;AAAA,QACD0C,EAAYN,EAAK,QAAQ,aAAaO,EAAgBC,EAAoB;AAAA,UACtE,OAAO;AAAA,YACL,GAAIZ,EAAc,QAAQ,EAAC,oBAAoBlC,MAAM,CAAC;AAAA,YACtD,cAAAuB;AAAA,YACA,SAASwB,EAAOpB,CAAO;AAAA,YACvB,QAAQoB,EAAOf,CAAY;AAAA,YAC3B,UAAUM,EAAK;AAAA,UACjB;AAAA,UACA,QAAQpB,EAAO;AAAA,UACf,SAASD,EAAQ;AAAA,UACjB,UAAUqB,EAAK;AAAA,UACf,MAAMtB,EAAK;AAAA,UACX,SAASD,EAAQ;AAAA,UACjB,WAAWgC,EAAOxC,CAAS;AAAA,QAC5B,CAAA,CAAC,CAAC;AAAA,SACJ,GAAG;AAAA,OACLiC,KAAcQ,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,QACpDf,EAAc,SAASI,EAAK,SACxBE,EAAW,GAAGC,EAAoB,QAAQ;AAAA,UACzC,KAAK;AAAA,UACL,OAAOS,EAAgB,CAAC,gCAAgC;AAAA,YAC1D,CAAC,iCAAiCH,EAAOxC,CAAS,CAAC,EAAE,GAAG;AAAA,YACxD,CAAC,iCAAiC+B,EAAK,KAAK,EAAE,GAAGA,EAAK;AAAA,YACtD,wCAAwCpB,EAAO;AAAA,YAC/C,yCAAyCD,EAAQ;AAAA,YACjD,yCAAyCF,EAAQ;AAAA,YACjD,sCAAsCC,EAAK;AAAA,UAAA,CAC5C,CAAC;AAAA,UACE,SAAS;AAAA,UACT,KAAKZ;AAAA,UACL,OAAO+C,EAAgB;AAAA,YACzB,GAAGJ,EAAOzC,CAAc;AAAA,YACxB,oBAAoB,GAAGP,EAAM,kBAAkB;AAAA,UAAA,CAChD;AAAA,UACG,IAAAC;AAAA,QAAA,GACC;AAAA,UACD2C,EAAoB,QAAQD,EAAY;AAAA,YACtC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,KAAKrC;AAAA,UACJ,GAAAc,EAAgB,KAAK,GAAG,MAAM,EAAE;AAAA,UACnCwB,EAAoB,QAAQjD,IAAY;AAAA,YACrC4C,EAAK,aACDE,KAAcQ,EAAaI,GAAY;AAAA,cACtC,KAAK;AAAA,cACL,UAAU;AAAA,cACV,eAAe;AAAA,cACf,OAAO;AAAA,cACP,SAASnB;AAAA,YAAA,GACR;AAAA,cACD,SAASoB,EAAS,MAAM;AAAA,gBACtB1D;AAAA,cAAA,CACD;AAAA,cACD,GAAG;AAAA,YAAA,CACJ,KACD2D,EAAoB,IAAI,EAAI;AAAA,YAChCV,EAAYN,EAAK,QAAQ,SAAS;AAAA,UAAA,CACnC;AAAA,QACA,GAAA,CAAC,KACJgB,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}
+{"version":3,"file":"index111.js","sources":["../src/components/BbTooltip/BbTooltip.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, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-tooltip__bubble\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  fill: \"none\",\n  viewBox: \"0 0 24 24\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-linecap\": \"round\",\n    \"stroke-width\": \"2\"\n  })\n], -1)\n\nimport { computed, ref } from 'vue';\nimport { useFloating, autoUpdate, flip, shift, arrow } from '@floating-ui/vue';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\nimport type { Placement } from '@floating-ui/vue';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BbTooltipProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'padding'\n\t| 'placement'\n\t| 'showClose'\n\t| 'theme'\n\t| 'transitionDuration'\n>;\n\ntype BbTooltipSlots = {\n\tactivator?: (props: {\n\t\tprops: {\n\t\t\t'aria-describedby': string;\n\t\t\tonMouseenter: typeof onMouseenter;\n\t\t\tonFocus: typeof onFocus;\n\t\t\tonBlur: typeof closeTooltip;\n\t\t};\n\t\tclosed: boolean;\n\t\tclosing: boolean;\n\t\tdisabled?: boolean;\n\t\topen: boolean;\n\t\topening: boolean;\n\t\tplacement: Placement;\n\t}) => any;\n\tdefault?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTooltip',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    id: {},\n    padding: { default: 10 },\n    placement: { default: 'top' },\n    showClose: { type: Boolean, default: true },\n    theme: { default: 'default' },\n    transitionDuration: { default: 150 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${props.id ?? useId().id.value}`;\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\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 canOpen = ref(true);\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\nconst onMouseenter = () => {\n\tif (open.value || opening.value || props.disabled) return;\n\topenTooltip();\n\tdocument.addEventListener('mouseover', onMouseOver, { passive: true });\n\tdocument.addEventListener('keydown', onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = throttle((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\tcloseTooltip();\n\t\t}\n\t}\n}, props.transitionDuration);\n\nconst onEsc = (event: KeyboardEvent) => {\n\tif (open.value) {\n\t\tif (event.key === 'Escape') {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n\tcanOpen.value = false;\n\tcloseTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = throttle(async () => {\n\tif (!canOpen.value) return;\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}, props.transitionDuration);\n\nconst closeTooltip = throttle(async () => {\n\tawait waitFor(() => !opening.value);\n\tdocument.removeEventListener('mouseover', onMouseOver);\n\tdocument.removeEventListener('keydown', onEsc);\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}, props.transitionDuration);\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-tooltip--block': props.block,\n\t\t[`bb-tooltip--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-tooltip\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      ref_key: \"wrapper\",\n      ref: wrapper,\n      class: \"bb-tooltip__wrapper\"\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...(hasOpenedOnce.value ? { 'aria-describedby': id } : {}),\n\t\t\t\t\t\tonMouseenter: onMouseenter,\n\t\t\t\t\t\tonFocus: _unref(onFocus),\n\t\t\t\t\t\tonBlur: _unref(closeTooltip),\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    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      (hasOpenedOnce.value || _ctx.eager)\n        ? (_openBlock(), _createElementBlock(\"span\", {\n            key: 0,\n            id: id,\n            ref_key: \"content\",\n            ref: content,\n            class: _normalizeClass([\"bb-tooltip__bubble-container\", {\n\t\t\t\t\t[`bb-tooltip__bubble-container--${_unref(placement)}`]: true,\n\t\t\t\t\t[`bb-tooltip__bubble-container--${_ctx.theme}`]: _ctx.theme,\n\t\t\t\t\t'bb-tooltip__bubble-container--hidden': closed.value,\n\t\t\t\t\t'bb-tooltip__bubble-container--closing': closing.value,\n\t\t\t\t\t'bb-tooltip__bubble-container--opening': opening.value,\n\t\t\t\t\t'bb-tooltip__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-tooltip__arrow\"\n            }, arrowAttributes.value), null, 16),\n            _createElementVNode(\"span\", _hoisted_1, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    \"aria-hidden\": \"true\",\n                    class: \"bb-tooltip__close\",\n                    tabindex: \"-1\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_2\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\")\n            ])\n          ], 6))\n        : _createCommentVNode(\"\", true)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","id","useId","wrapper","ref","content","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","shift","arrow","canOpen","opening","open","closing","closed","arrowAttributes","computed","x","y","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","throttle","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","waitFor","attributes","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","BaseButton","_withCtx","_createCommentVNode"],"mappings":"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"}

package/dist/index113.js

@@ -32,11 +32,11 @@ const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /
     return (n, d) => {
       const l = y("BbTree", !0);
       return f(!0), i(v, null, h(x.value, (e) => (f(), i("div", {
+        key: e.identifier,
         class: b(["bb-tree", {
           [`bb-tree--depth-${e.depth}`]: !0,
           "bb-tree--open": e.open
-        }]),
-        key: e.identifier
+        }])
       }, [
         s("div", w, [
           s("div", z, [