bitboss-ui 1.0.60 → 1.0.62

package/dist/components/BaseCheckbox/BaseCheckbox.vue.d.ts

@@ -47,6 +47,10 @@ export type BaseCheckboxProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Will submit "falseValue" if the input is not checked. Otherwise "trueValue" will be submitted.
      */

package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts

@@ -71,6 +71,10 @@ export type BaseDatePickerInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected
      * @param date

package/dist/components/BaseNumberInput/BaseNumberInput.vue.d.ts

@@ -61,6 +61,10 @@ export type BaseNumberInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Incremental unit used in the exposed `increase`
      * and `decrease` function. It's NOT APPLIED to manual input as a step of 5

package/dist/components/BaseRadio/BaseRadio.vue.d.ts

@@ -43,6 +43,10 @@ export type BaseRadioProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Defines the value of the radio input.
      * It can be any serializable value.

package/dist/components/BaseRadioGroup/BaseRadioGroup.vue.d.ts

@@ -95,6 +95,10 @@ export type BaseRadioGroupProps<T> = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
 };
 export type BaseRadioGroupEvents = {
     (e: 'blur', event: FocusEvent): void;
@@ -138,6 +142,7 @@ declare const _default: <T = any>(__VLS_props: {
     modelValue: any;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     ariaDescribedby?: string | undefined;
+    required?: boolean | undefined;
     onInactive?: (() => any) | undefined;
     items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
@@ -231,6 +236,7 @@ declare const _default: <T = any>(__VLS_props: {
         modelValue: any;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         ariaDescribedby?: string | undefined;
+        required?: boolean | undefined;
         onInactive?: (() => any) | undefined;
         items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -328,6 +334,7 @@ declare const _default: <T = any>(__VLS_props: {
             modelValue: any;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             ariaDescribedby?: string | undefined;
+            required?: boolean | undefined;
             onInactive?: (() => any) | undefined;
             items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/dist/components/BaseRating/BaseRating.vue.d.ts

@@ -40,6 +40,10 @@ export type BaseRatingProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Maximum number of stars to render and maximum value of the component
      */

package/dist/components/BaseSelect/BaseSelect.vue.d.ts

@@ -140,6 +140,10 @@ export type BaseSelectProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * If `true` when in multiple selection, reset the query immediately
      * upon selecting an option. By default the query is

package/dist/components/BaseSlider/BaseSlider.vue.d.ts

@@ -52,6 +52,10 @@ export type BaseSliderProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * The step attribute is a number that specifies the granularity that the value must adhere to.
      */

package/dist/components/BaseTag/BaseTag.vue.d.ts

@@ -67,6 +67,10 @@ export type BaseTagProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
 };
 export type BaseTagEvents = {
     (e: 'blur', event: FocusEvent): void;

package/dist/components/BaseTextInput/BaseTextInput.vue.d.ts

@@ -53,6 +53,10 @@ export type BaseTextInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Type of the input. Returns the content type of the object.
      */

package/dist/components/BaseTextarea/BaseTextarea.vue.d.ts

@@ -57,6 +57,10 @@ export type BaseTextareaProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Sets the input in a readonly state.
      */

package/dist/components/BbCheckbox/BbCheckbox.vue.d.ts

@@ -80,6 +80,10 @@ export type BbCheckboxProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbDatePickerInput/BbDatePickerInput.vue.d.ts

@@ -99,6 +99,10 @@ export type BbDatePickerInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts

@@ -86,6 +86,10 @@ export type BbNumberInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbRadio/BbRadio.vue.d.ts

@@ -72,6 +72,10 @@ export type BbRadioProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbRadioGroup/BbRadioGroup.vue.d.ts

@@ -113,6 +113,10 @@ export type BbRadioGroupProps<T> = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
@@ -151,6 +155,7 @@ declare const _default: <T = any>(__VLS_props: {
     noDataText?: string | undefined;
     modelValue: any;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    required?: boolean | undefined;
     onInactive?: (() => any) | undefined;
     items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
     hint?: string | undefined;
@@ -257,6 +262,7 @@ declare const _default: <T = any>(__VLS_props: {
         noDataText?: string | undefined;
         modelValue: any;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        required?: boolean | undefined;
         onInactive?: (() => any) | undefined;
         items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
         hint?: string | undefined;
@@ -367,6 +373,7 @@ declare const _default: <T = any>(__VLS_props: {
             noDataText?: string | undefined;
             modelValue: any;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            required?: boolean | undefined;
             onInactive?: (() => any) | undefined;
             items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
             hint?: string | undefined;

package/dist/components/BbSelect/BbSelect.vue.d.ts

@@ -157,6 +157,10 @@ export type BbSelectProps<T> = {
      * Name of the icon to be added at the start of the input.
      */
     'prepend:icon'?: string;
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Time to wait when the users stops writing in the input before querying data.
      * Especially useful when searching live data on big datasets.
@@ -295,6 +299,7 @@ declare const _default: <T = any>(__VLS_props: {
     modelValue: any;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     prefill?: boolean | "focus" | undefined;
+    required?: boolean | undefined;
     onInactive?: (() => any) | undefined;
     items: T[] | ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>) | ((query: string, prefill: boolean, modelValue: any) => T[]);
     'append:icon'?: string | undefined;
@@ -349,6 +354,7 @@ declare const _default: <T = any>(__VLS_props: {
         modelValue: any;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         prefill?: boolean | "focus" | undefined;
+        required?: boolean | undefined;
         onInactive?: (() => any) | undefined;
         items: T[] | ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>) | ((query: string, prefill: boolean, modelValue: any) => T[]);
         'append:icon'?: string | undefined;
@@ -407,6 +413,7 @@ declare const _default: <T = any>(__VLS_props: {
             modelValue: any;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             prefill?: boolean | "focus" | undefined;
+            required?: boolean | undefined;
             onInactive?: (() => any) | undefined;
             items: T[] | ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>) | ((query: string, prefill: boolean, modelValue: any) => T[]);
             'append:icon'?: string | undefined;

package/dist/components/BbSlider/BbSlider.vue.d.ts

@@ -77,6 +77,10 @@ export type BbSliderProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbTag/BbTag.vue.d.ts

@@ -92,6 +92,10 @@ export type BbTagProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbTextInput/BbTextInput.vue.d.ts

@@ -78,6 +78,10 @@ export type BbTextInputProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/components/BbTextarea/BbTextarea.vue.d.ts

@@ -82,6 +82,10 @@ export type BbTextareaProps = {
      * Sets the input in a readonly state.
      */
     readonly?: InputHTMLAttributes['readonly'];
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */

package/dist/index105.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as q, computed as p, onMounted as de, watch as J, openBlock as n, createBlock as be, resolveDynamicComponent as re, normalizeClass as f, withCtx as ue, createElementBlock as d, toDisplayString as m, createCommentVNode as v, createElementVNode as o, renderSlot as y, unref as C, createVNode as j, Fragment as N, renderList as S, createTextVNode as pe, mergeProps as fe } from "vue";
-import { add as me } from "./index258.js";
+import { add as me } from "./index256.js";
 import { clamp as ye } from "./index198.js";
-import { deepEqual as K } from "./index230.js";
+import { deepEqual as K } from "./index228.js";
 import { isNil as x } from "./index124.js";
 import { isNotNil as he } from "./index129.js";
 import { useId as _e } from "./index7.js";
-import { useItemValue as ke } from "./index233.js";
-import { when as ge } from "./index219.js";
+import { useItemValue as ke } from "./index231.js";
+import { when as ge } from "./index213.js";
 import Q from "./index14.js";
 import "./index15.js";
 import ve from "./index28.js";

package/dist/index107.js

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

package/dist/index107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index107.js","sources":["../src/components/BbTag/BbTag.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-tag\"\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: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\t:show-hint=\"showHint\"\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:id=\"id\"\n\t\t\t\t:append:icon=\"props['append:icon']\"\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:loading=\"loading\"\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:prepend:icon=\"props['prepend:icon']\"\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 #prefix=\"data\"><slot name=\"prefix\" v-bind=\"data\" /></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #suffix=\"data\"><slot name=\"suffix\" v-bind=\"data\" /></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</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 * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * 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 * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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\t'append-outer'?: (props: object) => any;\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\tprepend?: (props: object) => any;\n\tprefix?: (props: object) => any;\n\tsuffix?: (props: object) => any;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA,UAAMA,IAAQC,GAMRC,IAAOC,GAcPC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index107.js","sources":["../src/components/BbTag/BbTag.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-tag\"\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: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\t:show-hint=\"showHint\"\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:id=\"id\"\n\t\t\t\t:append:icon=\"props['append:icon']\"\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:loading=\"loading\"\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:prepend:icon=\"props['prepend:icon']\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\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 #prefix=\"data\"><slot name=\"prefix\" v-bind=\"data\" /></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #suffix=\"data\"><slot name=\"suffix\" v-bind=\"data\" /></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</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 * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * 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 * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\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\t'append-outer'?: (props: object) => any;\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\tprepend?: (props: object) => any;\n\tprefix?: (props: object) => any;\n\tsuffix?: (props: object) => any;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAMA,IAAQC,GAMRC,IAAOC,GAcPC,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/index109.js

@@ -1,9 +1,9 @@
-import { defineComponent as w, ref as y, computed as v, openBlock as g, createBlock as B, withCtx as r, renderSlot as a, normalizeProps as d, guardReactiveProps as p, createVNode as $, mergeProps as k } from "vue";
+import { defineComponent as w, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as r, renderSlot as a, normalizeProps as d, guardReactiveProps as p, createVNode as $, mergeProps as k } from "vue";
 import V from "./index24.js";
 import "./index25.js";
 import P from "./index44.js";
 import "./index45.js";
-const z = /* @__PURE__ */ w({
+const M = /* @__PURE__ */ w({
   __name: "BbTextarea",
   props: {
     "append:icon": {},
@@ -26,6 +26,7 @@ const z = /* @__PURE__ */ w({
     placeholder: {},
     "prepend:icon": {},
     readonly: {},
+    required: { type: Boolean },
     reverse: { type: Boolean },
     rows: {}
   },
@@ -46,7 +47,7 @@ const z = /* @__PURE__ */ w({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, C) => (g(), B(V, {
+    return (e, q) => (B(), g(V, {
       id: e.id,
       class: "bb-textarea",
       direction: e.direction,
@@ -79,6 +80,7 @@ const z = /* @__PURE__ */ w({
           placeholder: e.placeholder,
           "prepend:icon": n["prepend:icon"],
           readonly: e.readonly,
+          required: e.required,
           rows: e.rows
         }, h), {
           "append-outer": r(() => [
@@ -100,13 +102,13 @@ const z = /* @__PURE__ */ w({
             a(e.$slots, "suffix", d(p(i)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "rows"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
       ]),
       _: 3
     }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  z as default
+  M as default
 };
 //# sourceMappingURL=index109.js.map

package/dist/index109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index109.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:hint=\"hint\"\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\t:show-hint=\"showHint\"\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:id=\"id\"\n\t\t\t\t:append:icon=\"props['append:icon']\"\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:loading=\"loading\"\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:prepend:icon=\"props['prepend:icon']\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:rows=\"rows\"\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\t<template #prefix=\"data\"><slot name=\"prefix\" v-bind=\"data\" /></template>\n\t\t\t\t<template #suffix=\"data\"><slot name=\"suffix\" v-bind=\"data\" /></template>\n\t\t\t</BaseTextarea>\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 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 * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * 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 * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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 * Sets the input in a readonly state.\n\t */\n\trows?: string | number;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2KA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index109.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:hint=\"hint\"\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\t:show-hint=\"showHint\"\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:id=\"id\"\n\t\t\t\t:append:icon=\"props['append:icon']\"\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:loading=\"loading\"\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:prepend:icon=\"props['prepend:icon']\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:rows=\"rows\"\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\t<template #prefix=\"data\"><slot name=\"prefix\" v-bind=\"data\" /></template>\n\t\t\t\t<template #suffix=\"data\"><slot name=\"suffix\" v-bind=\"data\" /></template>\n\t\t\t</BaseTextarea>\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 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 * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * 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 * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\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 * Sets the input in a readonly state.\n\t */\n\trows?: string | number;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}