bitboss-ui 0.2.31 → 0.2.32

package/dist/index33.js

@@ -1,9 +1,9 @@
 import { defineComponent as R, ref as l, onMounted as S, watchEffect as z, computed as y, openBlock as D, createElementBlock as F, mergeProps as h, renderSlot as g, createElementVNode as t, normalizeProps as H, guardReactiveProps as T, normalizeStyle as E, unref as X } from "vue";
 import { clamp as K } from "./index196.js";
-import { isCssColor as w } from "./index211.js";
+import { isCssColor as w } from "./index197.js";
 import { isNil as O } from "./index120.js";
 import { transposeValue as L } from "./index121.js";
-const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id", "name", "readonly", "value"], q = ["aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], W = /* @__PURE__ */ R({
+const Y = { class: "bb-base-slider__slider-container" }, j = ["id", "disabled", "name", "readonly", "value"], q = ["aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], W = /* @__PURE__ */ R({
   __name: "BaseSlider",
   props: {
     autofocus: {},
@@ -92,8 +92,8 @@ const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id",
       g(e.$slots, "prepend"),
       t("span", Y, [
         t("input", {
-          disabled: e.disabled,
           id: e.id,
+          disabled: e.disabled,
           name: e.name,
           readonly: e.readonly,
           tabindex: -1,
@@ -101,9 +101,9 @@ const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id",
           value: e.modelValue
         }, null, 8, j),
         t("span", {
-          class: "bb-base-slider__track-container",
           ref_key: "track",
-          ref: u
+          ref: u,
+          class: "bb-base-slider__track-container"
         }, [
           t("span", H(T(x.value)), null, 16),
           t("span", {
@@ -111,7 +111,9 @@ const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id",
             style: E({ width: `${100 - r.value}%` })
           }, null, 4)
         ], 512),
-        t("span", h({
+        t("span", h(X(P), {
+          ref_key: "thumb",
+          ref: c,
           "aria-label": "thumb-color",
           "aria-orientation": "horizontal",
           "aria-readonly": !e.readonly,
@@ -121,12 +123,9 @@ const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id",
           class: "bb-base-slider__thumb-container",
           role: "slider",
           style: { left: `${r.value}%` },
-          tabindex: e.disabled ? -1 : 0
-        }, X(P), {
-          onKeydown: $,
+          tabindex: e.disabled ? -1 : 0,
           onFocus: C,
-          ref_key: "thumb",
-          ref: c
+          onKeydown: $
         }), [
           t("span", {
             class: "bb-base-slider__thumb",

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","sources":["../src/components/BaseSlider/BaseSlider.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, normalizeStyle as _normalizeStyle, unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-slider__slider-container\" }\nconst _hoisted_2 = [\"disabled\", \"id\", \"name\", \"readonly\", \"value\"]\nconst _hoisted_3 = [\"aria-readonly\", \"aria-valuemax\", \"aria-valuemin\", \"aria-valuenow\", \"tabindex\"]\n\nimport { clamp } from \"@/utilities/functions/clamp\";\nimport { computed, onMounted, ref, watchEffect } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport { isNil } from \"@/utilities/functions/isNil\";\nimport { transposeValue } from \"@/utilities/functions/percentage\";\nimport type { InputHTMLAttributes, HTMLAttributes } from \"vue\";\n\nexport type BaseSliderProps = {\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Define a color for the component.\n   *\n   * Either a custom color or a coded color in common HEX, RGB, etc... format.\n   */\n  color?: string;\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Maximum value cap.\n   */\n  max?: number;\n\n  /**\n   * Minimum value cap.\n   */\n  min?: number;\n\n  /**\n   * Used by v-model.\n   */\n  modelValue: number | string | null;\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n\n  /**\n   * The step attribute is a number that specifies the granularity that the value must adhere to.\n   */\n  step?: number;\n};\n\nexport type BaseSliderEvents = {\n  (e: \"click\", event: MouseEvent): void;\n  (e: \"end\", value: BaseSliderProps[\"modelValue\"]): void;\n  (e: \"focus\", event: FocusEvent): void;\n  (e: \"inactive\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n  (e: \"pointerdown\", event: PointerEvent): void;\n  (e: \"pointermove\", event: PointerEvent): void;\n  (e: \"pointerup\", event: PointerEvent): void;\n  (e: \"start\", value: BaseSliderProps[\"modelValue\"]): void;\n  (e: \"update:modelValue\", event: number): void;\n};\n\nexport type BaseSliderSlots = {\n  append: (props: {}) => any;\n\n  prepend: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSlider',\n  props: {\n    autofocus: {},\n    color: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    max: { default: 100 },\n    min: { default: 0 },\n    modelValue: { default: 0 },\n    name: {},\n    readonly: {},\n    step: { default: 1 }\n  },\n  emits: [\"click\", \"end\", \"focus\", \"inactive\", \"keydown\", \"pointerdown\", \"pointermove\", \"pointerup\", \"start\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst container = ref<HTMLElement>();\nconst track = ref<HTMLElement>();\nconst thumb = ref<HTMLElement>();\nconst internalValue = ref(0);\n\nconst active = ref(false);\n\nonMounted(() => {\n  if (props.autofocus) {\n    thumb.value?.focus();\n  }\n});\n\nwatchEffect(() => {\n  // Useful for ranges from negative to positive\n  let value = isNil(props.modelValue) ? props.min : Number(props.modelValue);\n  const transposedValue = transposeValue({\n    value,\n    targetBounds: { min: 0, max: 100 },\n    originalBounds: { min: props.min, max: props.max },\n    step: 1,\n  });\n  internalValue.value = transposedValue;\n});\n\nlet thumbPressed = ref(false);\n// Listen on doc to avoid releasing if user leaves thumb while dragging\nconst onPointerdown = (event: PointerEvent) => {\n  if (props.disabled || props.readonly) return;\n  thumbPressed.value = true;\n  document.addEventListener(\"pointermove\", onPointermove);\n  document.addEventListener(\"pointerup\", onPointerup);\n\n  emit(\"pointerdown\", event);\n  emit(\"start\", props.modelValue);\n};\n\nconst onPointermove = (event: PointerEvent | MouseEvent) => {\n  if (props.disabled || props.readonly) return;\n  if (track.value) {\n    const trackPosition = track.value.getBoundingClientRect();\n    const clickOffset = event.clientX;\n    const trackStart = trackPosition.left;\n    const trackLength = trackPosition.width;\n    const transposed = transposeValue({\n      value: clamp(clickOffset, trackStart, trackStart + trackLength),\n      originalBounds: { min: trackStart, max: trackStart + trackLength },\n      targetBounds: { min: props.min, max: props.max },\n      step: props.step,\n    });\n    if (event instanceof PointerEvent) {\n      emit(\"pointermove\", event);\n    } else {\n      emit(\"click\", event);\n    }\n    emit(\"update:modelValue\", transposed);\n  }\n};\n\nconst onPointerup = (event: PointerEvent) => {\n  thumbPressed.value = false;\n  document.removeEventListener(\"pointermove\", onPointermove);\n  document.removeEventListener(\"pointerup\", onPointerup);\n  emit(\"pointerup\", event);\n  emit(\"end\", props.modelValue);\n};\nlet listeners = computed(() => (thumbPressed.value ? {} : { onPointerdown }));\n\nconst onKeydown = (event: KeyboardEvent) => {\n  emit(\"keydown\", event);\n  if (\n    props.disabled ||\n    props.readonly ||\n    (event.key !== \"ArrowLeft\" && event.key !== \"ArrowRight\")\n  )\n    return;\n  let value = Number(props.modelValue);\n  if (event.key === \"ArrowLeft\") {\n    value = Math.max(value - props.step, props.min);\n  } else if (event.key === \"ArrowRight\") {\n    value = Math.min(value + props.step, props.max);\n  }\n  emit(\"update:modelValue\", value);\n};\n\nconst onFocus = (event: FocusEvent) => {\n  emit(\"focus\", event);\n  if (!active.value) {\n    active.value = true;\n    document.addEventListener(\"focusin\", onDocumentFocus);\n    document.addEventListener(\"click\", onDocumentClick);\n  }\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n  if (event.target instanceof HTMLElement) {\n    if (!container.value?.contains(event.target)) {\n      active.value = false;\n      emit(\"inactive\");\n      document.removeEventListener(\"focusin\", onDocumentFocus);\n      document.removeEventListener(\"click\", onDocumentClick);\n    }\n  }\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n  if (event.target instanceof HTMLElement) {\n    if (!container.value?.contains(event.target)) {\n      active.value = false;\n      emit(\"inactive\");\n      document.removeEventListener(\"focusin\", onDocumentFocus);\n      document.removeEventListener(\"click\", onDocumentClick);\n    }\n  }\n};\n\nconst containerAttributes = {\n  class: {\n    \"bb-base-slider\": true,\n    \"bb-base-slider--disabled\": props.disabled,\n    \"bb-base-slider--errors\": props.hasErrors,\n    \"bb-base-slider--readonly\": props.readonly,\n    [`bb-base-slider--${props.color}`]: props.color && !isCssColor(props.color),\n  },\n  onClick: (event: MouseEvent) => {\n    onPointermove(event);\n    thumb.value?.focus();\n  },\n};\n\nconst sliderBackgroundAttributes = computed(() => {\n  const classes = \"bb-base-slider__track-background\";\n  const style: Record<string, any> = {\n    width: `${internalValue.value}%`,\n  };\n  if (props.color && isCssColor(props.color)) {\n    style.backgroundColor = props.color;\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps(containerAttributes, {\n    ref_key: \"container\",\n    ref: container\n  }), [\n    _renderSlot(_ctx.$slots, \"prepend\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        disabled: _ctx.disabled,\n        id: _ctx.id,\n        name: _ctx.name,\n        readonly: _ctx.readonly,\n        tabindex: -1,\n        type: 'hidden',\n        value: _ctx.modelValue\n      }, null, 8, _hoisted_2),\n      _createElementVNode(\"span\", {\n        class: \"bb-base-slider__track-container\",\n        ref_key: \"track\",\n        ref: track\n      }, [\n        _createElementVNode(\"span\", _normalizeProps(_guardReactiveProps(sliderBackgroundAttributes.value)), null, 16),\n        _createElementVNode(\"span\", {\n          class: \"bb-base-slider__track-fill\",\n          style: _normalizeStyle({ width: `${100 - internalValue.value}%` })\n        }, null, 4)\n      ], 512),\n      _createElementVNode(\"span\", _mergeProps({\n        \"aria-label\": 'thumb-color',\n        \"aria-orientation\": 'horizontal',\n        \"aria-readonly\": !_ctx.readonly,\n        \"aria-valuemax\": _ctx.max,\n        \"aria-valuemin\": _ctx.min,\n        \"aria-valuenow\": _ctx.modelValue ?? undefined,\n        class: 'bb-base-slider__thumb-container',\n        role: 'slider',\n        style: { left: `${internalValue.value}%` },\n        tabindex: _ctx.disabled ? -1 : 0\n      }, _unref(listeners), {\n        onKeydown: onKeydown,\n        onFocus: onFocus,\n        ref_key: \"thumb\",\n        ref: thumb\n      }), [\n        _createElementVNode(\"span\", {\n          class: \"bb-base-slider__thumb\",\n          style: _normalizeStyle({\n            transform: `translateY(-50%) translateX(-${internalValue.value}%)`,\n            left: `${internalValue.value}%`,\n          })\n        }, null, 4)\n      ], 16, _hoisted_3)\n    ]),\n    _renderSlot(_ctx.$slots, \"append\")\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","container","ref","track","thumb","internalValue","active","onMounted","_a","watchEffect","value","isNil","transposedValue","transposeValue","thumbPressed","onPointerdown","event","onPointermove","onPointerup","trackPosition","clickOffset","trackStart","trackLength","transposed","clamp","listeners","computed","onKeydown","onFocus","onDocumentFocus","onDocumentClick","containerAttributes","isCssColor","sliderBackgroundAttributes","classes","style","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createElementVNode","_normalizeProps","_guardReactiveProps","_normalizeStyle","_unref"],"mappings":";;;;;AAGA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,CAAC,YAAY,MAAM,QAAQ,YAAY,OAAO,GAC3DC,IAAa,CAAC,iBAAiB,iBAAiB,iBAAiB,iBAAiB,UAAU,GAyFtEC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,KAAK,EAAE,SAAS,IAAI;AAAA,IACpB,KAAK,EAAE,SAAS,EAAE;AAAA,IAClB,YAAY,EAAE,SAAS,EAAE;AAAA,IACzB,MAAM,CAAC;AAAA,IACP,UAAU,CAAC;AAAA,IACX,MAAM,EAAE,SAAS,EAAE;AAAA,EACrB;AAAA,EACA,OAAO,CAAC,SAAS,OAAO,SAAS,YAAY,WAAW,eAAe,eAAe,aAAa,SAAS,mBAAmB;AAAA,EAC/H,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAYC,KACZC,IAAQD,KACRE,IAAQF,KACRG,IAAgBH,EAAI,CAAC,GAErBI,IAASJ,EAAI,EAAK;AAExB,IAAAK,EAAU,MAAM;;AACd,MAAIR,EAAM,eACRS,IAAAJ,EAAM,UAAN,QAAAI,EAAa;AAAA,IACf,CACD,GAEDC,EAAY,MAAM;AAEZ,UAAAC,IAAQC,EAAMZ,EAAM,UAAU,IAAIA,EAAM,MAAM,OAAOA,EAAM,UAAU;AACzE,YAAMa,IAAkBC,EAAe;AAAA,QACrC,OAAAH;AAAA,QACA,cAAc,EAAE,KAAK,GAAG,KAAK,IAAI;AAAA,QACjC,gBAAgB,EAAE,KAAKX,EAAM,KAAK,KAAKA,EAAM,IAAI;AAAA,QACjD,MAAM;AAAA,MAAA,CACP;AACD,MAAAM,EAAc,QAAQO;AAAA,IAAA,CACvB;AAEG,QAAAE,IAAeZ,EAAI,EAAK;AAEtB,UAAAa,IAAgB,CAACC,MAAwB;AACzC,MAAAjB,EAAM,YAAYA,EAAM,aAC5Be,EAAa,QAAQ,IACZ,SAAA,iBAAiB,eAAeG,CAAa,GAC7C,SAAA,iBAAiB,aAAaC,CAAW,GAElDlB,EAAK,eAAegB,CAAK,GACpBhB,EAAA,SAASD,EAAM,UAAU;AAAA,IAAA,GAG1BkB,IAAgB,CAACD,MAAqC;AACtD,UAAA,EAAAjB,EAAM,YAAYA,EAAM,aACxBI,EAAM,OAAO;AACT,cAAAgB,IAAgBhB,EAAM,MAAM,sBAAsB,GAClDiB,IAAcJ,EAAM,SACpBK,IAAaF,EAAc,MAC3BG,IAAcH,EAAc,OAC5BI,IAAaV,EAAe;AAAA,UAChC,OAAOW,EAAMJ,GAAaC,GAAYA,IAAaC,CAAW;AAAA,UAC9D,gBAAgB,EAAE,KAAKD,GAAY,KAAKA,IAAaC,EAAY;AAAA,UACjE,cAAc,EAAE,KAAKvB,EAAM,KAAK,KAAKA,EAAM,IAAI;AAAA,UAC/C,MAAMA,EAAM;AAAA,QAAA,CACb;AACD,QAAIiB,aAAiB,eACnBhB,EAAK,eAAegB,CAAK,IAEzBhB,EAAK,SAASgB,CAAK,GAErBhB,EAAK,qBAAqBuB,CAAU;AAAA,MACtC;AAAA,IAAA,GAGIL,IAAc,CAACF,MAAwB;AAC3C,MAAAF,EAAa,QAAQ,IACZ,SAAA,oBAAoB,eAAeG,CAAa,GAChD,SAAA,oBAAoB,aAAaC,CAAW,GACrDlB,EAAK,aAAagB,CAAK,GAClBhB,EAAA,OAAOD,EAAM,UAAU;AAAA,IAAA;AAE1B,QAAA0B,IAAYC,EAAS,MAAOZ,EAAa,QAAQ,KAAK,EAAE,eAAAC,EAAA,CAAgB;AAEtE,UAAAY,IAAY,CAACX,MAAyB;AAGxC,UAFFhB,EAAK,WAAWgB,CAAK,GAEnBjB,EAAM,YACNA,EAAM,YACLiB,EAAM,QAAQ,eAAeA,EAAM,QAAQ;AAE5C;AACE,UAAAN,IAAQ,OAAOX,EAAM,UAAU;AAC/B,MAAAiB,EAAM,QAAQ,cAChBN,IAAQ,KAAK,IAAIA,IAAQX,EAAM,MAAMA,EAAM,GAAG,IACrCiB,EAAM,QAAQ,iBACvBN,IAAQ,KAAK,IAAIA,IAAQX,EAAM,MAAMA,EAAM,GAAG,IAEhDC,EAAK,qBAAqBU,CAAK;AAAA,IAAA,GAG3BkB,IAAU,CAACZ,MAAsB;AACrC,MAAAhB,EAAK,SAASgB,CAAK,GACdV,EAAO,UACVA,EAAO,QAAQ,IACN,SAAA,iBAAiB,WAAWuB,CAAe,GAC3C,SAAA,iBAAiB,SAASC,CAAe;AAAA,IACpD,GAGID,IAAkB,CAACb,MAAsB;;AACzC,MAAAA,EAAM,kBAAkB,iBACrBR,IAAAP,EAAU,UAAV,QAAAO,EAAiB,SAASQ,EAAM,YACnCV,EAAO,QAAQ,IACfN,EAAK,UAAU,GACN,SAAA,oBAAoB,WAAW6B,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEzD,GAGIA,IAAkB,CAACd,MAAsB;;AACzC,MAAAA,EAAM,kBAAkB,iBACrBR,IAAAP,EAAU,UAAV,QAAAO,EAAiB,SAASQ,EAAM,YACnCV,EAAO,QAAQ,IACfN,EAAK,UAAU,GACN,SAAA,oBAAoB,WAAW6B,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEzD,GAGIC,IAAsB;AAAA,MAC1B,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,4BAA4BhC,EAAM;AAAA,QAClC,0BAA0BA,EAAM;AAAA,QAChC,4BAA4BA,EAAM;AAAA,QAClC,CAAC,mBAAmBA,EAAM,KAAK,EAAE,GAAGA,EAAM,SAAS,CAACiC,EAAWjC,EAAM,KAAK;AAAA,MAC5E;AAAA,MACA,SAAS,CAACiB,MAAsB;;AAC9B,QAAAC,EAAcD,CAAK,IACnBR,IAAAJ,EAAM,UAAN,QAAAI,EAAa;AAAA,MACf;AAAA,IAAA,GAGIyB,IAA6BP,EAAS,MAAM;AAChD,YAAMQ,IAAU,oCACVC,IAA6B;AAAA,QACjC,OAAO,GAAG9B,EAAc,KAAK;AAAA,MAAA;AAE/B,aAAIN,EAAM,SAASiC,EAAWjC,EAAM,KAAK,MACvCoC,EAAM,kBAAkBpC,EAAM,QAEzB;AAAA,QACL,OAAOmC;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQC,EAAYT,GAAqB;AAAA,MACjF,SAAS;AAAA,MACT,KAAK9B;AAAA,IAAA,CACN,GAAG;AAAA,MACFwC,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAClCM,EAAoB,QAAQlD,GAAY;AAAA,QACtCkD,EAAoB,SAAS;AAAA,UAC3B,UAAUN,EAAK;AAAA,UACf,IAAIA,EAAK;AAAA,UACT,MAAMA,EAAK;AAAA,UACX,UAAUA,EAAK;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,OAAOA,EAAK;AAAA,QAAA,GACX,MAAM,GAAG3C,CAAU;AAAA,QACtBiD,EAAoB,QAAQ;AAAA,UAC1B,OAAO;AAAA,UACP,SAAS;AAAA,UACT,KAAKvC;AAAA,QAAA,GACJ;AAAA,UACDuC,EAAoB,QAAQC,EAAgBC,EAAoBX,EAA2B,KAAK,CAAC,GAAG,MAAM,EAAE;AAAA,UAC5GS,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOG,EAAgB,EAAE,OAAO,GAAG,MAAMxC,EAAc,KAAK,KAAK;AAAA,UAAA,GAChE,MAAM,CAAC;AAAA,WACT,GAAG;AAAA,QACNqC,EAAoB,QAAQF,EAAY;AAAA,UACtC,cAAc;AAAA,UACd,oBAAoB;AAAA,UACpB,iBAAiB,CAACJ,EAAK;AAAA,UACvB,iBAAiBA,EAAK;AAAA,UACtB,iBAAiBA,EAAK;AAAA,UACtB,iBAAiBA,EAAK,cAAc;AAAA,UACpC,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO,EAAE,MAAM,GAAG/B,EAAc,KAAK,IAAI;AAAA,UACzC,UAAU+B,EAAK,WAAW,KAAK;AAAA,QAAA,GAC9BU,EAAOrB,CAAS,GAAG;AAAA,UACpB,WAAAE;AAAA,UACA,SAAAC;AAAA,UACA,SAAS;AAAA,UACT,KAAKxB;AAAA,QAAA,CACN,GAAG;AAAA,UACFsC,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOG,EAAgB;AAAA,cACrB,WAAW,gCAAgCxC,EAAc,KAAK;AAAA,cAC9D,MAAM,GAAGA,EAAc,KAAK;AAAA,YAAA,CAC7B;AAAA,UAAA,GACA,MAAM,CAAC;AAAA,QAAA,GACT,IAAIX,CAAU;AAAA,MAAA,CAClB;AAAA,MACD+C,EAAYL,EAAK,QAAQ,QAAQ;AAAA,OAChC,EAAE;AAAA,EAEP;AAEA,CAAC;"}
+{"version":3,"file":"index33.js","sources":["../src/components/BaseSlider/BaseSlider.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, normalizeStyle as _normalizeStyle, unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-slider__slider-container\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"readonly\", \"value\"]\nconst _hoisted_3 = [\"aria-readonly\", \"aria-valuemax\", \"aria-valuemin\", \"aria-valuenow\", \"tabindex\"]\n\nimport { clamp } from '@/utilities/functions/clamp';\nimport { computed, onMounted, ref, watchEffect } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { transposeValue } from '@/utilities/functions/percentage';\nimport type { InputHTMLAttributes, HTMLAttributes } from 'vue';\n\nexport type BaseSliderProps = {\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * 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 * Maximum value cap.\n\t */\n\tmax?: number;\n\n\t/**\n\t * Minimum value cap.\n\t */\n\tmin?: number;\n\n\t/**\n\t * Used by v-model.\n\t */\n\tmodelValue: number | string | null;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * The step attribute is a number that specifies the granularity that the value must adhere to.\n\t */\n\tstep?: number;\n};\n\nexport type BaseSliderEvents = {\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'end', value: BaseSliderProps['modelValue']): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'inactive'): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'pointerdown', event: PointerEvent): void;\n\t(e: 'pointermove', event: PointerEvent): void;\n\t(e: 'pointerup', event: PointerEvent): void;\n\t(e: 'start', value: BaseSliderProps['modelValue']): void;\n\t(e: 'update:modelValue', event: number): void;\n};\n\nexport type BaseSliderSlots = {\n\tappend: (props: {}) => any;\n\n\tprepend: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSlider',\n  props: {\n    autofocus: {},\n    color: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    max: { default: 100 },\n    min: { default: 0 },\n    modelValue: { default: 0 },\n    name: {},\n    readonly: {},\n    step: { default: 1 }\n  },\n  emits: [\"click\", \"end\", \"focus\", \"inactive\", \"keydown\", \"pointerdown\", \"pointermove\", \"pointerup\", \"start\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst container = ref<HTMLElement>();\nconst track = ref<HTMLElement>();\nconst thumb = ref<HTMLElement>();\nconst internalValue = ref(0);\n\nconst active = ref(false);\n\nonMounted(() => {\n\tif (props.autofocus) {\n\t\tthumb.value?.focus();\n\t}\n});\n\nwatchEffect(() => {\n\t// Useful for ranges from negative to positive\n\tlet value = isNil(props.modelValue) ? props.min : Number(props.modelValue);\n\tconst transposedValue = transposeValue({\n\t\tvalue,\n\t\ttargetBounds: { min: 0, max: 100 },\n\t\toriginalBounds: { min: props.min, max: props.max },\n\t\tstep: 1,\n\t});\n\tinternalValue.value = transposedValue;\n});\n\nlet thumbPressed = ref(false);\n// Listen on doc to avoid releasing if user leaves thumb while dragging\nconst onPointerdown = (event: PointerEvent) => {\n\tif (props.disabled || props.readonly) return;\n\tthumbPressed.value = true;\n\tdocument.addEventListener('pointermove', onPointermove);\n\tdocument.addEventListener('pointerup', onPointerup);\n\n\temit('pointerdown', event);\n\temit('start', props.modelValue);\n};\n\nconst onPointermove = (event: PointerEvent | MouseEvent) => {\n\tif (props.disabled || props.readonly) return;\n\tif (track.value) {\n\t\tconst trackPosition = track.value.getBoundingClientRect();\n\t\tconst clickOffset = event.clientX;\n\t\tconst trackStart = trackPosition.left;\n\t\tconst trackLength = trackPosition.width;\n\t\tconst transposed = transposeValue({\n\t\t\tvalue: clamp(clickOffset, trackStart, trackStart + trackLength),\n\t\t\toriginalBounds: { min: trackStart, max: trackStart + trackLength },\n\t\t\ttargetBounds: { min: props.min, max: props.max },\n\t\t\tstep: props.step,\n\t\t});\n\t\tif (event instanceof PointerEvent) {\n\t\t\temit('pointermove', event);\n\t\t} else {\n\t\t\temit('click', event);\n\t\t}\n\t\temit('update:modelValue', transposed);\n\t}\n};\n\nconst onPointerup = (event: PointerEvent) => {\n\tthumbPressed.value = false;\n\tdocument.removeEventListener('pointermove', onPointermove);\n\tdocument.removeEventListener('pointerup', onPointerup);\n\temit('pointerup', event);\n\temit('end', props.modelValue);\n};\nlet listeners = computed(() => (thumbPressed.value ? {} : { onPointerdown }));\n\nconst onKeydown = (event: KeyboardEvent) => {\n\temit('keydown', event);\n\tif (\n\t\tprops.disabled ||\n\t\tprops.readonly ||\n\t\t(event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')\n\t)\n\t\treturn;\n\tlet value = Number(props.modelValue);\n\tif (event.key === 'ArrowLeft') {\n\t\tvalue = Math.max(value - props.step, props.min);\n\t} else if (event.key === 'ArrowRight') {\n\t\tvalue = Math.min(value + props.step, props.max);\n\t}\n\temit('update:modelValue', value);\n};\n\nconst onFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tif (!active.value) {\n\t\tactive.value = true;\n\t\tdocument.addEventListener('focusin', onDocumentFocus);\n\t\tdocument.addEventListener('click', onDocumentClick);\n\t}\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\tactive.value = false;\n\t\t\temit('inactive');\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\tactive.value = false;\n\t\t\temit('inactive');\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst containerAttributes = {\n\tclass: {\n\t\t'bb-base-slider': true,\n\t\t'bb-base-slider--disabled': props.disabled,\n\t\t'bb-base-slider--errors': props.hasErrors,\n\t\t'bb-base-slider--readonly': props.readonly,\n\t\t[`bb-base-slider--${props.color}`]: props.color && !isCssColor(props.color),\n\t},\n\tonClick: (event: MouseEvent) => {\n\t\tonPointermove(event);\n\t\tthumb.value?.focus();\n\t},\n};\n\nconst sliderBackgroundAttributes = computed(() => {\n\tconst classes = 'bb-base-slider__track-background';\n\tconst style: Record<string, any> = {\n\t\twidth: `${internalValue.value}%`,\n\t};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.backgroundColor = props.color;\n\t}\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t};\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps(containerAttributes, {\n    ref_key: \"container\",\n    ref: container\n  }), [\n    _renderSlot(_ctx.$slots, \"prepend\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: _ctx.id,\n        disabled: _ctx.disabled,\n        name: _ctx.name,\n        readonly: _ctx.readonly,\n        tabindex: -1,\n        type: 'hidden',\n        value: _ctx.modelValue\n      }, null, 8, _hoisted_2),\n      _createElementVNode(\"span\", {\n        ref_key: \"track\",\n        ref: track,\n        class: \"bb-base-slider__track-container\"\n      }, [\n        _createElementVNode(\"span\", _normalizeProps(_guardReactiveProps(sliderBackgroundAttributes.value)), null, 16),\n        _createElementVNode(\"span\", {\n          class: \"bb-base-slider__track-fill\",\n          style: _normalizeStyle({ width: `${100 - internalValue.value}%` })\n        }, null, 4)\n      ], 512),\n      _createElementVNode(\"span\", _mergeProps(_unref(listeners), {\n        ref_key: \"thumb\",\n        ref: thumb,\n        \"aria-label\": 'thumb-color',\n        \"aria-orientation\": 'horizontal',\n        \"aria-readonly\": !_ctx.readonly,\n        \"aria-valuemax\": _ctx.max,\n        \"aria-valuemin\": _ctx.min,\n        \"aria-valuenow\": _ctx.modelValue ?? undefined,\n        class: 'bb-base-slider__thumb-container',\n        role: 'slider',\n        style: { left: `${internalValue.value}%` },\n        tabindex: _ctx.disabled ? -1 : 0,\n        onFocus: onFocus,\n        onKeydown: onKeydown\n      }), [\n        _createElementVNode(\"span\", {\n          class: \"bb-base-slider__thumb\",\n          style: _normalizeStyle({\n\t\t\t\t\t\ttransform: `translateY(-50%) translateX(-${internalValue.value}%)`,\n\t\t\t\t\t\tleft: `${internalValue.value}%`,\n\t\t\t\t\t})\n        }, null, 4)\n      ], 16, _hoisted_3)\n    ]),\n    _renderSlot(_ctx.$slots, \"append\")\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","container","ref","track","thumb","internalValue","active","onMounted","_a","watchEffect","value","isNil","transposedValue","transposeValue","thumbPressed","onPointerdown","event","onPointermove","onPointerup","trackPosition","clickOffset","trackStart","trackLength","transposed","clamp","listeners","computed","onKeydown","onFocus","onDocumentFocus","onDocumentClick","containerAttributes","isCssColor","sliderBackgroundAttributes","classes","style","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_createElementVNode","_normalizeProps","_guardReactiveProps","_normalizeStyle","_unref"],"mappings":";;;;;AAGA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,CAAC,MAAM,YAAY,QAAQ,YAAY,OAAO,GAC3DC,IAAa,CAAC,iBAAiB,iBAAiB,iBAAiB,iBAAiB,UAAU,GAyFtEC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,KAAK,EAAE,SAAS,IAAI;AAAA,IACpB,KAAK,EAAE,SAAS,EAAE;AAAA,IAClB,YAAY,EAAE,SAAS,EAAE;AAAA,IACzB,MAAM,CAAC;AAAA,IACP,UAAU,CAAC;AAAA,IACX,MAAM,EAAE,SAAS,EAAE;AAAA,EACrB;AAAA,EACA,OAAO,CAAC,SAAS,OAAO,SAAS,YAAY,WAAW,eAAe,eAAe,aAAa,SAAS,mBAAmB;AAAA,EAC/H,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAYC,KACZC,IAAQD,KACRE,IAAQF,KACRG,IAAgBH,EAAI,CAAC,GAErBI,IAASJ,EAAI,EAAK;AAExB,IAAAK,EAAU,MAAM;;AACf,MAAIR,EAAM,eACTS,IAAAJ,EAAM,UAAN,QAAAI,EAAa;AAAA,IACd,CACA,GAEDC,EAAY,MAAM;AAEb,UAAAC,IAAQC,EAAMZ,EAAM,UAAU,IAAIA,EAAM,MAAM,OAAOA,EAAM,UAAU;AACzE,YAAMa,IAAkBC,EAAe;AAAA,QACtC,OAAAH;AAAA,QACA,cAAc,EAAE,KAAK,GAAG,KAAK,IAAI;AAAA,QACjC,gBAAgB,EAAE,KAAKX,EAAM,KAAK,KAAKA,EAAM,IAAI;AAAA,QACjD,MAAM;AAAA,MAAA,CACN;AACD,MAAAM,EAAc,QAAQO;AAAA,IAAA,CACtB;AAEG,QAAAE,IAAeZ,EAAI,EAAK;AAEtB,UAAAa,IAAgB,CAACC,MAAwB;AAC1C,MAAAjB,EAAM,YAAYA,EAAM,aAC5Be,EAAa,QAAQ,IACZ,SAAA,iBAAiB,eAAeG,CAAa,GAC7C,SAAA,iBAAiB,aAAaC,CAAW,GAElDlB,EAAK,eAAegB,CAAK,GACpBhB,EAAA,SAASD,EAAM,UAAU;AAAA,IAAA,GAGzBkB,IAAgB,CAACD,MAAqC;AACvD,UAAA,EAAAjB,EAAM,YAAYA,EAAM,aACxBI,EAAM,OAAO;AACV,cAAAgB,IAAgBhB,EAAM,MAAM,sBAAsB,GAClDiB,IAAcJ,EAAM,SACpBK,IAAaF,EAAc,MAC3BG,IAAcH,EAAc,OAC5BI,IAAaV,EAAe;AAAA,UACjC,OAAOW,EAAMJ,GAAaC,GAAYA,IAAaC,CAAW;AAAA,UAC9D,gBAAgB,EAAE,KAAKD,GAAY,KAAKA,IAAaC,EAAY;AAAA,UACjE,cAAc,EAAE,KAAKvB,EAAM,KAAK,KAAKA,EAAM,IAAI;AAAA,UAC/C,MAAMA,EAAM;AAAA,QAAA,CACZ;AACD,QAAIiB,aAAiB,eACpBhB,EAAK,eAAegB,CAAK,IAEzBhB,EAAK,SAASgB,CAAK,GAEpBhB,EAAK,qBAAqBuB,CAAU;AAAA,MACrC;AAAA,IAAA,GAGKL,IAAc,CAACF,MAAwB;AAC5C,MAAAF,EAAa,QAAQ,IACZ,SAAA,oBAAoB,eAAeG,CAAa,GAChD,SAAA,oBAAoB,aAAaC,CAAW,GACrDlB,EAAK,aAAagB,CAAK,GAClBhB,EAAA,OAAOD,EAAM,UAAU;AAAA,IAAA;AAEzB,QAAA0B,IAAYC,EAAS,MAAOZ,EAAa,QAAQ,KAAK,EAAE,eAAAC,EAAA,CAAgB;AAEtE,UAAAY,IAAY,CAACX,MAAyB;AAG1C,UAFDhB,EAAK,WAAWgB,CAAK,GAEpBjB,EAAM,YACNA,EAAM,YACLiB,EAAM,QAAQ,eAAeA,EAAM,QAAQ;AAE5C;AACG,UAAAN,IAAQ,OAAOX,EAAM,UAAU;AAC/B,MAAAiB,EAAM,QAAQ,cACjBN,IAAQ,KAAK,IAAIA,IAAQX,EAAM,MAAMA,EAAM,GAAG,IACpCiB,EAAM,QAAQ,iBACxBN,IAAQ,KAAK,IAAIA,IAAQX,EAAM,MAAMA,EAAM,GAAG,IAE/CC,EAAK,qBAAqBU,CAAK;AAAA,IAAA,GAG1BkB,IAAU,CAACZ,MAAsB;AACtC,MAAAhB,EAAK,SAASgB,CAAK,GACdV,EAAO,UACXA,EAAO,QAAQ,IACN,SAAA,iBAAiB,WAAWuB,CAAe,GAC3C,SAAA,iBAAiB,SAASC,CAAe;AAAA,IACnD,GAGKD,IAAkB,CAACb,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBR,IAAAP,EAAU,UAAV,QAAAO,EAAiB,SAASQ,EAAM,YACpCV,EAAO,QAAQ,IACfN,EAAK,UAAU,GACN,SAAA,oBAAoB,WAAW6B,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD,GAGKA,IAAkB,CAACd,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBR,IAAAP,EAAU,UAAV,QAAAO,EAAiB,SAASQ,EAAM,YACpCV,EAAO,QAAQ,IACfN,EAAK,UAAU,GACN,SAAA,oBAAoB,WAAW6B,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD,GAGKC,IAAsB;AAAA,MAC3B,OAAO;AAAA,QACN,kBAAkB;AAAA,QAClB,4BAA4BhC,EAAM;AAAA,QAClC,0BAA0BA,EAAM;AAAA,QAChC,4BAA4BA,EAAM;AAAA,QAClC,CAAC,mBAAmBA,EAAM,KAAK,EAAE,GAAGA,EAAM,SAAS,CAACiC,EAAWjC,EAAM,KAAK;AAAA,MAC3E;AAAA,MACA,SAAS,CAACiB,MAAsB;;AAC/B,QAAAC,EAAcD,CAAK,IACnBR,IAAAJ,EAAM,UAAN,QAAAI,EAAa;AAAA,MACd;AAAA,IAAA,GAGKyB,IAA6BP,EAAS,MAAM;AACjD,YAAMQ,IAAU,oCACVC,IAA6B;AAAA,QAClC,OAAO,GAAG9B,EAAc,KAAK;AAAA,MAAA;AAE9B,aAAIN,EAAM,SAASiC,EAAWjC,EAAM,KAAK,MACxCoC,EAAM,kBAAkBpC,EAAM,QAExB;AAAA,QACN,OAAOmC;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACD,CACA;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQC,EAAYT,GAAqB;AAAA,MACjF,SAAS;AAAA,MACT,KAAK9B;AAAA,IAAA,CACN,GAAG;AAAA,MACFwC,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAClCM,EAAoB,QAAQlD,GAAY;AAAA,QACtCkD,EAAoB,SAAS;AAAA,UAC3B,IAAIN,EAAK;AAAA,UACT,UAAUA,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,UAAUA,EAAK;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,OAAOA,EAAK;AAAA,QAAA,GACX,MAAM,GAAG3C,CAAU;AAAA,QACtBiD,EAAoB,QAAQ;AAAA,UAC1B,SAAS;AAAA,UACT,KAAKvC;AAAA,UACL,OAAO;AAAA,QAAA,GACN;AAAA,UACDuC,EAAoB,QAAQC,EAAgBC,EAAoBX,EAA2B,KAAK,CAAC,GAAG,MAAM,EAAE;AAAA,UAC5GS,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOG,EAAgB,EAAE,OAAO,GAAG,MAAMxC,EAAc,KAAK,KAAK;AAAA,UAAA,GAChE,MAAM,CAAC;AAAA,WACT,GAAG;AAAA,QACNqC,EAAoB,QAAQF,EAAYM,EAAOrB,CAAS,GAAG;AAAA,UACzD,SAAS;AAAA,UACT,KAAKrB;AAAA,UACL,cAAc;AAAA,UACd,oBAAoB;AAAA,UACpB,iBAAiB,CAACgC,EAAK;AAAA,UACvB,iBAAiBA,EAAK;AAAA,UACtB,iBAAiBA,EAAK;AAAA,UACtB,iBAAiBA,EAAK,cAAc;AAAA,UACpC,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO,EAAE,MAAM,GAAG/B,EAAc,KAAK,IAAI;AAAA,UACzC,UAAU+B,EAAK,WAAW,KAAK;AAAA,UAC/B,SAAAR;AAAA,UACA,WAAAD;AAAA,QAAA,CACD,GAAG;AAAA,UACFe,EAAoB,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,OAAOG,EAAgB;AAAA,cAC3B,WAAW,gCAAgCxC,EAAc,KAAK;AAAA,cAC9D,MAAM,GAAGA,EAAc,KAAK;AAAA,YAAA,CAC5B;AAAA,UAAA,GACK,MAAM,CAAC;AAAA,QAAA,GACT,IAAIX,CAAU;AAAA,MAAA,CAClB;AAAA,MACD+C,EAAYL,EAAK,QAAQ,QAAQ;AAAA,OAChC,EAAE;AAAA,EAEP;AAEA,CAAC;"}

package/dist/index35.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as b, computed as n, watch as F, openBlock as m, createElementBlock as p, normalizeClass as N, normalizeProps as c, mergeProps as h, createCommentVNode as S, createElementVNode as l, renderSlot as x, guardReactiveProps as f } from "vue";
-import { isCssColor as V } from "./index211.js";
-import { when as A } from "./index212.js";
+import { isCssColor as V } from "./index197.js";
+import { when as A } from "./index198.js";
 const J = { class: "bb-base-switch-container" }, M = /* @__PURE__ */ l("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1), O = [
   M
 ], H = /* @__PURE__ */ I({

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/components/BaseSwitch/BaseSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-switch-container\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-switch-container__icon-thumb\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nimport { computed, ref, watch } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport { when } from \"@/utilities/functions/when\";\nimport type { BaseCheckboxEvents, BaseCheckboxProps, SlotAttributes } from \"../BaseCheckbox/BaseCheckbox.vue\";\n\nexport type BaseSwitchProps = BaseCheckboxProps;\n\nexport type BaseSwitchEvents = BaseCheckboxEvents;\n\nexport type BaseSwitchSlots = {\n  icon?: (props: SlotAttributes) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSwitch',\n  props: {\n    autofocus: {},\n    checked: {},\n    color: {},\n    disabled: { type: Boolean },\n    falseValue: { default: false },\n    hasErrors: { type: Boolean },\n    id: {},\n    indeterminate: {},\n    name: {},\n    readonly: {},\n    submitWhenFalse: { type: Boolean },\n    trueValue: { default: true },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n  if (props.checked) return true;\n  return JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n  return {\n    \"bb-base-switch\": true,\n    \"bb-base-switch--disabled\": props.disabled,\n    \"bb-base-switch--errors\": props.hasErrors,\n    \"bb-base-switch--indeterminate\": props.indeterminate,\n    \"bb-base-switch--readonly\": props.readonly,\n    [`bb-base-switch--${props.color}`]: props.color && !isCssColor(props.color),\n  };\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n  (item: unknown) => typeof item !== \"string\",\n  JSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n  const value = makeInputValue(props.falseValue);\n  return {\n    disabled: props.disabled,\n    name: props.name,\n    type: \"hidden\",\n    value: value,\n  };\n});\n\nconst inputAttributes = computed(() => {\n  const value = makeInputValue(props.trueValue);\n\n  const onBlur = (event: FocusEvent): void => {\n    hasFocus.value = false;\n    emit(\"blur\", event);\n  };\n\n  const onChange = (event: Event): void => {\n    if (event.target instanceof HTMLInputElement) {\n      let value = event.target.checked ? props.trueValue : props.falseValue;\n\n      emit(\"change\", event);\n      emit(\"update:modelValue\", value);\n    }\n  };\n\n  const onFocus = (event: FocusEvent): void => {\n    hasFocus.value = true;\n    emit(\"focus\", event);\n  };\n\n  const eventListeners = {\n    onBlur,\n    onChange,\n    onClick: (event: MouseEvent) => emit(\"click\", event),\n    onFocus,\n    onInput: (event: Event) => emit(\"input\", event),\n    onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n    onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n    onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n  };\n\n  return {\n    autofocus: props.autofocus,\n    checked: checked.value,\n    // There is no such thing as readonly checkbox so we disable and style it with css\n    disabled: props.disabled || props.readonly,\n    id: props.id,\n    indeterminate: props.indeterminate,\n    name: props.name,\n    tabindex: props.disabled ? -1 : undefined,\n    type: \"checkbox\",\n    value: value,\n    ...eventListeners,\n  };\n});\n\nconst slotAttributes = computed(() => ({\n  checked: checked.value,\n  disabled: props.disabled,\n  falseValue: props.falseValue,\n  focused: hasFocus.value,\n  hasErrors: props.hasErrors,\n  id: props.id,\n  name: props.name,\n  parsedValue: inputAttributes.value.value,\n  readonly: props.readonly,\n  trueValue: props.trueValue,\n  value: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n  let style: { [key: string]: string } = {};\n  if (props.color && isCssColor(props.color)) {\n    style.color = props.color;\n  }\n  return {\n    class: \"bb-base-switch-container__icon\",\n    style,\n  };\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n  () => [props.modelValue, props.checked, props.indeterminate],\n  () => {\n    if (checkboxInput.value) {\n      checkboxInput.value.indeterminate = !!props.indeterminate;\n    }\n  }\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value)\n  }, [\n    (!checked.value && _ctx.submitWhenFalse)\n      ? (_openBlock(), _createElementBlock(\"input\", _normalizeProps(_mergeProps({ key: 0 }, hiddenInputAttributes.value)), null, 16))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"input\", _mergeProps(inputAttributes.value, {\n      ref_key: \"checkboxInput\",\n      ref: checkboxInput\n    }), null, 16),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"icon\", _normalizeProps(_guardReactiveProps(slotAttributes.value)), () => [\n        _createElementVNode(\"span\", _normalizeProps(_guardReactiveProps(iconAttributes.value)), _hoisted_3, 16)\n      ])\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_normalizeProps","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_guardReactiveProps"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,8BACtBC,sBAA8C,QAAQ,EAAE,OAAO,0CAA0C,MAAM,EAAE,GACjHC,IAAa;AAAA,EACjBD;AACF,GAgB4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,OAAO,CAAC;AAAA,IACR,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,YAAY,EAAE,SAAS,GAAM;AAAA,IAC7B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,eAAe,CAAC;AAAA,IAChB,MAAM,CAAC;AAAA,IACP,UAAU,CAAC;AAAA,IACX,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,WAAW,EAAE,SAAS,GAAK;AAAA,IAC3B,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,QAAQ,UAAU,SAAS,SAAS,SAAS,WAAW,aAAa,WAAW,mBAAmB;AAAA,EAC3G,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAgBC,EAA6B,IAAI,GAEjDC,IAAUC,EAAS,MACnBL,EAAM,UAAgB,KACnB,KAAK,UAAUA,EAAM,SAAS,MAAM,KAAK,UAAUA,EAAM,UAAU,CAC3E,GACKM,IAAWH,EAAI,EAAK,GAEpBI,IAAUF,EAAS,OAChB;AAAA,MACL,kBAAkB;AAAA,MAClB,4BAA4BL,EAAM;AAAA,MAClC,0BAA0BA,EAAM;AAAA,MAChC,iCAAiCA,EAAM;AAAA,MACvC,4BAA4BA,EAAM;AAAA,MAClC,CAAC,mBAAmBA,EAAM,KAAK,EAAE,GAAGA,EAAM,SAAS,CAACQ,EAAWR,EAAM,KAAK;AAAA,IAAA,EAE7E,GAMKS,IAAiBC;AAAA,MACrB,CAACC,MAAkB,OAAOA,KAAS;AAAA,MACnC,KAAK;AAAA,IAAA,GAGDC,IAAwBP,EAAS,MAAM;AACrC,YAAAQ,IAAQJ,EAAeT,EAAM,UAAU;AACtC,aAAA;AAAA,QACL,UAAUA,EAAM;AAAA,QAChB,MAAMA,EAAM;AAAA,QACZ,MAAM;AAAA,QACN,OAAAa;AAAA,MAAA;AAAA,IACF,CACD,GAEKC,IAAkBT,EAAS,MAAM;AAC/B,YAAAQ,IAAQJ,EAAeT,EAAM,SAAS,GAqBtCe,IAAiB;AAAA,QACrB,QApBa,CAACC,MAA4B;AAC1C,UAAAV,EAAS,QAAQ,IACjBL,EAAK,QAAQe,CAAK;AAAA,QAAA;AAAA,QAmBlB,UAhBe,CAACA,MAAuB;AACnC,cAAAA,EAAM,kBAAkB,kBAAkB;AAC5C,gBAAIH,IAAQG,EAAM,OAAO,UAAUhB,EAAM,YAAYA,EAAM;AAE3D,YAAAC,EAAK,UAAUe,CAAK,GACpBf,EAAK,qBAAqBY,CAAK;AAAA,UACjC;AAAA,QAAA;AAAA,QAWA,SAAS,CAACG,MAAsBf,EAAK,SAASe,CAAK;AAAA,QACnD,SATc,CAACA,MAA4B;AAC3C,UAAAV,EAAS,QAAQ,IACjBL,EAAK,SAASe,CAAK;AAAA,QAAA;AAAA,QAQnB,SAAS,CAACA,MAAiBf,EAAK,SAASe,CAAK;AAAA,QAC9C,WAAW,CAACA,MAAyBf,EAAK,WAAWe,CAAK;AAAA,QAC1D,aAAa,CAACA,MAAsBf,EAAK,aAAae,CAAK;AAAA,QAC3D,WAAW,CAACA,MAAsBf,EAAK,WAAWe,CAAK;AAAA,MAAA;AAGlD,aAAA;AAAA,QACL,WAAWhB,EAAM;AAAA,QACjB,SAASI,EAAQ;AAAA;AAAA,QAEjB,UAAUJ,EAAM,YAAYA,EAAM;AAAA,QAClC,IAAIA,EAAM;AAAA,QACV,eAAeA,EAAM;AAAA,QACrB,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM,WAAW,KAAK;AAAA,QAChC,MAAM;AAAA,QACN,OAAAa;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,IACL,CACD,GAEKE,IAAiBZ,EAAS,OAAO;AAAA,MACrC,SAASD,EAAQ;AAAA,MACjB,UAAUJ,EAAM;AAAA,MAChB,YAAYA,EAAM;AAAA,MAClB,SAASM,EAAS;AAAA,MAClB,WAAWN,EAAM;AAAA,MACjB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,aAAac,EAAgB,MAAM;AAAA,MACnC,UAAUd,EAAM;AAAA,MAChB,WAAWA,EAAM;AAAA,MACjB,OAAOI,EAAQ,QAAQJ,EAAM,YAAYA,EAAM;AAAA,IAC/C,EAAA,GAEIkB,IAAiBb,EAAS,MAAM;AACpC,UAAIc,IAAmC,CAAA;AACvC,aAAInB,EAAM,SAASQ,EAAWR,EAAM,KAAK,MACvCmB,EAAM,QAAQnB,EAAM,QAEf;AAAA,QACL,OAAO;AAAA,QACP,OAAAmB;AAAA,MAAA;AAAA,IACF,CACD;AAMD,WAAAC;AAAA,MACE,MAAM,CAACpB,EAAM,YAAYA,EAAM,SAASA,EAAM,aAAa;AAAA,MAC3D,MAAM;AACJ,QAAIE,EAAc,UAChBA,EAAc,MAAM,gBAAgB,CAAC,CAACF,EAAM;AAAA,MAEhD;AAAA,IAAA,GAGK,CAACqB,GAAUC,OACRC,EAAA,GAAcC,EAAoB,QAAQ;AAAA,MAChD,OAAOC,EAAgBlB,EAAQ,KAAK;AAAA,IAAA,GACnC;AAAA,MACA,CAACH,EAAQ,SAASiB,EAAK,mBACnBE,EAAc,GAAAC,EAAoB,SAASE,EAAgBC,EAAY,EAAE,KAAK,EAAE,GAAGf,EAAsB,KAAK,CAAC,GAAG,MAAM,EAAE,KAC3HgB,EAAoB,IAAI,EAAI;AAAA,MAChCC,EAAoB,SAASF,EAAYb,EAAgB,OAAO;AAAA,QAC9D,SAAS;AAAA,QACT,KAAKZ;AAAA,MAAA,CACN,GAAG,MAAM,EAAE;AAAA,MACZ2B,EAAoB,QAAQpC,GAAY;AAAA,QACtCqC,EAAYT,EAAK,QAAQ,QAAQK,EAAgBK,EAAoBd,EAAe,KAAK,CAAC,GAAG,MAAM;AAAA,UACjGY,EAAoB,QAAQH,EAAgBK,EAAoBb,EAAe,KAAK,CAAC,GAAGvB,GAAY,EAAE;AAAA,QAAA,CACvG;AAAA,MAAA,CACF;AAAA,OACA,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"index35.js","sources":["../src/components/BaseSwitch/BaseSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-switch-container\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-switch-container__icon-thumb\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nimport { computed, ref, watch } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type {\n\tBaseCheckboxEvents,\n\tBaseCheckboxProps,\n\tSlotAttributes,\n} from '../BaseCheckbox/BaseCheckbox.vue';\n\nexport type BaseSwitchProps = BaseCheckboxProps;\n\nexport type BaseSwitchEvents = BaseCheckboxEvents;\n\nexport type BaseSwitchSlots = {\n\ticon?: (props: SlotAttributes) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSwitch',\n  props: {\n    autofocus: {},\n    checked: {},\n    color: {},\n    disabled: { type: Boolean },\n    falseValue: { default: false },\n    hasErrors: { type: Boolean },\n    id: {},\n    indeterminate: {},\n    name: {},\n    readonly: {},\n    submitWhenFalse: { type: Boolean },\n    trueValue: { default: true },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-base-switch': true,\n\t\t'bb-base-switch--disabled': props.disabled,\n\t\t'bb-base-switch--errors': props.hasErrors,\n\t\t'bb-base-switch--indeterminate': props.indeterminate,\n\t\t'bb-base-switch--readonly': props.readonly,\n\t\t[`bb-base-switch--${props.color}`]: props.color && !isCssColor(props.color),\n\t};\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n\tconst value = makeInputValue(props.falseValue);\n\treturn {\n\t\tdisabled: props.disabled,\n\t\tname: props.name,\n\t\ttype: 'hidden',\n\t\tvalue: value,\n\t};\n});\n\nconst inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.trueValue);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\n\tconst onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tlet value = event.target.checked ? props.trueValue : props.falseValue;\n\n\t\t\temit('change', event);\n\t\t\temit('update:modelValue', value);\n\t\t}\n\t};\n\n\tconst onFocus = (event: FocusEvent): void => {\n\t\thasFocus.value = true;\n\t\temit('focus', event);\n\t};\n\n\tconst eventListeners = {\n\t\tonBlur,\n\t\tonChange,\n\t\tonClick: (event: MouseEvent) => emit('click', event),\n\t\tonFocus,\n\t\tonInput: (event: Event) => emit('input', event),\n\t\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\t\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\t\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t};\n\n\treturn {\n\t\tautofocus: props.autofocus,\n\t\tchecked: checked.value,\n\t\t// There is no such thing as readonly checkbox so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tindeterminate: props.indeterminate,\n\t\tname: props.name,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'checkbox',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\n\tfalseValue: props.falseValue,\n\tfocused: hasFocus.value,\n\thasErrors: props.hasErrors,\n\tid: props.id,\n\tname: props.name,\n\tparsedValue: inputAttributes.value.value,\n\treadonly: props.readonly,\n\ttrueValue: props.trueValue,\n\tvalue: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.color = props.color;\n\t}\n\treturn {\n\t\tclass: 'bb-base-switch-container__icon',\n\t\tstyle,\n\t};\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n\t() => [props.modelValue, props.checked, props.indeterminate],\n\t() => {\n\t\tif (checkboxInput.value) {\n\t\t\tcheckboxInput.value.indeterminate = !!props.indeterminate;\n\t\t}\n\t}\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value)\n  }, [\n    (!checked.value && _ctx.submitWhenFalse)\n      ? (_openBlock(), _createElementBlock(\"input\", _normalizeProps(_mergeProps({ key: 0 }, hiddenInputAttributes.value)), null, 16))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"input\", _mergeProps(inputAttributes.value, {\n      ref_key: \"checkboxInput\",\n      ref: checkboxInput\n    }), null, 16),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"icon\", _normalizeProps(_guardReactiveProps(slotAttributes.value)), () => [\n        _createElementVNode(\"span\", _normalizeProps(_guardReactiveProps(iconAttributes.value)), _hoisted_3, 16)\n      ])\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_normalizeProps","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_guardReactiveProps"],"mappings":"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"}

package/dist/index37.js

@@ -34,7 +34,7 @@ const O = { class: "bb-base-switch-group__container" }, j = {
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(T, { emit: E }) {
-    const o = T, a = E, u = V(), c = V(!1), { loading: C, options: m } = M({
+    const o = T, a = E, u = V(), c = V(!1), { loading: L, options: m } = M({
       dependencies: l(() => o.dependencies),
       depsDebounceTime: o.depsDebounceTime,
       disabled: l(() => o.disabled),
@@ -49,11 +49,11 @@ const O = { class: "bb-base-switch-group__container" }, j = {
       modelValue: l(() => o.modelValue),
       modelValueDebounceTime: o.modelValueDebounceTime,
       multiple: !0
-    }), L = (e) => {
+    }), C = (e) => {
       let n;
       e.selected ? n = o.modelValue.slice(0, e.selectedIndex).concat(o.modelValue.slice(e.selectedIndex + 1)) : n = o.modelValue.concat(e.value), a("update:modelValue", n);
     }, D = (e, n) => {
-      a("change", e), L(n);
+      a("change", e), C(n);
     }, $ = {
       onBlur: (e) => a("blur", e),
       onClick: (e) => a("click", e),
@@ -72,17 +72,17 @@ const O = { class: "bb-base-switch-group__container" }, j = {
       e.target instanceof HTMLElement && ((n = u.value) != null && n.contains(e.target) || (a("inactive"), c.value = !1, document.removeEventListener("focusin", b), document.removeEventListener("click", p)));
     };
     return (e, n) => (i(), r("span", {
+      ref_key: "container",
+      ref: u,
       class: h(["bb-base-switch-group", {
         "bb-base-switch-group--errors": e.hasErrors,
         "bb-base-switch-group--horizontal": e.direction === "horizontal",
         "bb-base-switch-group--vertical": e.direction === "vertical"
-      }]),
-      ref_key: "container",
-      ref: u
+      }])
     }, [
       g("span", O, [
         s(e.$slots, "prepend"),
-        !d(m).length && d(C) ? (i(), r("span", j, [
+        !d(m).length && d(L) ? (i(), r("span", j, [
           s(e.$slots, "loading", {}, () => [
             v(y(e.loadingText), 1)
           ])
@@ -103,15 +103,15 @@ const O = { class: "bb-base-switch-group__container" }, j = {
             }])
           }, [
             F(H, w({
+              id: t.id,
               autofocus: e.autofocus && !B,
               checked: t.selected,
               color: e.color,
               disabled: t.disabled,
               "has-errors": e.hasErrors,
-              id: t.id,
               name: e.name,
+              "on-change": (f) => D(f, t),
               readonly: e.readonly,
-              onChange: (f) => D(f, t),
               "true-value": t.value
             }, $), N({ _: 2 }, [
               e.$slots.icon ? {
@@ -124,7 +124,7 @@ const O = { class: "bb-base-switch-group__container" }, j = {
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["autofocus", "checked", "color", "disabled", "has-errors", "id", "name", "readonly", "onChange", "true-value"]),
+            ]), 1040, ["id", "autofocus", "checked", "color", "disabled", "has-errors", "name", "on-change", "readonly", "true-value"]),
             g("span", {
               class: h({
                 "bb-base-switch-group-option__text": !0,
@@ -132,9 +132,9 @@ const O = { class: "bb-base-switch-group__container" }, j = {
               })
             }, [
               s(e.$slots, "label", {
-                text: t.text,
+                checked: t.selected,
                 item: t.original,
-                checked: t.selected
+                text: t.text
               }, () => [
                 v(y(t.text), 1)
               ])

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/BaseSwitchGroup/BaseSwitchGroup.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-switch-group__container\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"bb-base-switch-group__loading-container\"\n}\nconst _hoisted_3 = {\n  key: 1,\n  class: \"bb-base-select__no-data-container\"\n}\n\nimport { ref, toRef } from \"vue\";\nimport { useOptions } from \"@/composables/useOptions\";\nimport BaseSwitch from \"../BaseSwitch/BaseSwitch.vue\";\nimport type { Option } from \"@/composables/useOptions\";\nimport type { SlotAttributes } from \"../BaseCheckbox/BaseCheckbox.vue\";\nimport type { BaseCheckboxGroupEvents, BaseCheckboxGroupProps } from \"../BaseCheckboxGroup/BaseCheckboxGroup.vue\";\n\nexport type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;\n\nexport type BaseSwitchGroupProps<T> = BaseCheckboxGroupProps<T>;\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSwitchGroup',\n  props: {\n    autofocus: {},\n    color: {},\n    dependencies: {},\n    depsDebounceTime: { default: 0 },\n    direction: { default: \"horizontal\" },\n    disabled: { type: Boolean },\n    enforceCoherence: { type: Boolean },\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    items: { type: [Array, Function], default: () => [] },\n    itemText: {},\n    itemValue: {},\n    loadingText: { default: \"Caricamento...\" },\n    matchStrategy: { default: \"string\" },\n    modelValue: {},\n    modelValueDebounceTime: { default: 0 },\n    name: {},\n    noDataText: { default: \"Nessun elemento da visualizzare\" },\n    readonly: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"inactive\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst container = ref<HTMLElement>();\nconst active = ref(false);\n\nconst { loading, options } = useOptions({\n  dependencies: toRef(() => props.dependencies),\n  depsDebounceTime: props.depsDebounceTime,\n  disabled: toRef(() => props.disabled),\n  emitter: (value) => emit(\"update:modelValue\", value),\n  enforceCoherence: toRef(() => props.enforceCoherence),\n  id: props.id,\n  immediate: true,\n  initialItems: toRef(() => props.items),\n  itemText: props.itemText,\n  itemValue: props.itemValue,\n  matchStrategy: \"string\",\n  modelValue: toRef(() => props.modelValue),\n  modelValueDebounceTime: props.modelValueDebounceTime,\n  multiple: true,\n});\n\n/**\n * When selecting an option split behavior based on single or multiple selection\n */\nconst onOptionSelected = (option: Option) => {\n  let valueToEmit;\n  if (option.selected) {\n    valueToEmit = props.modelValue\n      .slice(0, option.selectedIndex)\n      .concat(props.modelValue.slice(option.selectedIndex + 1));\n  } else {\n    valueToEmit = props.modelValue.concat(option.value);\n  }\n  emit(\"update:modelValue\", valueToEmit);\n};\n\nconst onChange = (event: Event, option: Option) => {\n  emit(\"change\", event);\n  onOptionSelected(option);\n};\n\nconst onFocus = (event: FocusEvent) => {\n  emit(\"focus\", event);\n  if (!active.value) {\n    document.addEventListener(\"focusin\", onDocumentFocus, { passive: true });\n    document.addEventListener(\"click\", onDocumentClick, { passive: true });\n    active.value = true;\n  }\n};\n\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus,\n  onInput: (event: Event) => emit(\"input\", event),\n  onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n  onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n  onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n  if (event.target instanceof HTMLElement) {\n    if (!container.value?.contains(event.target)) {\n      emit(\"inactive\");\n      active.value = false;\n      document.removeEventListener(\"focusin\", onDocumentFocus);\n      document.removeEventListener(\"click\", onDocumentClick);\n    }\n  }\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n  if (event.target instanceof HTMLElement) {\n    if (!container.value?.contains(event.target)) {\n      emit(\"inactive\");\n      active.value = false;\n      document.removeEventListener(\"focusin\", onDocumentFocus);\n      document.removeEventListener(\"click\", onDocumentClick);\n    }\n  }\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"bb-base-switch-group\", {\n      'bb-base-switch-group--errors': _ctx.hasErrors,\n      'bb-base-switch-group--horizontal': _ctx.direction === 'horizontal',\n      'bb-base-switch-group--vertical': _ctx.direction === 'vertical',\n    }]),\n    ref_key: \"container\",\n    ref: container\n  }, [\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      (!_unref(options).length && _unref(loading))\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, 'loading', {}, () => [\n              _createTextVNode(_toDisplayString(_ctx.loadingText), 1)\n            ])\n          ]))\n        : (!_unref(options).length)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_3, [\n              _renderSlot(_ctx.$slots, 'no-data', {}, () => [\n                _createTextVNode(_toDisplayString(_ctx.noDataText), 1)\n              ])\n            ]))\n          : _createCommentVNode(\"\", true),\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(options), (option, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: option?.id || option.jsonValue\n        }, [\n          _renderSlot(_ctx.$slots, \"option:prepend\", {\n            item: option.original\n          }),\n          _createElementVNode(\"label\", {\n            class: _normalizeClass([\"bb-base-switch-group-option\", {\n            'bb-base-switch-group-option__selected': option.selected,\n          }])\n          }, [\n            _createVNode(BaseSwitch, _mergeProps({\n              autofocus: _ctx.autofocus && !index,\n              checked: option.selected,\n              color: _ctx.color,\n              disabled: option.disabled,\n              \"has-errors\": _ctx.hasErrors,\n              id: option.id,\n              name: _ctx.name,\n              readonly: _ctx.readonly,\n              onChange: (event) => onChange(event, option),\n              \"true-value\": option.value\n            }, eventListeners), _createSlots({ _: 2 }, [\n              (_ctx.$slots.icon)\n                ? {\n                    name: \"icon\",\n                    fn: _withCtx((data) => [\n                      _renderSlot(_ctx.$slots, \"icon\", _mergeProps({\n                        item: option.original,\n                        text: option.text\n                      }, data))\n                    ]),\n                    key: \"0\"\n                  }\n                : undefined\n            ]), 1040, [\"autofocus\", \"checked\", \"color\", \"disabled\", \"has-errors\", \"id\", \"name\", \"readonly\", \"onChange\", \"true-value\"]),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass({\n              'bb-base-switch-group-option__text': true,\n              'bb-base-switch-group-option__text--hidden': _ctx.hideLabel,\n            })\n            }, [\n              _renderSlot(_ctx.$slots, \"label\", {\n                text: option.text,\n                item: option.original,\n                checked: option.selected\n              }, () => [\n                _createTextVNode(_toDisplayString(option.text), 1)\n              ])\n            ], 2)\n          ], 2),\n          _renderSlot(_ctx.$slots, \"option:append\", {\n            item: option.original\n          })\n        ], 64))\n      }), 128)),\n      _renderSlot(_ctx.$slots, \"append\")\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","container","ref","active","loading","options","useOptions","toRef","value","onOptionSelected","option","valueToEmit","onChange","event","eventListeners","onDocumentFocus","onDocumentClick","_a","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_unref","_createTextVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","index","_createVNode","BaseSwitch","_mergeProps","_createSlots","_withCtx","data"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,OAAO,qCACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,cAAc,CAAC;AAAA,IACf,kBAAkB,EAAE,SAAS,EAAE;AAAA,IAC/B,WAAW,EAAE,SAAS,aAAa;AAAA,IACnC,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,kBAAkB,EAAE,MAAM,QAAQ;AAAA,IAClC,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,OAAO,EAAE,MAAM,CAAC,OAAO,QAAQ,GAAG,SAAS,MAAM,GAAG;AAAA,IACpD,UAAU,CAAC;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,aAAa,EAAE,SAAS,iBAAiB;AAAA,IACzC,eAAe,EAAE,SAAS,SAAS;AAAA,IACnC,YAAY,CAAC;AAAA,IACb,wBAAwB,EAAE,SAAS,EAAE;AAAA,IACrC,MAAM,CAAC;AAAA,IACP,YAAY,EAAE,SAAS,kCAAkC;AAAA,IACzD,UAAU,CAAC;AAAA,EACb;AAAA,EACA,OAAO,CAAC,QAAQ,UAAU,SAAS,SAAS,YAAY,SAAS,WAAW,aAAa,WAAW,mBAAmB;AAAA,EACvH,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAYC,KACZC,IAASD,EAAI,EAAK,GAElB,EAAE,SAAAE,GAAS,SAAAC,EAAQ,IAAIC,EAAW;AAAA,MACtC,cAAcC,EAAM,MAAMR,EAAM,YAAY;AAAA,MAC5C,kBAAkBA,EAAM;AAAA,MACxB,UAAUQ,EAAM,MAAMR,EAAM,QAAQ;AAAA,MACpC,SAAS,CAACS,MAAUR,EAAK,qBAAqBQ,CAAK;AAAA,MACnD,kBAAkBD,EAAM,MAAMR,EAAM,gBAAgB;AAAA,MACpD,IAAIA,EAAM;AAAA,MACV,WAAW;AAAA,MACX,cAAcQ,EAAM,MAAMR,EAAM,KAAK;AAAA,MACrC,UAAUA,EAAM;AAAA,MAChB,WAAWA,EAAM;AAAA,MACjB,eAAe;AAAA,MACf,YAAYQ,EAAM,MAAMR,EAAM,UAAU;AAAA,MACxC,wBAAwBA,EAAM;AAAA,MAC9B,UAAU;AAAA,IAAA,CACX,GAKKU,IAAmB,CAACC,MAAmB;AACvC,UAAAC;AACJ,MAAID,EAAO,WACTC,IAAcZ,EAAM,WACjB,MAAM,GAAGW,EAAO,aAAa,EAC7B,OAAOX,EAAM,WAAW,MAAMW,EAAO,gBAAgB,CAAC,CAAC,IAE1DC,IAAcZ,EAAM,WAAW,OAAOW,EAAO,KAAK,GAEpDV,EAAK,qBAAqBW,CAAW;AAAA,IAAA,GAGjCC,IAAW,CAACC,GAAcH,MAAmB;AACjD,MAAAV,EAAK,UAAUa,CAAK,GACpBJ,EAAiBC,CAAM;AAAA,IAAA,GAYnBI,IAAiB;AAAA,MACrB,QAAQ,CAACD,MAAsBb,EAAK,QAAQa,CAAK;AAAA,MACjD,SAAS,CAACA,MAAsBb,EAAK,SAASa,CAAK;AAAA,MACnD,SAZc,CAACA,MAAsB;AACrC,QAAAb,EAAK,SAASa,CAAK,GACdV,EAAO,UACV,SAAS,iBAAiB,WAAWY,GAAiB,EAAE,SAAS,IAAM,GACvE,SAAS,iBAAiB,SAASC,GAAiB,EAAE,SAAS,IAAM,GACrEb,EAAO,QAAQ;AAAA,MACjB;AAAA,MAOA,SAAS,CAACU,MAAiBb,EAAK,SAASa,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBb,EAAK,WAAWa,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBb,EAAK,aAAaa,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBb,EAAK,WAAWa,CAAK;AAAA,IAAA,GAGnDE,IAAkB,CAACF,MAAsB;;AACzC,MAAAA,EAAM,kBAAkB,iBACrBI,IAAAhB,EAAU,UAAV,QAAAgB,EAAiB,SAASJ,EAAM,YACnCb,EAAK,UAAU,GACfG,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWY,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEzD,GAGIA,IAAkB,CAACH,MAAsB;;AACzC,MAAAA,EAAM,kBAAkB,iBACrBI,IAAAhB,EAAU,UAAV,QAAAgB,EAAiB,SAASJ,EAAM,YACnCb,EAAK,UAAU,GACfG,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWY,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEzD;AAGK,WAAA,CAACE,GAAUC,OACRC,EAAA,GAAcC,EAAoB,QAAQ;AAAA,MAChD,OAAOC,EAAgB,CAAC,wBAAwB;AAAA,QAC9C,gCAAgCJ,EAAK;AAAA,QACrC,oCAAoCA,EAAK,cAAc;AAAA,QACvD,kCAAkCA,EAAK,cAAc;AAAA,MAAA,CACtD,CAAC;AAAA,MACF,SAAS;AAAA,MACT,KAAKjB;AAAA,IAAA,GACJ;AAAA,MACDsB,EAAoB,QAAQ/B,GAAY;AAAA,QACtCgC,EAAYN,EAAK,QAAQ,SAAS;AAAA,QACjC,CAACO,EAAOpB,CAAO,EAAE,UAAUoB,EAAOrB,CAAO,KACrCgB,EAAW,GAAGC,EAAoB,QAAQ5B,GAAY;AAAA,UACrD+B,EAAYN,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,YAC5CQ,EAAiBC,EAAiBT,EAAK,WAAW,GAAG,CAAC;AAAA,UAAA,CACvD;AAAA,QAAA,CACF,KACCO,EAAOpB,CAAO,EAAE,SAMhBuB,EAAoB,IAAI,EAAI,KAL3BR,KAAcC,EAAoB,QAAQ3B,GAAY;AAAA,UACrD8B,EAAYN,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,YAC5CQ,EAAiBC,EAAiBT,EAAK,UAAU,GAAG,CAAC;AAAA,UAAA,CACtD;AAAA,QAAA,CACF;AAAA,SAENE,EAAW,EAAI,GAAGC,EAAoBQ,GAAW,MAAMC,EAAYL,EAAOpB,CAAO,GAAG,CAACK,GAAQqB,OACpFX,EAAA,GAAcC,EAAoBQ,GAAW;AAAA,UACnD,MAAKnB,KAAA,gBAAAA,EAAQ,OAAMA,EAAO;AAAA,QAAA,GACzB;AAAA,UACDc,EAAYN,EAAK,QAAQ,kBAAkB;AAAA,YACzC,MAAMR,EAAO;AAAA,UAAA,CACd;AAAA,UACDa,EAAoB,SAAS;AAAA,YAC3B,OAAOD,EAAgB,CAAC,+BAA+B;AAAA,cACvD,yCAAyCZ,EAAO;AAAA,YAAA,CACjD,CAAC;AAAA,UAAA,GACC;AAAA,YACDsB,EAAaC,GAAYC,EAAY;AAAA,cACnC,WAAWhB,EAAK,aAAa,CAACa;AAAA,cAC9B,SAASrB,EAAO;AAAA,cAChB,OAAOQ,EAAK;AAAA,cACZ,UAAUR,EAAO;AAAA,cACjB,cAAcQ,EAAK;AAAA,cACnB,IAAIR,EAAO;AAAA,cACX,MAAMQ,EAAK;AAAA,cACX,UAAUA,EAAK;AAAA,cACf,UAAU,CAACL,MAAUD,EAASC,GAAOH,CAAM;AAAA,cAC3C,cAAcA,EAAO;AAAA,eACpBI,CAAc,GAAGqB,EAAa,EAAE,GAAG,KAAK;AAAA,cACxCjB,EAAK,OAAO,OACT;AAAA,gBACE,MAAM;AAAA,gBACN,IAAIkB,EAAS,CAACC,MAAS;AAAA,kBACrBb,EAAYN,EAAK,QAAQ,QAAQgB,EAAY;AAAA,oBAC3C,MAAMxB,EAAO;AAAA,oBACb,MAAMA,EAAO;AAAA,kBACf,GAAG2B,CAAI,CAAC;AAAA,gBAAA,CACT;AAAA,gBACD,KAAK;AAAA,cAEP,IAAA;AAAA,YACL,CAAA,GAAG,MAAM,CAAC,aAAa,WAAW,SAAS,YAAY,cAAc,MAAM,QAAQ,YAAY,YAAY,YAAY,CAAC;AAAA,YACzHd,EAAoB,QAAQ;AAAA,cAC1B,OAAOD,EAAgB;AAAA,gBACvB,qCAAqC;AAAA,gBACrC,6CAA6CJ,EAAK;AAAA,cAAA,CACnD;AAAA,YAAA,GACE;AAAA,cACDM,EAAYN,EAAK,QAAQ,SAAS;AAAA,gBAChC,MAAMR,EAAO;AAAA,gBACb,MAAMA,EAAO;AAAA,gBACb,SAASA,EAAO;AAAA,cAAA,GACf,MAAM;AAAA,gBACPgB,EAAiBC,EAAiBjB,EAAO,IAAI,GAAG,CAAC;AAAA,cAAA,CAClD;AAAA,eACA,CAAC;AAAA,aACH,CAAC;AAAA,UACJc,EAAYN,EAAK,QAAQ,iBAAiB;AAAA,YACxC,MAAMR,EAAO;AAAA,UAAA,CACd;AAAA,WACA,EAAE,EACN,GAAG,GAAG;AAAA,QACPc,EAAYN,EAAK,QAAQ,QAAQ;AAAA,MAAA,CAClC;AAAA,OACA,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"index37.js","sources":["../src/components/BaseSwitchGroup/BaseSwitchGroup.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-switch-group__container\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"bb-base-switch-group__loading-container\"\n}\nconst _hoisted_3 = {\n  key: 1,\n  class: \"bb-base-select__no-data-container\"\n}\n\nimport { ref, toRef } from 'vue';\nimport { useOptions } from '@/composables/useOptions';\nimport BaseSwitch from '../BaseSwitch/BaseSwitch.vue';\nimport type { Option } from '@/composables/useOptions';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport type {\n\tBaseCheckboxGroupEvents,\n\tBaseCheckboxGroupProps,\n} from '../BaseCheckboxGroup/BaseCheckboxGroup.vue';\n\nexport type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;\n\nexport type BaseSwitchGroupProps<T> = BaseCheckboxGroupProps<T>;\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseSwitchGroup',\n  props: {\n    autofocus: {},\n    color: {},\n    dependencies: {},\n    depsDebounceTime: { default: 0 },\n    direction: { default: 'horizontal' },\n    disabled: { type: Boolean },\n    enforceCoherence: { type: Boolean },\n    hasErrors: { type: Boolean },\n    hideLabel: { type: Boolean },\n    id: {},\n    items: { type: [Array, Function], default: () => [] },\n    itemText: {},\n    itemValue: {},\n    loadingText: { default: 'Caricamento...' },\n    matchStrategy: { default: 'string' },\n    modelValue: {},\n    modelValueDebounceTime: { default: 0 },\n    name: {},\n    noDataText: { default: 'Nessun elemento da visualizzare' },\n    readonly: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"inactive\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst container = ref<HTMLElement>();\nconst active = ref(false);\n\nconst { loading, options } = useOptions({\n\tdependencies: toRef(() => props.dependencies),\n\tdepsDebounceTime: props.depsDebounceTime,\n\tdisabled: toRef(() => props.disabled),\n\temitter: (value) => emit('update:modelValue', value),\n\tenforceCoherence: toRef(() => props.enforceCoherence),\n\tid: props.id,\n\timmediate: true,\n\tinitialItems: toRef(() => props.items),\n\titemText: props.itemText,\n\titemValue: props.itemValue,\n\tmatchStrategy: 'string',\n\tmodelValue: toRef(() => props.modelValue),\n\tmodelValueDebounceTime: props.modelValueDebounceTime,\n\tmultiple: true,\n});\n\n/**\n * When selecting an option split behavior based on single or multiple selection\n */\nconst onOptionSelected = (option: Option) => {\n\tlet valueToEmit;\n\tif (option.selected) {\n\t\tvalueToEmit = props.modelValue\n\t\t\t.slice(0, option.selectedIndex)\n\t\t\t.concat(props.modelValue.slice(option.selectedIndex + 1));\n\t} else {\n\t\tvalueToEmit = props.modelValue.concat(option.value);\n\t}\n\temit('update:modelValue', valueToEmit);\n};\n\nconst onChange = (event: Event, option: Option) => {\n\temit('change', event);\n\tonOptionSelected(option);\n};\n\nconst onFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tif (!active.value) {\n\t\tdocument.addEventListener('focusin', onDocumentFocus, { passive: true });\n\t\tdocument.addEventListener('click', onDocumentClick, { passive: true });\n\t\tactive.value = true;\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus,\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};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    ref_key: \"container\",\n    ref: container,\n    class: _normalizeClass([\"bb-base-switch-group\", {\n\t\t\t'bb-base-switch-group--errors': _ctx.hasErrors,\n\t\t\t'bb-base-switch-group--horizontal': _ctx.direction === 'horizontal',\n\t\t\t'bb-base-switch-group--vertical': _ctx.direction === 'vertical',\n\t\t}])\n  }, [\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      (!_unref(options).length && _unref(loading))\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, 'loading', {}, () => [\n              _createTextVNode(_toDisplayString(_ctx.loadingText), 1)\n            ])\n          ]))\n        : (!_unref(options).length)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_3, [\n              _renderSlot(_ctx.$slots, 'no-data', {}, () => [\n                _createTextVNode(_toDisplayString(_ctx.noDataText), 1)\n              ])\n            ]))\n          : _createCommentVNode(\"\", true),\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(options), (option, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: option?.id || option.jsonValue\n        }, [\n          _renderSlot(_ctx.$slots, \"option:prepend\", {\n            item: option.original\n          }),\n          _createElementVNode(\"label\", {\n            class: _normalizeClass([\"bb-base-switch-group-option\", {\n\t\t\t\t\t\t'bb-base-switch-group-option__selected': option.selected,\n\t\t\t\t\t}])\n          }, [\n            _createVNode(BaseSwitch, _mergeProps({\n              id: option.id,\n              autofocus: _ctx.autofocus && !index,\n              checked: option.selected,\n              color: _ctx.color,\n              disabled: option.disabled,\n              \"has-errors\": _ctx.hasErrors,\n              name: _ctx.name,\n              \"on-change\": (event) => onChange(event, option),\n              readonly: _ctx.readonly,\n              \"true-value\": option.value\n            }, eventListeners), _createSlots({ _: 2 }, [\n              (_ctx.$slots.icon)\n                ? {\n                    name: \"icon\",\n                    fn: _withCtx((data) => [\n                      _renderSlot(_ctx.$slots, \"icon\", _mergeProps({\n                        item: option.original,\n                        text: option.text\n                      }, data))\n                    ]),\n                    key: \"0\"\n                  }\n                : undefined\n            ]), 1040, [\"id\", \"autofocus\", \"checked\", \"color\", \"disabled\", \"has-errors\", \"name\", \"on-change\", \"readonly\", \"true-value\"]),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass({\n\t\t\t\t\t\t\t'bb-base-switch-group-option__text': true,\n\t\t\t\t\t\t\t'bb-base-switch-group-option__text--hidden': _ctx.hideLabel,\n\t\t\t\t\t\t})\n            }, [\n              _renderSlot(_ctx.$slots, \"label\", {\n                checked: option.selected,\n                item: option.original,\n                text: option.text\n              }, () => [\n                _createTextVNode(_toDisplayString(option.text), 1)\n              ])\n            ], 2)\n          ], 2),\n          _renderSlot(_ctx.$slots, \"option:append\", {\n            item: option.original\n          })\n        ], 64))\n      }), 128)),\n      _renderSlot(_ctx.$slots, \"append\")\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","container","ref","active","loading","options","useOptions","toRef","value","onOptionSelected","option","valueToEmit","onChange","event","eventListeners","onDocumentFocus","onDocumentClick","_a","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_unref","_createTextVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","index","_createVNode","BaseSwitch","_mergeProps","_createSlots","_withCtx","data"],"mappings":"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"}

package/dist/index39.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as y, computed as r, onMounted as g, watch as w, nextTick as k, openBlock as x, createElementBlock as V, normalizeClass as B, renderSlot as l, createElementVNode as u, mergeProps as T } from "vue";
-const v = { class: "bb-base-textarea__inner-container" }, E = ["autocomplete", "autofocus", "disabled", "id", "name", "placeholder", "readonly", "value"], M = /* @__PURE__ */ h({
+const v = { class: "bb-base-textarea__inner-container" }, E = ["id", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "value"], M = /* @__PURE__ */ h({
   __name: "BaseTextarea",
   props: {
     autocomplete: {},
@@ -53,26 +53,24 @@ const v = { class: "bb-base-textarea__inner-container" }, E = ["autocomplete", "
       t.value && (t.value.style.height = "0px", t.value.style.height = `${t.value.scrollHeight}px`);
     }
     return (e, s) => (x(), V("span", {
-      class: B([i.value, "bb-base-textarea__container"])
+      class: B(["bb-base-textarea__container", i.value])
     }, [
       l(e.$slots, "prepend-outer"),
       u("span", v, [
         l(e.$slots, "prepend"),
-        u("textarea", T({
+        u("textarea", T({ id: e.id }, f, {
+          ref_key: "textarea",
+          ref: t,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           class: "bb-base-textarea__input",
           disabled: e.disabled,
-          id: e.id,
           name: e.name,
           placeholder: e.placeholder,
           readonly: e.readonly,
           value: c.value,
           onInput: m,
           onKeydown: b
-        }, f, {
-          ref_key: "textarea",
-          ref: t
         }), null, 16, E),
         l(e.$slots, "append")
       ]),

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/BaseTextarea/BaseTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-textarea__inner-container\" }\nconst _hoisted_2 = [\"autocomplete\", \"autofocus\", \"disabled\", \"id\", \"name\", \"placeholder\", \"readonly\", \"value\"]\n\nimport { computed, nextTick, onMounted, ref, watch } from \"vue\";\nimport type { HTMLAttributes, InputHTMLAttributes, Ref } from \"vue\";\n\nexport type BaseTextareaProps = {\n  /**\n   * Guides to the browser as to the type of information expected in the field.\n   */\n  autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * String displayed when there's no data.\n   */\n  placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n\n  /**\n   * Expands the textarea to match its content\n   */\n  autoGrow?: boolean;\n  /**\n   * Used by v-model\n   */\n  modelValue: string | null;\n};\nexport type BaseTextareaEvents = {\n  (e: \"blur\", event: FocusEvent): void;\n  (e: \"change\", event: Event): void;\n  (e: \"click\", event: MouseEvent): void;\n  (e: \"focus\", event: FocusEvent): void;\n  (e: \"input\", event: Event): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n  (e: \"mousedown\", event: MouseEvent): void;\n  (e: \"mouseup\", event: MouseEvent): void;\n  (e: \"update:modelValue\", value: string | null): void;\n};\nexport type BaseTextareaSlots = {\n  \"prepend-outer\"?: (props: {}) => any;\n  prepend?: (props: {}) => any;\n  append?: (props: {}) => any;\n  \"append-outer\"?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseTextarea',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    autoGrow: { type: Boolean },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst textarea: Ref<HTMLTextAreaElement | null> = ref(null);\n\nconst classes = computed(() => ({\n  \"bb-base-textarea\": true,\n  \"bb-base-textarea--auto-grow\": props.autoGrow,\n  \"bb-base-textarea--disabled\": props.disabled,\n  \"bb-base-textarea--errors\": props.hasErrors,\n  \"bb-base-textarea--readonly\": props.readonly,\n}));\n\n// Allow modelvalue to be reset to null\nconst modelValueWithDefault = computed(() =>\n  props.modelValue ? props.modelValue : \"\"\n);\nonMounted(() => {\n  if (props.autoGrow) {\n    computeTextareaHeight();\n  }\n});\nwatch(\n  () => props.modelValue,\n  () => {\n    if (props.autoGrow) {\n      nextTick(computeTextareaHeight);\n    }\n  }\n);\n\nfunction onInput(event: Event): void {\n  // Prevemt enter from triggering smt else\n  event.stopPropagation();\n  if (event.target instanceof HTMLTextAreaElement) {\n    let value = event.target.value;\n    emit(\"input\", event);\n    emit(\"update:modelValue\", value);\n  }\n}\nfunction onKeydown(event: KeyboardEvent): void {\n  // Prevent enter from triggering smt else\n  event.stopPropagation();\n  if (event.target instanceof HTMLTextAreaElement) {\n    emit(\"keydown\", event);\n  }\n}\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n  onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n};\n\n/* \nReset height and the apply scroll height otherwise it would not be able to shrink\n*/\nfunction computeTextareaHeight() {\n  if (!textarea.value) return;\n  textarea.value.style.height = \"0px\";\n\n  textarea.value.style.height = `${textarea.value.scrollHeight}px`;\n}\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([classes.value, \"bb-base-textarea__container\"])\n  }, [\n    _renderSlot(_ctx.$slots, \"prepend-outer\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      _createElementVNode(\"textarea\", _mergeProps({\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        class: 'bb-base-textarea__input',\n        disabled: _ctx.disabled,\n        id: _ctx.id,\n        name: _ctx.name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        value: modelValueWithDefault.value,\n        onInput: onInput,\n        onKeydown: onKeydown\n      }, eventListeners, {\n        ref_key: \"textarea\",\n        ref: textarea\n      }), null, 16, _hoisted_2),\n      _renderSlot(_ctx.$slots, \"append\")\n    ]),\n    _renderSlot(_ctx.$slots, \"append-outer\")\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","textarea","ref","classes","computed","modelValueWithDefault","onMounted","computeTextareaHeight","watch","nextTick","onInput","event","value","onKeydown","eventListeners","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"index39.js","sources":["../src/components/BaseTextarea/BaseTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-textarea__inner-container\" }\nconst _hoisted_2 = [\"id\", \"autocomplete\", \"autofocus\", \"disabled\", \"name\", \"placeholder\", \"readonly\", \"value\"]\n\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\nimport type { HTMLAttributes, InputHTMLAttributes, Ref } from 'vue';\n\nexport type BaseTextareaProps = {\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\n\t/**\n\t * Expands the textarea to match its content\n\t */\n\tautoGrow?: boolean;\n\t/**\n\t * Used by v-model\n\t */\n\tmodelValue: string | null;\n};\nexport type BaseTextareaEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: string | null): void;\n};\nexport type BaseTextareaSlots = {\n\t'prepend-outer'?: (props: {}) => any;\n\tprepend?: (props: {}) => any;\n\tappend?: (props: {}) => any;\n\t'append-outer'?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseTextarea',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    autoGrow: { type: Boolean },\n    modelValue: {}\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst textarea: Ref<HTMLTextAreaElement | null> = ref(null);\n\nconst classes = computed(() => ({\n\t'bb-base-textarea': true,\n\t'bb-base-textarea--auto-grow': props.autoGrow,\n\t'bb-base-textarea--disabled': props.disabled,\n\t'bb-base-textarea--errors': props.hasErrors,\n\t'bb-base-textarea--readonly': props.readonly,\n}));\n\n// Allow modelvalue to be reset to null\nconst modelValueWithDefault = computed(() =>\n\tprops.modelValue ? props.modelValue : ''\n);\nonMounted(() => {\n\tif (props.autoGrow) {\n\t\tcomputeTextareaHeight();\n\t}\n});\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\tif (props.autoGrow) {\n\t\t\tnextTick(computeTextareaHeight);\n\t\t}\n\t}\n);\n\nfunction onInput(event: Event): void {\n\t// Prevemt enter from triggering smt else\n\tevent.stopPropagation();\n\tif (event.target instanceof HTMLTextAreaElement) {\n\t\tlet value = event.target.value;\n\t\temit('input', event);\n\t\temit('update:modelValue', value);\n\t}\n}\nfunction onKeydown(event: KeyboardEvent): void {\n\t// Prevent enter from triggering smt else\n\tevent.stopPropagation();\n\tif (event.target instanceof HTMLTextAreaElement) {\n\t\temit('keydown', event);\n\t}\n}\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\n/* \nReset height and the apply scroll height otherwise it would not be able to shrink\n*/\nfunction computeTextareaHeight() {\n\tif (!textarea.value) return;\n\ttextarea.value.style.height = '0px';\n\n\ttextarea.value.style.height = `${textarea.value.scrollHeight}px`;\n}\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"bb-base-textarea__container\", classes.value])\n  }, [\n    _renderSlot(_ctx.$slots, \"prepend-outer\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      _createElementVNode(\"textarea\", _mergeProps({ id: _ctx.id }, eventListeners, {\n        ref_key: \"textarea\",\n        ref: textarea,\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        class: 'bb-base-textarea__input',\n        disabled: _ctx.disabled,\n        name: _ctx.name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        value: modelValueWithDefault.value,\n        onInput: onInput,\n        onKeydown: onKeydown\n      }), null, 16, _hoisted_2),\n      _renderSlot(_ctx.$slots, \"append\")\n    ]),\n    _renderSlot(_ctx.$slots, \"append-outer\")\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","textarea","ref","classes","computed","modelValueWithDefault","onMounted","computeTextareaHeight","watch","nextTick","onInput","event","value","onKeydown","eventListeners","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_mergeProps"],"mappings":"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"}

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/composables/useCountdown.ts"],"sourcesContent":["import { getAsPercentage } from \"@/utilities/functions/percentage\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport { computed, onBeforeUnmount, ref } from \"vue\";\n\ntype CounterParams = {\n  /** Longevity of the countdown in milliseconds */\n  duration: number;\n  /** Function called every time the countdown starts or restarts */\n  onStart?: (...args: any[]) => any;\n  /** Function called anytime the timer stops or pauses */\n  onStop?: (...args: any[]) => any;\n  /** Function called on completion */\n  onFinish?: (...args: any[]) => any;\n};\nexport const useCountdown = ({\n  duration,\n  onStart,\n  onFinish,\n  onStop,\n}: CounterParams) => {\n  if (!duration) {\n    throw new Error(\"You must define a duration for the coundown\");\n  }\n  const remaining = ref(duration);\n  const elapsed = ref(0);\n  const progress = computed(() => getAsPercentage(elapsed.value, duration));\n  const tick = 100;\n  const running = ref(false);\n  const paused = ref(false);\n\n  let timeoutID: ReturnType<typeof setInterval>;\n\n  const start = () => {\n    if (elapsed.value === duration || (running.value && !paused.value)) return;\n    if (onStart) onStart();\n    paused.value = false;\n    running.value = true;\n\n    timeoutID = setInterval(() => {\n      remaining.value = Math.max(remaining.value - tick, 0);\n      elapsed.value = Math.min(elapsed.value + tick, duration);\n\n      if (remaining.value === 0) {\n        wait(0).then(() => {\n          clearInterval(timeoutID);\n          running.value = false;\n          if (onStop) onStop();\n          if (onFinish) onFinish();\n        });\n      }\n    }, tick);\n  };\n\n  const restart = () => {\n    reset();\n    start();\n  };\n\n  const reset = () => {\n    if (timeoutID) clearInterval(timeoutID);\n    if (!paused.value) {\n      if (onStop) onStop();\n    }\n    remaining.value = duration;\n    elapsed.value = 0;\n    running.value = false;\n    paused.value = false;\n  };\n\n  const pause = () => {\n    if (timeoutID) clearInterval(timeoutID);\n    if (!paused.value) {\n      if (onStop) onStop();\n    }\n    paused.value = true;\n  };\n\n  const remainingFormatted = computed(() => {\n    const msInADay = 1000 * 60 * 60 * 24;\n    const msInAnHour = 1000 * 60 * 60;\n    const msInAMinute = 1000 * 60;\n    const msInASecond = 1000;\n\n    const days = Math.trunc(remaining.value / msInADay);\n    const hours = Math.trunc((remaining.value - days * msInADay) / msInAnHour);\n    const minutes = Math.trunc(\n      (remaining.value - hours * msInAnHour - days * msInADay) / msInAMinute\n    );\n    const seconds = Math.trunc(\n      (remaining.value -\n        minutes * msInAMinute -\n        hours * msInAnHour -\n        days * msInADay) /\n        msInASecond\n    );\n    return {\n      days,\n      hours,\n      minutes,\n      seconds,\n    };\n  });\n\n  onBeforeUnmount(() => clearInterval(timeoutID));\n  \n  return {\n    /** Elapsed milliseconds since starting the timer */\n    elapsed: computed(() => elapsed.value),\n    /** Remaining milliseconds */\n    remaining: computed(() => remaining.value),\n    /** Remaining as a formatted object for display */\n    remainingFormatted,\n    /** Percentage of elapsed time against duration */\n    progress,\n    /** Starts the timer */\n    start,\n    /** Reset the timer to intiial state and starts again */\n    restart,\n    /** Pauses the timer */\n    pause,\n    /** Reset the timer to initial state, if the timer is running it is stopped */\n    reset,\n    /** Boolean, is the timer running (paused doesn't change running state) */\n    running,\n    /** Boolean is the timer paused */\n    paused,\n  };\n};\n"],"names":["useCountdown","duration","onStart","onFinish","onStop","remaining","ref","elapsed","progress","computed","getAsPercentage","tick","running","paused","timeoutID","start","wait","restart","reset","pause","remainingFormatted","days","hours","minutes","seconds","onBeforeUnmount"],"mappings":";;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAAqB;AACnB,MAAI,CAACH;AACG,UAAA,IAAI,MAAM,6CAA6C;AAEzD,QAAAI,IAAYC,EAAIL,CAAQ,GACxBM,IAAUD,EAAI,CAAC,GACfE,IAAWC,EAAS,MAAMC,EAAgBH,EAAQ,OAAON,CAAQ,CAAC,GAClEU,IAAO,KACPC,IAAUN,EAAI,EAAK,GACnBO,IAASP,EAAI,EAAK;AAEpB,MAAAQ;AAEJ,QAAMC,IAAQ,MAAM;AAClB,IAAIR,EAAQ,UAAUN,KAAaW,EAAQ,SAAS,CAACC,EAAO,UACxDX,KAAiBA,KACrBW,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAEhBE,IAAY,YAAY,MAAM;AAC5B,MAAAT,EAAU,QAAQ,KAAK,IAAIA,EAAU,QAAQM,GAAM,CAAC,GACpDJ,EAAQ,QAAQ,KAAK,IAAIA,EAAQ,QAAQI,GAAMV,CAAQ,GAEnDI,EAAU,UAAU,KACjBW,EAAA,CAAC,EAAE,KAAK,MAAM;AACjB,sBAAcF,CAAS,GACvBF,EAAQ,QAAQ,IACZR,KAAeA,KACfD,KAAmBA;MAAA,CACxB;AAAA,OAEFQ,CAAI;AAAA,EAAA,GAGHM,IAAU,MAAM;AACd,IAAAC,KACAH;EAAA,GAGFG,IAAQ,MAAM;AACd,IAAAJ,KAAW,cAAcA,CAAS,GACjCD,EAAO,SACNT,KAAeA,KAErBC,EAAU,QAAQJ,GAClBM,EAAQ,QAAQ,GAChBK,EAAQ,QAAQ,IAChBC,EAAO,QAAQ;AAAA,EAAA,GAGXM,IAAQ,MAAM;AACd,IAAAL,KAAW,cAAcA,CAAS,GACjCD,EAAO,SACNT,KAAeA,KAErBS,EAAO,QAAQ;AAAA,EAAA,GAGXO,IAAqBX,EAAS,MAAM;AAMxC,UAAMY,IAAO,KAAK,MAAMhB,EAAU,QAAQ,KAAQ,GAC5CiB,IAAQ,KAAK,OAAOjB,EAAU,QAAQgB,IAAO,SAAY,IAAU,GACnEE,IAAU,KAAK;AAAA,OAClBlB,EAAU,QAAQiB,IAAQ,OAAaD,IAAO,SAAY;AAAA,IAAA,GAEvDG,IAAU,KAAK;AAAA,OAClBnB,EAAU,QACTkB,IAAU,MACVD,IAAQ,OACRD,IAAO,SACP;AAAA,IAAA;AAEG,WAAA;AAAA,MACL,MAAAA;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EACF,CACD;AAEe,SAAAC,EAAA,MAAM,cAAcX,CAAS,CAAC,GAEvC;AAAA;AAAA,IAEL,SAASL,EAAS,MAAMF,EAAQ,KAAK;AAAA;AAAA,IAErC,WAAWE,EAAS,MAAMJ,EAAU,KAAK;AAAA;AAAA,IAEzC,oBAAAe;AAAA;AAAA,IAEA,UAAAZ;AAAA;AAAA,IAEA,OAAAO;AAAA;AAAA,IAEA,SAAAE;AAAA;AAAA,IAEA,OAAAE;AAAA;AAAA,IAEA,OAAAD;AAAA;AAAA,IAEA,SAAAN;AAAA;AAAA,IAEA,QAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index4.js","sources":["../src/composables/useCountdown.ts"],"sourcesContent":["import { getAsPercentage } from '@/utilities/functions/percentage';\nimport { wait } from '@/utilities/functions/wait';\nimport { computed, onBeforeUnmount, ref } from 'vue';\n\ntype CounterParams = {\n\t/** Longevity of the countdown in milliseconds */\n\tduration: number;\n\t/** Function called every time the countdown starts or restarts */\n\tonStart?: (...args: any[]) => any;\n\t/** Function called anytime the timer stops or pauses */\n\tonStop?: (...args: any[]) => any;\n\t/** Function called on completion */\n\tonFinish?: (...args: any[]) => any;\n};\nexport const useCountdown = ({\n\tduration,\n\tonStart,\n\tonFinish,\n\tonStop,\n}: CounterParams) => {\n\tif (!duration) {\n\t\tthrow new Error('You must define a duration for the coundown');\n\t}\n\tconst remaining = ref(duration);\n\tconst elapsed = ref(0);\n\tconst progress = computed(() => getAsPercentage(elapsed.value, duration));\n\tconst tick = 100;\n\tconst running = ref(false);\n\tconst paused = ref(false);\n\n\tlet timeoutID: ReturnType<typeof setInterval>;\n\n\tconst start = () => {\n\t\tif (elapsed.value === duration || (running.value && !paused.value)) return;\n\t\tif (onStart) onStart();\n\t\tpaused.value = false;\n\t\trunning.value = true;\n\n\t\ttimeoutID = setInterval(() => {\n\t\t\tremaining.value = Math.max(remaining.value - tick, 0);\n\t\t\telapsed.value = Math.min(elapsed.value + tick, duration);\n\n\t\t\tif (remaining.value === 0) {\n\t\t\t\twait(0).then(() => {\n\t\t\t\t\tclearInterval(timeoutID);\n\t\t\t\t\trunning.value = false;\n\t\t\t\t\tif (onStop) onStop();\n\t\t\t\t\tif (onFinish) onFinish();\n\t\t\t\t});\n\t\t\t}\n\t\t}, tick);\n\t};\n\n\tconst restart = () => {\n\t\treset();\n\t\tstart();\n\t};\n\n\tconst reset = () => {\n\t\tif (timeoutID) clearInterval(timeoutID);\n\t\tif (!paused.value) {\n\t\t\tif (onStop) onStop();\n\t\t}\n\t\tremaining.value = duration;\n\t\telapsed.value = 0;\n\t\trunning.value = false;\n\t\tpaused.value = false;\n\t};\n\n\tconst pause = () => {\n\t\tif (timeoutID) clearInterval(timeoutID);\n\t\tif (!paused.value) {\n\t\t\tif (onStop) onStop();\n\t\t}\n\t\tpaused.value = true;\n\t};\n\n\tconst remainingFormatted = computed(() => {\n\t\tconst msInADay = 1000 * 60 * 60 * 24;\n\t\tconst msInAnHour = 1000 * 60 * 60;\n\t\tconst msInAMinute = 1000 * 60;\n\t\tconst msInASecond = 1000;\n\n\t\tconst days = Math.trunc(remaining.value / msInADay);\n\t\tconst hours = Math.trunc((remaining.value - days * msInADay) / msInAnHour);\n\t\tconst minutes = Math.trunc(\n\t\t\t(remaining.value - hours * msInAnHour - days * msInADay) / msInAMinute\n\t\t);\n\t\tconst seconds = Math.trunc(\n\t\t\t(remaining.value -\n\t\t\t\tminutes * msInAMinute -\n\t\t\t\thours * msInAnHour -\n\t\t\t\tdays * msInADay) /\n\t\t\t\tmsInASecond\n\t\t);\n\t\treturn {\n\t\t\tdays,\n\t\t\thours,\n\t\t\tminutes,\n\t\t\tseconds,\n\t\t};\n\t});\n\n\tonBeforeUnmount(() => clearInterval(timeoutID));\n\n\treturn {\n\t\t/** Elapsed milliseconds since starting the timer */\n\t\telapsed: computed(() => elapsed.value),\n\t\t/** Remaining milliseconds */\n\t\tremaining: computed(() => remaining.value),\n\t\t/** Remaining as a formatted object for display */\n\t\tremainingFormatted,\n\t\t/** Percentage of elapsed time against duration */\n\t\tprogress,\n\t\t/** Starts the timer */\n\t\tstart,\n\t\t/** Reset the timer to intiial state and starts again */\n\t\trestart,\n\t\t/** Pauses the timer */\n\t\tpause,\n\t\t/** Reset the timer to initial state, if the timer is running it is stopped */\n\t\treset,\n\t\t/** Boolean, is the timer running (paused doesn't change running state) */\n\t\trunning,\n\t\t/** Boolean is the timer paused */\n\t\tpaused,\n\t};\n};\n"],"names":["useCountdown","duration","onStart","onFinish","onStop","remaining","ref","elapsed","progress","computed","getAsPercentage","tick","running","paused","timeoutID","start","wait","restart","reset","pause","remainingFormatted","days","hours","minutes","seconds","onBeforeUnmount"],"mappings":";;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACD,MAAqB;AACpB,MAAI,CAACH;AACE,UAAA,IAAI,MAAM,6CAA6C;AAExD,QAAAI,IAAYC,EAAIL,CAAQ,GACxBM,IAAUD,EAAI,CAAC,GACfE,IAAWC,EAAS,MAAMC,EAAgBH,EAAQ,OAAON,CAAQ,CAAC,GAClEU,IAAO,KACPC,IAAUN,EAAI,EAAK,GACnBO,IAASP,EAAI,EAAK;AAEpB,MAAAQ;AAEJ,QAAMC,IAAQ,MAAM;AACnB,IAAIR,EAAQ,UAAUN,KAAaW,EAAQ,SAAS,CAACC,EAAO,UACxDX,KAAiBA,KACrBW,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAEhBE,IAAY,YAAY,MAAM;AAC7B,MAAAT,EAAU,QAAQ,KAAK,IAAIA,EAAU,QAAQM,GAAM,CAAC,GACpDJ,EAAQ,QAAQ,KAAK,IAAIA,EAAQ,QAAQI,GAAMV,CAAQ,GAEnDI,EAAU,UAAU,KAClBW,EAAA,CAAC,EAAE,KAAK,MAAM;AAClB,sBAAcF,CAAS,GACvBF,EAAQ,QAAQ,IACZR,KAAeA,KACfD,KAAmBA;MAAA,CACvB;AAAA,OAEAQ,CAAI;AAAA,EAAA,GAGFM,IAAU,MAAM;AACf,IAAAC,KACAH;EAAA,GAGDG,IAAQ,MAAM;AACf,IAAAJ,KAAW,cAAcA,CAAS,GACjCD,EAAO,SACPT,KAAeA,KAEpBC,EAAU,QAAQJ,GAClBM,EAAQ,QAAQ,GAChBK,EAAQ,QAAQ,IAChBC,EAAO,QAAQ;AAAA,EAAA,GAGVM,IAAQ,MAAM;AACf,IAAAL,KAAW,cAAcA,CAAS,GACjCD,EAAO,SACPT,KAAeA,KAEpBS,EAAO,QAAQ;AAAA,EAAA,GAGVO,IAAqBX,EAAS,MAAM;AAMzC,UAAMY,IAAO,KAAK,MAAMhB,EAAU,QAAQ,KAAQ,GAC5CiB,IAAQ,KAAK,OAAOjB,EAAU,QAAQgB,IAAO,SAAY,IAAU,GACnEE,IAAU,KAAK;AAAA,OACnBlB,EAAU,QAAQiB,IAAQ,OAAaD,IAAO,SAAY;AAAA,IAAA,GAEtDG,IAAU,KAAK;AAAA,OACnBnB,EAAU,QACVkB,IAAU,MACVD,IAAQ,OACRD,IAAO,SACP;AAAA,IAAA;AAEK,WAAA;AAAA,MACN,MAAAA;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EACD,CACA;AAEe,SAAAC,EAAA,MAAM,cAAcX,CAAS,CAAC,GAEvC;AAAA;AAAA,IAEN,SAASL,EAAS,MAAMF,EAAQ,KAAK;AAAA;AAAA,IAErC,WAAWE,EAAS,MAAMJ,EAAU,KAAK;AAAA;AAAA,IAEzC,oBAAAe;AAAA;AAAA,IAEA,UAAAZ;AAAA;AAAA,IAEA,OAAAO;AAAA;AAAA,IAEA,SAAAE;AAAA;AAAA,IAEA,OAAAE;AAAA;AAAA,IAEA,OAAAD;AAAA;AAAA,IAEA,SAAAN;AAAA;AAAA,IAEA,QAAAC;AAAA,EAAA;AAEF;"}

package/dist/index41.js

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as r, openBlock as i, createElementBlock as c, normalizeClass as m, renderSlot as t, createElementVNode as a, mergeProps as b } from "vue";
-const y = { class: "bb-base-text-input__inner-container" }, f = ["autocomplete", "autofocus", "disabled", "id", "name", "placeholder", "readonly", "type", "value"], g = /* @__PURE__ */ d({
+const y = { class: "bb-base-text-input__inner-container" }, f = ["id", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "type", "value"], g = /* @__PURE__ */ d({
   __name: "BaseTextInput",
   props: {
     autocomplete: {},
@@ -33,23 +33,23 @@ const y = { class: "bb-base-text-input__inner-container" }, f = ["autocomplete",
       onMouseup: (e) => o("mouseup", e)
     };
     return (e, h) => (i(), c("span", {
-      class: m([u.value, "bb-base-text-input__container"])
+      class: m(["bb-base-text-input__container", u.value])
     }, [
       t(e.$slots, "prepend-outer"),
       a("span", y, [
         t(e.$slots, "prepend"),
-        a("input", b({
+        a("input", b({ id: e.id }, p, {
+          ref: "input",
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           class: "bb-base-text-input__input",
           disabled: e.disabled,
-          id: e.id,
           name: e.name,
           placeholder: e.placeholder,
           readonly: e.readonly,
           type: e.type,
           value: e.modelValue
-        }, p, { ref: "input" }), null, 16, f),
+        }), null, 16, f),
         t(e.$slots, "append")
       ]),
       t(e.$slots, "append-outer")

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","sources":["../src/components/BaseTextInput/BaseTextInput.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-text-input__inner-container\" }\nconst _hoisted_2 = [\"autocomplete\", \"autofocus\", \"disabled\", \"id\", \"name\", \"placeholder\", \"readonly\", \"type\", \"value\"]\n\nimport { computed } from \"vue\";\nimport type { HTMLAttributes, InputHTMLAttributes } from \"vue\";\n\nexport type BaseTextInputProps = {\n  /**\n   * Guides to the browser as to the type of information expected in the field.\n   */\n  autocomplete?: InputHTMLAttributes[\"autocomplete\"];\n\n  /**\n   * Sets autofocus on page load.\n   */\n  autofocus?: InputHTMLAttributes[\"autofocus\"];\n\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n\n  /**\n   * Define if the component should be in an error state.\n   * It usually attaches a CSS class for styling purposes.\n   */\n  hasErrors?: boolean;\n\n  /**\n   * The identifier of the component.\n   */\n  id?: HTMLAttributes[\"id\"];\n\n  /**\n   * Defines the name of the input.\n   */\n  name?: InputHTMLAttributes[\"name\"];\n\n  /**\n   * String displayed when there's no data.\n   */\n  placeholder?: InputHTMLAttributes[\"placeholder\"];\n\n  /**\n   * Sets the input in a readonly state.\n   */\n  readonly?: InputHTMLAttributes[\"readonly\"];\n  /**\n   * Used my v-model\n   */\n  modelValue: string | null;\n  /**\n   * Type of the input. Returns the content type of the object.\n   */\n  type?: HTMLInputElement[\"type\"];\n};\n\nexport type BaseTextInputEvents = {\n  (e: \"blur\", event: FocusEvent): void;\n  (e: \"change\", event: Event): void;\n  (e: \"click\", event: MouseEvent): void;\n  (e: \"focus\", event: FocusEvent): void;\n  (e: \"input\", event: Event): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n  (e: \"mousedown\", event: MouseEvent): void;\n  (e: \"mouseup\", event: MouseEvent): void;\n  (e: \"update:modelValue\", value: string | null): void;\n};\nexport type BaseTextInputSlots = {\n  \"prepend-outer\"?: (props: {}) => any;\n  prepend?: (props: {}) => any;\n  append?: (props: {}) => any;\n  \"append-outer\"?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseTextInput',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    modelValue: {},\n    type: { default: \"text\" }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst classes = computed(() => ({\n  \"bb-base-text-input\": true,\n  \"bb-base-text-input--errors\": props.hasErrors,\n  \"bb-base-text-input--readonly\": props.readonly,\n  \"bb-base-text-input--disabled\": props.disabled,\n}));\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n  onBlur: (event: FocusEvent) => emit(\"blur\", event),\n  onChange: (event: Event) => emit(\"change\", event),\n  onClick: (event: MouseEvent) => emit(\"click\", event),\n  onFocus: (event: FocusEvent) => emit(\"focus\", event),\n  onKeydown: (event: KeyboardEvent) => emit(\"keydown\", event),\n  onInput: (event: Event) => {\n    if (event.target instanceof HTMLInputElement) {\n      emit(\"update:modelValue\", event.target.value);\n    }\n    emit(\"input\", event);\n  },\n  onMousedown: (event: MouseEvent) => emit(\"mousedown\", event),\n  onMouseup: (event: MouseEvent) => emit(\"mouseup\", event),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([classes.value, \"bb-base-text-input__container\"])\n  }, [\n    _renderSlot(_ctx.$slots, \"prepend-outer\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      _createElementVNode(\"input\", _mergeProps({\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        class: 'bb-base-text-input__input',\n        disabled: _ctx.disabled,\n        id: _ctx.id,\n        name: _ctx.name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        type: _ctx.type,\n        value: _ctx.modelValue\n      }, eventListeners, { ref: \"input\" }), null, 16, _hoisted_2),\n      _renderSlot(_ctx.$slots, \"append\")\n    ]),\n    _renderSlot(_ctx.$slots, \"append-outer\")\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","classes","computed","eventListeners","event","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_mergeProps"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,yCACtBC,IAAa,CAAC,gBAAgB,aAAa,YAAY,MAAM,QAAQ,eAAe,YAAY,QAAQ,OAAO,GA2EzFC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,CAAC;AAAA,IACf,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,MAAM,CAAC;AAAA,IACP,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,MAAM,EAAE,SAAS,OAAO;AAAA,EAC1B;AAAA,EACA,OAAO,CAAC,QAAQ,UAAU,SAAS,SAAS,SAAS,WAAW,aAAa,WAAW,mBAAmB;AAAA,EAC3G,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAUC,EAAS,OAAO;AAAA,MAC9B,sBAAsB;AAAA,MACtB,8BAA8BH,EAAM;AAAA,MACpC,gCAAgCA,EAAM;AAAA,MACtC,gCAAgCA,EAAM;AAAA,IACtC,EAAA,GAKII,IAAiB;AAAA,MACrB,QAAQ,CAACC,MAAsBJ,EAAK,QAAQI,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBJ,EAAK,UAAUI,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBJ,EAAK,SAASI,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBJ,EAAK,SAASI,CAAK;AAAA,MACnD,WAAW,CAACA,MAAyBJ,EAAK,WAAWI,CAAK;AAAA,MAC1D,SAAS,CAACA,MAAiB;AACrB,QAAAA,EAAM,kBAAkB,oBACrBJ,EAAA,qBAAqBI,EAAM,OAAO,KAAK,GAE9CJ,EAAK,SAASI,CAAK;AAAA,MACrB;AAAA,MACA,aAAa,CAACA,MAAsBJ,EAAK,aAAaI,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBJ,EAAK,WAAWI,CAAK;AAAA,IAAA;AAGlD,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,QAAQ;AAAA,MAChD,OAAOC,EAAgB,CAACR,EAAQ,OAAO,+BAA+B,CAAC;AAAA,IAAA,GACtE;AAAA,MACDS,EAAYL,EAAK,QAAQ,eAAe;AAAA,MACxCM,EAAoB,QAAQlB,GAAY;AAAA,QACtCiB,EAAYL,EAAK,QAAQ,SAAS;AAAA,QAClCM,EAAoB,SAASC,EAAY;AAAA,UACvC,cAAcP,EAAK;AAAA,UACnB,WAAWA,EAAK;AAAA,UAChB,OAAO;AAAA,UACP,UAAUA,EAAK;AAAA,UACf,IAAIA,EAAK;AAAA,UACT,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,UAAUA,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,QAAA,GACXF,GAAgB,EAAE,KAAK,QAAS,CAAA,GAAG,MAAM,IAAIT,CAAU;AAAA,QAC1DgB,EAAYL,EAAK,QAAQ,QAAQ;AAAA,MAAA,CAClC;AAAA,MACDK,EAAYL,EAAK,QAAQ,cAAc;AAAA,OACtC,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"index41.js","sources":["../src/components/BaseTextInput/BaseTextInput.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-text-input__inner-container\" }\nconst _hoisted_2 = [\"id\", \"autocomplete\", \"autofocus\", \"disabled\", \"name\", \"placeholder\", \"readonly\", \"type\", \"value\"]\n\nimport { computed } from 'vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseTextInputProps = {\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\nexport type BaseTextInputEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: string | null): void;\n};\nexport type BaseTextInputSlots = {\n\t'prepend-outer'?: (props: {}) => any;\n\tprepend?: (props: {}) => any;\n\tappend?: (props: {}) => any;\n\t'append-outer'?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseTextInput',\n  props: {\n    autocomplete: {},\n    autofocus: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    name: {},\n    placeholder: {},\n    readonly: {},\n    modelValue: {},\n    type: { default: 'text' }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst classes = computed(() => ({\n\t'bb-base-text-input': true,\n\t'bb-base-text-input--errors': props.hasErrors,\n\t'bb-base-text-input--readonly': props.readonly,\n\t'bb-base-text-input--disabled': props.disabled,\n}));\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonInput: (event: Event) => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\temit('update:modelValue', event.target.value);\n\t\t}\n\t\temit('input', event);\n\t},\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"bb-base-text-input__container\", classes.value])\n  }, [\n    _renderSlot(_ctx.$slots, \"prepend-outer\"),\n    _createElementVNode(\"span\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"prepend\"),\n      _createElementVNode(\"input\", _mergeProps({ id: _ctx.id }, eventListeners, {\n        ref: \"input\",\n        autocomplete: _ctx.autocomplete,\n        autofocus: _ctx.autofocus,\n        class: 'bb-base-text-input__input',\n        disabled: _ctx.disabled,\n        name: _ctx.name,\n        placeholder: _ctx.placeholder,\n        readonly: _ctx.readonly,\n        type: _ctx.type,\n        value: _ctx.modelValue\n      }), null, 16, _hoisted_2),\n      _renderSlot(_ctx.$slots, \"append\")\n    ]),\n    _renderSlot(_ctx.$slots, \"append-outer\")\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","classes","computed","eventListeners","event","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_mergeProps"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,yCACtBC,IAAa,CAAC,MAAM,gBAAgB,aAAa,YAAY,QAAQ,eAAe,YAAY,QAAQ,OAAO,GA2EzFC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,CAAC;AAAA,IACf,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,IAAI,CAAC;AAAA,IACL,MAAM,CAAC;AAAA,IACP,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,MAAM,EAAE,SAAS,OAAO;AAAA,EAC1B;AAAA,EACA,OAAO,CAAC,QAAQ,UAAU,SAAS,SAAS,SAAS,WAAW,aAAa,WAAW,mBAAmB;AAAA,EAC3G,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAUC,EAAS,OAAO;AAAA,MAC/B,sBAAsB;AAAA,MACtB,8BAA8BH,EAAM;AAAA,MACpC,gCAAgCA,EAAM;AAAA,MACtC,gCAAgCA,EAAM;AAAA,IACrC,EAAA,GAKII,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBJ,EAAK,QAAQI,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBJ,EAAK,UAAUI,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBJ,EAAK,SAASI,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBJ,EAAK,SAASI,CAAK;AAAA,MACnD,WAAW,CAACA,MAAyBJ,EAAK,WAAWI,CAAK;AAAA,MAC1D,SAAS,CAACA,MAAiB;AACtB,QAAAA,EAAM,kBAAkB,oBACtBJ,EAAA,qBAAqBI,EAAM,OAAO,KAAK,GAE7CJ,EAAK,SAASI,CAAK;AAAA,MACpB;AAAA,MACA,aAAa,CAACA,MAAsBJ,EAAK,aAAaI,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBJ,EAAK,WAAWI,CAAK;AAAA,IAAA;AAGjD,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,QAAQ;AAAA,MAChD,OAAOC,EAAgB,CAAC,iCAAiCR,EAAQ,KAAK,CAAC;AAAA,IAAA,GACtE;AAAA,MACDS,EAAYL,EAAK,QAAQ,eAAe;AAAA,MACxCM,EAAoB,QAAQlB,GAAY;AAAA,QACtCiB,EAAYL,EAAK,QAAQ,SAAS;AAAA,QAClCM,EAAoB,SAASC,EAAY,EAAE,IAAIP,EAAK,MAAMF,GAAgB;AAAA,UACxE,KAAK;AAAA,UACL,cAAcE,EAAK;AAAA,UACnB,WAAWA,EAAK;AAAA,UAChB,OAAO;AAAA,UACP,UAAUA,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,UAAUA,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,QAAA,CACb,GAAG,MAAM,IAAIX,CAAU;AAAA,QACxBgB,EAAYL,EAAK,QAAQ,QAAQ;AAAA,MAAA,CAClC;AAAA,MACDK,EAAYL,EAAK,QAAQ,cAAc;AAAA,OACtC,CAAC;AAAA,EAEN;AAEA,CAAC;"}