bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

package/dist/components/BbColorInput/BbColorInput.vue_vue_type_script_setup_true_lang.js

@@ -7,14 +7,14 @@ import { BB_COLOR_PALETTE_PT as s } from "../BbColorPalette/types.js";
 import c from "../BbColorPalette/BbColorPalette.vue.js";
 import { isNotNil as l } from "../../utilities/functions/isNotNil.js";
 import u from "../CommonField/CommonField.vue.js";
-import { useFormBinding as d } from "../../composables/useFormBinding.js";
-import { isHex as f } from "../../utilities/functions/isHex.js";
-import p from "../CommonFieldInput/CommonFieldInput.vue.js";
-import { BB_COLOR_INPUT_PT as m } from "./types.js";
-import { computed as h, createBlock as g, createCommentVNode as ee, createElementBlock as te, createElementVNode as _, createSlots as v, createVNode as y, defineComponent as b, guardReactiveProps as x, mergeProps as S, normalizeProps as C, openBlock as w, ref as T, renderSlot as E, unref as D, useAttrs as O, watch as k, withCtx as A, withDirectives as ne } from "vue";
+import { useFormBinding as ee } from "../../composables/useFormBinding.js";
+import { isHex as d } from "../../utilities/functions/isHex.js";
+import f from "../CommonFieldInput/CommonFieldInput.vue.js";
+import { BB_COLOR_INPUT_PT as p } from "./types.js";
+import { computed as m, createBlock as h, createCommentVNode as g, createElementBlock as te, createElementVNode as _, createSlots as v, createVNode as y, defineComponent as b, guardReactiveProps as x, mergeProps as S, normalizeProps as C, openBlock as w, ref as T, renderSlot as E, unref as D, useAttrs as O, watch as k, withCtx as A, withDirectives as ne } from "vue";
 import { vMaska as re } from "maska/vue";
 //#region src/components/BbColorInput/BbColorInput.vue?vue&type=script&setup=true&lang.ts
