bitboss-ui 2.0.5 → 2.0.8

package/dist/index99.js

@@ -1,101 +1,115 @@
-import { defineComponent as f, ref as v, computed as y, openBlock as w, createBlock as B, withCtx as l, renderSlot as n, normalizeProps as k, guardReactiveProps as V, createVNode as g, mergeProps as i } from "vue";
-import P from "./index24.js";
+import { defineComponent as f, ref as y, computed as k, openBlock as w, createBlock as B, withCtx as a, renderSlot as n, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as g } from "vue";
+import P from "./index26.js";
 /* empty css        */
-import q from "./index38.js";
+import V from "./index38.js";
 /* empty css        */
-const E = /* @__PURE__ */ f({
-  __name: "BbSwitch",
+const T = /* @__PURE__ */ f({
+  __name: "BbSlider",
   props: {
     autofocus: {},
-    checked: { type: [Boolean, String] },
     color: {},
-    direction: { default: "auto" },
+    direction: {},
     disabled: { type: Boolean },
     errors: {},
-    falseValue: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
     hint: {},
     id: {},
-    indeterminate: {},
-    inputPosition: {},
     label: {},
     labelPosition: {},
+    max: {},
+    min: {},
     modelValue: {},
     name: {},
     persistentHint: { type: Boolean },
+    range: { type: Boolean },
     readonly: {},
     required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    submitWhenFalse: { type: Boolean },
-    trueValue: {}
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: t }) {
-    const u = s, o = t, a = v(!1), d = y(() => u.persistentHint || a.value), p = {
-      onBlur: (e) => {
-        a.value = !1, o("blur", e);
+  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = k(() => p.persistentHint || s.value), b = {
+      onActive: () => {
+        s.value = !0, r("active");
       },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        a.value = !0, o("focus", e);
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
+      onInactive: () => {
+        s.value = !1, r("inactive");
       },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+      onKeydown: (e) => r("keydown", e),
+      onPointerdown: (e) => r("pointerdown", e),
+      onPointermove: (e) => r("pointermove", e),
+      onPointerup: (e) => r("pointerup", e),
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
     };
-    return (e, C) => (w(), B(P, {
+    return (e, q) => (w(), B(P, {
       id: e.id,
-      class: "bb-switch",
+      class: "bb-slider",
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
       "hide-label": e.hideLabel,
       hint: e.hint,
-      "input-position": e.inputPosition,
       label: e.label,
       "label-position": e.labelPosition,
-      "label-tag": "span",
+      "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": d.value,
-      tag: "label"
+      "show-hint": u.value
     }, {
-      label: l((r) => [
-        n(e.$slots, "label", k(V(r)))
+      label: a((t) => [
+        n(e.$slots, "label", i(l(t)))
       ]),
-      input: l(({ id: r, name: m, hasErrors: b, ariaDescribedby: h }) => [
-        g(q, i({
-          id: r,
-          "aria-describedby": h,
+      input: a(({ id: t, name: h, hasErrors: c, ariaDescribedby: v }) => [
+        $(V, g({
+          id: t,
+          "aria-describedby": v,
           autofocus: e.autofocus,
-          checked: e.checked,
           color: e.color,
           disabled: e.disabled,
-          "false-value": e.falseValue,
-          "has-errors": b,
-          indeterminate: e.indeterminate,
+          "has-errors": c,
+          max: e.max,
+          min: e.min,
           "model-value": e.modelValue,
-          name: m,
+          name: h,
+          range: e.range,
           readonly: e.readonly,
           required: e.required,
-          "submit-when-false": e.submitWhenFalse,
-          "true-value": e.trueValue
-        }, p), {
-          icon: l((c) => [
-            n(e.$slots, "icon", i(c, { text: e.label }))
+          step: e.step,
+          "thumb-translate": e.thumbTranslate,
+          ticks: e.ticks
+        }, b), {
+          append: a((o) => [
+            n(e.$slots, "append", i(l(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", i(l(o)))
+          ]),
+          thumb: a((o) => [
+            n(e.$slots, "thumb", i(l(o)))
+          ]),
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", i(l(o)))
+          ]),
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", i(l(o)))
+          ]),
+          tick: a((o) => [
+            n(e.$slots, "tick", i(l(o)))
           ]),
           _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  E as default
+  T as default
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index99.js","sources":["../src/components/BbSwitch/BbSwitch.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-switch\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:input-position=\"inputPosition\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label-tag=\"'span'\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\t:tag=\"'label'\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSwitch\n\t\t\t\t:id=\"id\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:checked=\"checked\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:false-value=\"falseValue\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:indeterminate=\"indeterminate\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:submit-when-false=\"submitWhenFalse\"\n\t\t\t\t:true-value=\"trueValue\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #icon=\"data\"\n\t\t\t\t\t><slot name=\"icon\" v-bind=\"data\" :text=\"label\"\n\t\t\t\t/></template>\n\t\t\t</BaseSwitch>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSwitch from '../BaseSwitch/BaseSwitch.vue';\nimport { computed, ref } from 'vue';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport type {\n\tBbCheckboxEvents,\n\tBbCheckboxProps,\n} from '../BbCheckbox/BbCheckbox.vue';\n\nexport type BbSwitchProps = BbCheckboxProps;\n\nexport type BbSwitchEvents = BbCheckboxEvents;\n\nconst props = withDefaults(defineProps<BbSwitchProps>(), {\n\tdirection: 'auto',\n\treverse: true,\n});\n\nconst emit = defineEmits<BbSwitchEvents>();\n\ndefineSlots<{\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\ticon?: (props: SlotAttributes & { text: string }) => any;\n}>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => {\n\t\tactive.value = false;\n\t\temit('blur', event);\n\t},\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (value: any) => emit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSwitch';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAMA,IAAQC,GAKRC,IAAOC,GAOPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsB;AAC9B,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQO,CAAK;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACC,MAAeR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index99.js","sources":["../src/components/BbSlider/BbSlider.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-slider\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSlider\n\t\t\t\t:id=\"id\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:max=\"max\"\n\t\t\t\t:min=\"min\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:range=\"range\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:step=\"step\"\n\t\t\t\t:thumb-translate=\"thumbTranslate\"\n\t\t\t\t:ticks=\"ticks\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #thumb=\"data\"><slot name=\"thumb\" v-bind=\"data\" /></template>\n\t\t\t\t<template #thumb:lower=\"data\"\n\t\t\t\t\t><slot name=\"thumb:lower\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #thumb:higher=\"data\"\n\t\t\t\t\t><slot name=\"thumb:higher\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #tick=\"data\"><slot name=\"tick\" v-bind=\"data\" /></template>\n\t\t\t</BaseSlider>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSlider from '../BaseSlider/BaseSlider.vue';\nimport type {\n\tBaseSliderEvents,\n\tBaseSliderSlots,\n} from '../BaseSlider/BaseSlider.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\n\nexport type BbSliderProps = {\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 * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * 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[] | 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 * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\n\n\t/**\n\t * Set the input as range.\n\t * modelValue must be an array\n\t */\n\trange?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: boolean;\n\n\t/**\n\t * The step attribute is a number that specifies the granularity that the value must adhere to.\n\t */\n\tstep?: number;\n\n\t/**\n\t * Proportionally translates the thumb so it remains on track. Set it to false when displaying ticks so they align with less effort.\n\t */\n\tthumbTranslate?: boolean;\n\n\t/**\n\t * Displays ticks on step\n\t */\n\tticks?: boolean;\n};\n\nconst props = withDefaults(defineProps<BbSliderProps>(), {\n\tthumbTranslate: true,\n});\n\nexport type BbSliderEvents = BaseSliderEvents;\n\nconst emit = defineEmits<BbSliderEvents>();\n\ntype BbSliderSlots = BaseSliderSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbSliderSlots>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonActive: () => {\n\t\tactive.value = true;\n\t\temit('active');\n\t},\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonPointerdown: (event: PointerEvent) => emit('pointerdown', event),\n\tonPointermove: (event: PointerEvent) => emit('pointermove', event),\n\tonPointerup: (event: PointerEvent) => emit('pointerup', event),\n\t'onUpdate:modelValue': (value: number | number[]) =>\n\t\temit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSlider';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAMA,IAAQC,GAMRC,IAAOC,GAQPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,UAAU,MAAM;AACf,QAAAJ,EAAO,QAAQ,IACfF,EAAK,QAAQ;AAAA,MACd;AAAA,MACA,SAAS,CAACO,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,YAAY,MAAM;AACjB,QAAAL,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,WAAW,CAACO,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,eAAe,CAACA,MAAwBP,EAAK,eAAeO,CAAK;AAAA,MACjE,eAAe,CAACA,MAAwBP,EAAK,eAAeO,CAAK;AAAA,MACjE,aAAa,CAACA,MAAwBP,EAAK,aAAaO,CAAK;AAAA,MAC7D,uBAAuB,CAACC,MACvBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}