bitboss-ui 0.2.76 → 1.0.1

package/dist/index104.js

@@ -1,2 +1,104 @@
-
+import { defineComponent as y, ref as f, computed as B, openBlock as k, createBlock as g, withCtx as l, renderSlot as r, normalizeProps as i, guardReactiveProps as n, createVNode as w, mergeProps as V } from "vue";
+import $ from "./index22.js";
+import "./index23.js";
+import P from "./index236.js";
+import "./index237.js";
+const z = /* @__PURE__ */ y({
+  __name: "BbTag",
+  props: {
+    autocomplete: {},
+    autofocus: {},
+    comma: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    divider: {},
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    modelValue: {},
+    multiple: { type: Boolean, default: !0 },
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    readonly: {},
+    reverse: { type: Boolean }
+  },
+  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
+  setup(d, { emit: p }) {
+    const u = d, o = p, s = f(!1), m = B(() => u.persistentHint || s.value), c = {
+      onBlur: (e) => o("blur", e),
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDuplicate: (e) => o("duplicate", e),
+      onFocus: (e) => {
+        s.value = !0, o("focus", e);
+      },
+      onInactive: () => {
+        s.value = !1, o("inactive");
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onKeyup: (e) => o("keyup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, C) => (k(), g($, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      class: "bb-tag"
+    }, {
+      label: l((t) => [
+        r(e.$slots, "label", i(n(t)))
+      ]),
+      input: l(({ id: t, name: h, hasErrors: b, ariaDescribedby: v }) => [
+        w(P, V({
+          "aria-describedby": v,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          comma: e.comma,
+          disabled: e.disabled,
+          divider: e.divider,
+          "has-errors": b,
+          id: t,
+          "model-value": e.modelValue,
+          multiple: e.multiple,
+          name: h,
+          placeholder: e.placeholder,
+          readonly: e.readonly
+        }, c), {
+          "prepend-outer": l((a) => [
+            r(e.$slots, "prepend-outer", i(n(a)))
+          ]),
+          prepend: l((a) => [
+            r(e.$slots, "prepend", i(n(a)))
+          ]),
+          "append-outer": l((a) => [
+            r(e.$slots, "append-outer", i(n(a)))
+          ]),
+          append: l((a) => [
+            r(e.$slots, "append", i(n(a)))
+          ]),
+          _: 2
+        }, 1040, ["aria-describedby", "autocomplete", "autofocus", "comma", "disabled", "divider", "has-errors", "id", "model-value", "multiple", "name", "placeholder", "readonly"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  z as default
+};
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index104.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index104.js","sources":["../src/components/BbTag/BbTag.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-tag\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseTag\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:comma=\"comma\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:divider=\"divider\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #prepend-outer=\"data\"\n\t\t\t\t\t><slot name=\"prepend-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #append-outer=\"data\"\n\t\t\t\t\t><slot name=\"append-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t</BaseTag>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTag from '../BaseTag/BaseTag.vue';\nimport type { BaseTagEvents } from '../BaseTag/BaseTag.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} 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 * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\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 * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\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\nconst props = withDefaults(defineProps<BbTagProps>(), {\n\tmultiple: true,\n});\n\nexport type BbTagEvents = BaseTagEvents;\n\nconst emit = defineEmits<BbTagEvents>();\n\nexport type BbTagSlots = {\n\tappend?: (props: object) => any;\n\n\t'append-outer'?: (props: object) => any;\n\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\n\tprepend?: (props: object) => any;\n\n\t'prepend-outer'?: (props: object) => any;\n};\n\ndefineSlots<BbTagSlots>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\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) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTag';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","string","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,UAAMA,IAAQC,GAMRC,IAAOC,GAgBPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBP,EAAK,QAAQO,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,aAAa,CAACC,MAAmBR,EAAK,aAAaQ,CAAM;AAAA,MACzD,SAAS,CAACD,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,YAAY,MAAM;AACjB,QAAAL,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAACO,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,SAAS,CAACA,MAAyBP,EAAK,SAASO,CAAK;AAAA,MACtD,uBAAuB,CAACE,MAAeT,EAAK,qBAAqBS,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index105.js

@@ -1,89 +1,2 @@
-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 P = /* @__PURE__ */ u({
-  __name: "BbTextarea",
-  props: {
-    autocomplete: {},
-    autofocus: {},
-    autoGrow: { type: Boolean },
-    direction: {},
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    id: {},
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    placeholder: {},
-    readonly: {},
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(w, { emit: n }) {
-    const o = n, s = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => o("focus", e),
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return (e, v) => (i(), t(f, {
-      id: e.id,
-      class: "bb-textarea",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      label: e.label,
-      "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: p }) => [
-        h(y, c({
-          id: l,
-          "auto-grow": e.autoGrow,
-          autofocus: e.autofocus,
-          disabled: e.disabled,
-          "has-errors": p,
-          "model-value": e.modelValue,
-          name: d,
-          placeholder: e.placeholder,
-          readonly: e.readonly
-        }, s), {
-          "append-outer": r(() => [
-            a(e.$slots, "append-outer")
-          ]),
-          append: r(() => [
-            a(e.$slots, "append")
-          ]),
-          prepend: r(() => [
-            a(e.$slots, "prepend")
-          ]),
-          "prepend-outer": r(() => [
-            a(e.$slots, "prepend-outer")
-          ]),
-          _: 2
-        }, 1040, ["id", "auto-grow", "autofocus", "disabled", "has-errors", "model-value", "name", "placeholder", "readonly"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "label", "label-position", "model-value", "name", "reverse"]));
-  }
-});
-export {
-  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"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-textarea\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors }\">\n\t\t\t<BaseTextarea\n\t\t\t\t:id=\"id\"\n\t\t\t\t:auto-grow=\"autoGrow\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer><slot name=\"append-outer\" /></template>\n\t\t\t\t<template #append><slot name=\"append\" /></template>\n\t\t\t\t<template #prepend><slot name=\"prepend\" /></template>\n\t\t\t\t<template #prepend-outer><slot name=\"prepend-outer\" /></template>\n\t\t\t</BaseTextarea>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\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 { 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\ndefineProps<BbTextareaProps>();\n\nexport type BbTextareaEvents = BaseTextareaEvents;\nconst emit = defineEmits<BbTextareaEvents>();\n\nexport type BbTextareaSlots = BaseTextareaSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbTextareaSlots>();\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTextarea';\n</style>\n"],"names":["emit","__emit","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA,UAAMA,IAAOC,GAWPC,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBH,EAAK,QAAQG,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBH,EAAK,UAAUG,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,SAAS,CAACA,MAAiBH,EAAK,SAASG,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBH,EAAK,WAAWG,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBH,EAAK,aAAaG,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBH,EAAK,WAAWG,CAAK;AAAA,MACvD,uBAAuB,CAACC,MACvBJ,EAAK,qBAAqBI,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index105.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index106.js

@@ -1,2 +1,98 @@
-
+import { defineComponent as b, ref as c, computed as f, openBlock as v, createBlock as y, withCtx as r, renderSlot as a, normalizeProps as w, guardReactiveProps as B, createVNode as g, mergeProps as k } from "vue";
+import V from "./index22.js";
+import "./index23.js";
+import $ from "./index40.js";
+import "./index41.js";
+const M = /* @__PURE__ */ b({
+  __name: "BbTextarea",
+  props: {
+    autocomplete: {},
+    autofocus: {},
+    autoGrow: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    readonly: {},
+    reverse: { type: Boolean }
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: i }) {
+    const d = s, o = i, l = c(!1), t = f(() => d.persistentHint || l.value), u = {
+      onBlur: (e) => {
+        l.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        l.value = !0, o("focus", e);
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, P) => (v(), y(V, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": t.value,
+      class: "bb-textarea"
+    }, {
+      label: r((n) => [
+        a(e.$slots, "label", w(B(n)))
+      ]),
+      input: r(({ id: n, name: p, hasErrors: m, ariaDescribedby: h }) => [
+        g($, k({
+          "aria-describedby": h,
+          "auto-grow": e.autoGrow,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": m,
+          id: n,
+          "model-value": e.modelValue,
+          name: p,
+          placeholder: e.placeholder,
+          readonly: e.readonly
+        }, u), {
+          "append-outer": r(() => [
+            a(e.$slots, "append-outer")
+          ]),
+          append: r(() => [
+            a(e.$slots, "append")
+          ]),
+          prepend: r(() => [
+            a(e.$slots, "prepend")
+          ]),
+          "prepend-outer": r(() => [
+            a(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["aria-describedby", "auto-grow", "autofocus", "disabled", "has-errors", "id", "model-value", "name", "placeholder", "readonly"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  M as default
+};
 //# sourceMappingURL=index106.js.map

package/dist/index106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index106.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index106.js","sources":["../src/components/BbTextarea/BbTextarea.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-textarea\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseTextarea\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:auto-grow=\"autoGrow\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer><slot name=\"append-outer\" /></template>\n\t\t\t\t<template #append><slot name=\"append\" /></template>\n\t\t\t\t<template #prepend><slot name=\"prepend\" /></template>\n\t\t\t\t<template #prepend-outer><slot name=\"prepend-outer\" /></template>\n\t\t\t</BaseTextarea>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTextarea from '../BaseTextarea/BaseTextarea.vue';\nimport type {\n\tBaseTextareaEvents,\n\tBaseTextareaSlots,\n} from '../BaseTextarea/BaseTextarea.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} 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 * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\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 * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\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\nconst props = defineProps<BbTextareaProps>();\n\nexport type BbTextareaEvents = BaseTextareaEvents;\nconst emit = defineEmits<BbTextareaEvents>();\n\nexport type BbTextareaSlots = BaseTextareaSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbTextareaSlots>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => {\n\t\tactive.value = false;\n\t\temit('blur', event);\n\t},\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTextarea';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,UAAMA,IAAQC,GAGRC,IAAOC,GAQPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsB;AAC9B,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQO,CAAK;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACC,MACvBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index107.js

@@ -1,90 +1,2 @@
-import { defineComponent as u, openBlock as t, createBlock as i, withCtx as l, renderSlot as r, normalizeProps as m, guardReactiveProps as b, createVNode as c, mergeProps as h } from "vue";
-import y from "./index21.js";
-import "./index22.js";
-import f from "./index41.js";
-import "./index42.js";
-const P = /* @__PURE__ */ u({
-  __name: "BbTextInput",
-  props: {
-    autocomplete: {},
-    autofocus: {},
-    disabled: { type: Boolean },
-    hasErrors: { type: Boolean },
-    id: {},
-    name: {},
-    placeholder: {},
-    readonly: {},
-    modelValue: {},
-    type: {},
-    direction: {},
-    errors: {},
-    hideLabel: { type: Boolean },
-    label: {},
-    labelPosition: {},
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(v, { emit: n }) {
-    const o = n, s = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => o("focus", e),
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "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,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      label: e.label,
-      "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: p, hasErrors: d }) => [
-        c(f, h({
-          id: a,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          disabled: e.disabled,
-          "has-errors": d,
-          "model-value": e.modelValue,
-          name: p,
-          placeholder: e.placeholder,
-          readonly: e.readonly,
-          type: e.type
-        }, s), {
-          "append-outer": l(() => [
-            r(e.$slots, "append-outer")
-          ]),
-          append: l(() => [
-            r(e.$slots, "append")
-          ]),
-          prepend: l(() => [
-            r(e.$slots, "prepend")
-          ]),
-          "prepend-outer": l(() => [
-            r(e.$slots, "prepend-outer")
-          ]),
-          _: 2
-        }, 1040, ["id", "autocomplete", "autofocus", "disabled", "has-errors", "model-value", "name", "placeholder", "readonly", "type"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "label", "label-position", "model-value", "name", "reverse"]));
-  }
-});
-export {
-  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"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-text-input\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors }\">\n\t\t\t<BaseTextInput\n\t\t\t\t:id=\"id\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:type=\"type\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer><slot name=\"append-outer\" /></template>\n\t\t\t\t<template #append><slot name=\"append\" /></template>\n\t\t\t\t<template #prepend><slot name=\"prepend\" /></template>\n\t\t\t\t<template #prepend-outer><slot name=\"prepend-outer\" /></template>\n\t\t\t</BaseTextInput>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport BaseInputContainer 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\ndefineProps<BbTextInputProps>();\n\nexport type BbTextInputEvents = BaseTextInputEvents;\nconst emit = defineEmits<BaseTextInputEvents>();\n\nexport type BbTextInputSlots = BaseTextInputSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbTextInputSlots>();\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTextInput';\n</style>\n"],"names":["emit","__emit","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIA,UAAMA,IAAOC,GAWPC,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBH,EAAK,QAAQG,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBH,EAAK,UAAUG,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,SAAS,CAACA,MAAiBH,EAAK,SAASG,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBH,EAAK,WAAWG,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBH,EAAK,aAAaG,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBH,EAAK,WAAWG,CAAK;AAAA,MACvD,uBAAuB,CAACC,MACvBJ,EAAK,qBAAqBI,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index107.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index108.js

@@ -1,2 +1,99 @@
-
+import { defineComponent as b, ref as c, computed as y, openBlock as f, createBlock as v, withCtx as r, renderSlot as a, normalizeProps as w, guardReactiveProps as B, createVNode as k, mergeProps as V } from "vue";
+import $ from "./index22.js";
+import "./index23.js";
+import g from "./index42.js";
+import "./index43.js";
+const M = /* @__PURE__ */ b({
+  __name: "BbTextInput",
+  props: {
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    readonly: {},
+    reverse: { type: Boolean },
+    type: {}
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: t }) {
+    const i = s, o = t, l = c(!1), d = y(() => i.persistentHint || l.value), p = {
+      onBlur: (e) => {
+        l.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        l.value = !0, o("focus", e);
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, P) => (f(), v($, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": d.value,
+      class: "bb-text-input"
+    }, {
+      label: r((n) => [
+        a(e.$slots, "label", w(B(n)))
+      ]),
+      input: r(({ id: n, name: u, hasErrors: m, ariaDescribedby: h }) => [
+        k(g, V({
+          "aria-describedby": h,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": m,
+          id: n,
+          "model-value": e.modelValue,
+          name: u,
+          placeholder: e.placeholder,
+          readonly: e.readonly,
+          type: e.type
+        }, p), {
+          "append-outer": r(() => [
+            a(e.$slots, "append-outer")
+          ]),
+          append: r(() => [
+            a(e.$slots, "append")
+          ]),
+          prepend: r(() => [
+            a(e.$slots, "prepend")
+          ]),
+          "prepend-outer": r(() => [
+            a(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "id", "model-value", "name", "placeholder", "readonly", "type"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  M as default
+};
 //# sourceMappingURL=index108.js.map

package/dist/index108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index108.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index108.js","sources":["../src/components/BbTextInput/BbTextInput.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-text-input\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseTextInput\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:type=\"type\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer><slot name=\"append-outer\" /></template>\n\t\t\t\t<template #append><slot name=\"append\" /></template>\n\t\t\t\t<template #prepend><slot name=\"prepend\" /></template>\n\t\t\t\t<template #prepend-outer><slot name=\"prepend-outer\" /></template>\n\t\t\t</BaseTextInput>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseTextInput from '../BaseTextInput/BaseTextInput.vue';\nimport type {\n\tBaseTextInputEvents,\n\tBaseTextInputSlots,\n} from '../BaseTextInput/BaseTextInput.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from '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 * 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 * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\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 my 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 * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\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\t/**\n\t * Type of the input. Returns the content type of the object.\n\t */\n\ttype?: HTMLInputElement['type'];\n};\n\nconst props = defineProps<BbTextInputProps>();\n\nexport type BbTextInputEvents = BaseTextInputEvents;\nconst emit = defineEmits<BaseTextInputEvents>();\n\nexport type BbTextInputSlots = BaseTextInputSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbTextInputSlots>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => {\n\t\tactive.value = false;\n\t\temit('blur', event);\n\t},\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTextInput';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgJA,UAAMA,IAAQC,GAGRC,IAAOC,GAQPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsB;AAC9B,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQO,CAAK;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACC,MACvBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index109.js

@@ -1,30 +1,2 @@
-import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as d, Fragment as f, renderList as _, unref as r, mergeProps as b } from "vue";
-import { state as k, useToast as C } from "./index5.js";
-import B from "./index231.js";
-const N = /* @__PURE__ */ s({
-  __name: "BbToast",
-  props: {
-    placement: { default: "bottom" }
-  },
-  setup(T) {
-    const { dismiss: n } = C();
-    return (a, h) => (e(), o(l, { to: "body" }, [
-      c("div", {
-        class: m(["bb-toast", { [`bb-toast--${a.placement}`]: !0 }])
-      }, [
-        i(p, { name: "toast" }, {
-          default: u(() => [
-            (e(!0), d(f, null, _(r(k).stack, (t) => (e(), o(B, b({
-              key: t.id
-            }, t, { "onClick:close": r(n) }), null, 16, ["onClick:close"]))), 128))
-          ]),
-          _: 1
-        })
-      ], 2)
-    ]));
-  }
-});
-export {
-  N as default
-};
+
 //# sourceMappingURL=index109.js.map

package/dist/index109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index109.js","sources":["../src/components/BbToast/BbToast.vue"],"sourcesContent":["<template>\n\t<teleport to=\"body\">\n\t\t<div class=\"bb-toast\" :class=\"{ [`bb-toast--${placement}`]: true }\">\n\t\t\t<TransitionGroup name=\"toast\">\n\t\t\t\t<BbToastMessage\n\t\t\t\t\tv-for=\"message in state.stack\"\n\t\t\t\t\t:key=\"message.id\"\n\t\t\t\t\tv-bind=\"message\"\n\t\t\t\t\t@click:close=\"dismiss\"\n\t\t\t\t/>\n\t\t\t</TransitionGroup>\n\t\t</div>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { state, useToast } from '../../composables/useToast';\nconst { dismiss } = useToast();\n\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\nwithDefaults(defineProps<BbToastProps>(), {\n\tplacement: 'bottom',\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbToast';\n</style>\n"],"names":["dismiss","useToast"],"mappings":";;;;;;;;;AAiBM,UAAA,EAAE,SAAAA,MAAYC;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index109.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}