-var j = [
+var ie = [
 	"id",
 	"aria-describedby",
 	"aria-disabled",
@@ -30,7 +30,7 @@ var j = [
 	"readonly",
 	"required",
 	"value"
-], M = ["disabled"], N = /*@__PURE__*/ b({
+], j = ["disabled"], M = /*@__PURE__*/ b({
 	inheritAttrs: !1,
 	__name: "BbColorInput",
 	props: {
@@ -213,66 +213,66 @@ var j = [
 		"compositionend",
 		"update:modelValue"
 	],
-	setup(b, { emit: N }) {
-		let P = b, { props: F, emit: I, showAsterisk: L, errors: R, required: z, ariaRequired: B, model: V } = d(P, N, {
+	setup(b, { emit: M }) {
+		let N = b, { props: P, emit: F, showAsterisk: I, errors: L, required: R, ariaRequired: z, model: B, readonly: V } = ee(N, M, {
 			componentName: "BbColorInput",
-			identifierFallback: () => P.label,
+			identifierFallback: () => N.label,
 			leaveOn: "blur"
 		}), H = r();
 		process.env.NODE_ENV !== "production" && a("BbColorInput", i("BbColorInput"));
-		let U = T(!1), W = h(() => F.persistentHint || U.value), G = h(() => l(F.modelValue)), K = h(() => F.labelMode ?? H.defaultInputLabelMode), q = h(() => ({
-			title: F.label,
-			...F.offCanvasProps
+		let U = T(!1), W = m(() => P.persistentHint || U.value), G = m(() => l(P.modelValue)), K = m(() => P.labelMode ?? H.defaultInputLabelMode), q = m(() => ({
+			title: P.label,
+			...P.offCanvasProps
 		})), J = n({
 			component: "BbColorInput",
 			attrs: O(),
 			controlAttrs: e,
-			props: F,
-			parts: m.parts,
-			states: m.states,
-			active: t(F, () => G.value)
-		}), Y = T(null), { t: X } = o(), ie = h(() => F.modelValue ? X("colorInput.openPickerSelected", F.modelValue).value : X("colorInput.openPicker").value), Z = T(null), ae = h(() => Z.value !== null && f(Z.value) && Z.value.toLowerCase() === F.modelValue ? Z.value : F.modelValue), Q = T(F.modelValue ?? null);
-		k(() => F.modelValue, (e) => Q.value = e ?? null);
-		let oe = (e) => {
+			props: P,
+			parts: p.parts,
+			states: p.states,
+			active: t(P, () => G.value)
+		}), Y = T(null), { t: X } = o(), ae = m(() => P.modelValue ? X("colorInput.openPickerSelected", P.modelValue).value : X("colorInput.openPicker").value), Z = T(null), oe = m(() => Z.value !== null && d(Z.value) && Z.value.toLowerCase() === P.modelValue ? Z.value : P.modelValue), Q = T(P.modelValue ?? null);
+		k(() => P.modelValue, (e) => Q.value = e ?? null);
+		let se = (e) => {
 			let t = e.detail;
-			Z.value = t.masked, f(t.masked) ? (Q.value = t.masked.toLowerCase(), I("update:modelValue", Q.value)) : t.masked === "" && (Q.value = null, I("update:modelValue", null));
-		}, se = (e) => {
+			Z.value = t.masked, d(t.masked) ? (Q.value = t.masked.toLowerCase(), F("update:modelValue", Q.value)) : t.masked === "" && (Q.value = null, F("update:modelValue", null));
+		}, ce = (e) => {
 			Z.value = null;
 			let t = e.value;
 			if (t === "") return;
-			let n = f(t) ? t.toLowerCase() : Q.value ?? "";
+			let n = d(t) ? t.toLowerCase() : Q.value ?? "";
 			n !== t && (e.value = n);
 		}, $ = {
 			onBlur: (e) => {
-				U.value = !1, e.target instanceof HTMLInputElement && se(e.target), I("blur", e);
+				U.value = !1, e.target instanceof HTMLInputElement && ce(e.target), F("blur", e);
 			},
-			onChange: (e) => I("change", e),
-			onClick: (e) => I("click", e),
+			onChange: (e) => F("change", e),
+			onClick: (e) => F("click", e),
 			onFocus: (e) => {
-				U.value = !0, I("focus", e);
+				U.value = !0, F("focus", e);
 			},
-			onInput: (e) => I("input", e),
-			onKeydown: (e) => I("keydown", e),
-			onKeyup: (e) => I("keyup", e),
-			onMaska: oe,
-			onMousedown: (e) => I("mousedown", e),
-			onMouseup: (e) => I("mouseup", e),
-			onPaste: (e) => I("paste", e),
-			onCompositionstart: (e) => I("compositionstart", e),
-			onCompositionend: (e) => I("compositionend", e)
-		}, ce = h(() => J.input ? S($, J.input) : $), le = h(() => ({
-			mask: F.alpha ? "!#HHHHHHHH" : "!#HHHHHH",
+			onInput: (e) => F("input", e),
+			onKeydown: (e) => F("keydown", e),
+			onKeyup: (e) => F("keyup", e),
+			onMaska: se,
+			onMousedown: (e) => F("mousedown", e),
+			onMouseup: (e) => F("mouseup", e),
+			onPaste: (e) => F("paste", e),
+			onCompositionstart: (e) => F("compositionstart", e),
+			onCompositionend: (e) => F("compositionend", e)
+		}, le = m(() => J.input ? S($, J.input) : $), ue = m(() => ({
+			mask: P.alpha ? "!#HHHHHHHH" : "!#HHHHHH",
 			tokens: { H: { pattern: /[0-9a-fA-F]/ } },
 			eager: !0
-		})), ue = (e) => J.indicator ? S(e, J.indicator) : e;
-		return (e, t) => (w(), g(u, S({
+		})), de = (e) => J.indicator ? S(e, J.indicator) : e;
+		return (e, t) => (w(), h(u, S({
 			id: e.id,
 			class: "bb-color-input",
 			clearable: e.clearable && G.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: D(R),
+			errors: D(L),
 			"has-errors": e.hasErrors,
 			"has-value": G.value,
 			"has-warnings": e.hasWarnings,
@@ -287,19 +287,19 @@ var j = [
 			loading: e.loading,
 			name: e.name,
 			passthrough: D(J),
-			readonly: e.readonly,
+			readonly: D(V),
 			reverse: e.reverse,
-			"show-asterisk": D(L),
+			"show-asterisk": D(I),
 			"show-hint": W.value,
 			warnings: e.warnings
 		}, D(J).forwardAttrs), v({
 			label: A((t) => [E(e.$slots, "label", C(x(t)))]),
-			input: A(({ id: n, hasErrors: r, hasWarnings: i, ariaDescribedby: a, ariaLabelledby: o }) => [y(p, {
+			input: A(({ id: n, hasErrors: r, hasWarnings: i, ariaDescribedby: a, ariaLabelledby: o }) => [y(f, {
 				ref_key: "wrapperRef",
 				ref: Y,
-				"append:icon": D(F)["append:icon"],
+				"append:icon": D(P)["append:icon"],
 				class: "bb-color-input__field",
-				clearable: e.clearable && G.value && !e.readonly && !e.disabled,
+				clearable: e.clearable && G.value && !D(V) && !e.disabled,
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": r,
@@ -307,10 +307,10 @@ var j = [
 				"has-warnings": i,
 				loading: e.loading,
 				passthrough: D(J),
-				"prepend:icon": D(F)["prepend:icon"],
-				readonly: e.readonly,
+				"prepend:icon": D(P)["prepend:icon"],
+				readonly: D(V),
 				variant: e.variant,
-				"onClick:clear": t[5] ||= (e) => D(I)("update:modelValue", null)
+				"onClick:clear": t[5] ||= (e) => D(F)("update:modelValue", null)
 			}, v({
 				"prepend:outer": A(() => [E(e.$slots, "prepend:outer")]),
 				prepend: A(() => [E(e.$slots, "prepend")]),
@@ -318,10 +318,10 @@ var j = [
 					adaptive: e.adaptive,
 					alpha: e.alpha,
 					anchor: Y.value,
-					disabled: e.disabled || e.readonly,
+					disabled: e.disabled || D(V),
 					"eye-dropper": e.eyeDropper,
-					label: ie.value,
-					"model-value": D(V),
+					label: ae.value,
+					"model-value": D(B),
 					"off-canvas-props": q.value,
 					pt: D(J).forward({
 						panel: "panel",
@@ -329,18 +329,18 @@ var j = [
 						swatch: "swatch"
 					}, D(s).states),
 					swatches: e.swatches,
-					onHidden: t[0] ||= (e) => D(I)("hidden"),
-					onHide: t[1] ||= (e) => D(I)("hide"),
-					onShow: t[2] ||= (e) => D(I)("show"),
-					onShown: t[3] ||= (e) => D(I)("shown"),
-					"onUpdate:modelValue": t[4] ||= (e) => D(I)("update:modelValue", typeof e == "string" ? e.toLowerCase() : e)
+					onHidden: t[0] ||= (e) => D(F)("hidden"),
+					onHide: t[1] ||= (e) => D(F)("hide"),
+					onShow: t[2] ||= (e) => D(F)("show"),
+					onShown: t[3] ||= (e) => D(F)("shown"),
+					"onUpdate:modelValue": t[4] ||= (e) => D(F)("update:modelValue", typeof e == "string" ? e.toLowerCase() : e)
 				}, {
-					activator: A(({ props: t }) => [_("button", S(ue(t), {
+					activator: A(({ props: t }) => [_("button", S(de(t), {
 						class: "bb-color-input__indicator",
-						disabled: e.disabled || e.readonly,
-						style: { backgroundColor: D(V) ?? void 0 },
+						disabled: e.disabled || D(V),
+						style: { backgroundColor: D(B) ?? void 0 },
 						type: "button"
-					}), null, 16, M)]),
+					}), null, 16, j)]),
 					_: 1
 				}, 8, [
 					"adaptive",
@@ -356,7 +356,7 @@ var j = [
 				]), E(e.$slots, "append", {}, () => [e.$slots.suffix ? (w(), te("span", S({
 					key: 0,
 					class: "bb-field-input__suffix"
-				}, D(J).suffix), [E(e.$slots, "suffix")], 16)) : ee("", !0)])]),
+				}, D(J).suffix), [E(e.$slots, "suffix")], 16)) : g("", !0)])]),
 				"append:outer": A(() => [E(e.$slots, "append:outer")]),
 				default: A(() => [ne(_("input", S({
 					id: n,
@@ -364,20 +364,20 @@ var j = [
 					"aria-disabled": e.disabled || void 0,
 					"aria-invalid": r ? !0 : void 0,
 					"aria-labelledby": o,
-					"aria-readonly": e.readonly || void 0,
-					"aria-required": D(B),
+					"aria-readonly": D(V) || void 0,
+					"aria-required": D(z),
 					autocomplete: e.autocomplete,
 					autofocus: e.autofocus,
 					class: "bb-color-input__input",
 					disabled: e.disabled,
 					name: e.name,
 					placeholder: e.placeholder,
-					readonly: e.readonly,
-					required: D(z),
+					readonly: D(V),
+					required: D(R),
 					size: "1",
 					type: "text",
-					value: ae.value
-				}, S(D(J).controlAttrs, ce.value)), null, 16, j), [[D(re), le.value]])]),
+					value: oe.value
+				}, S(D(J).controlAttrs, le.value)), null, 16, ie), [[D(re), ue.value]])]),
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
@@ -432,4 +432,4 @@ var j = [
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };