@tmsoft/webphone 3.0.20 → 3.0.21

package/dist/webphone.es.js

@@ -7020,7 +7020,7 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], Up = () => [
+	], R = () => [
 		isFraction,
 		"screen",
 		"full",
@@ -7031,7 +7031,7 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], R = () => [
+	], z = () => [
 		isFraction,
 		"screen",
 		"full",
@@ -7043,50 +7043,50 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], z = () => [
+	], B = () => [
 		e,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Wp = () => [
+	], Up = () => [
 		...w(),
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], B = () => ["no-repeat", { repeat: [
+	], V = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], Gp = () => [
+	] }], H = () => [
 		"auto",
 		"cover",
 		"contain",
 		isArbitraryVariableSize,
 		isArbitrarySize,
 		{ size: [isArbitraryVariable, isArbitraryValue] }
-	], V = () => [
+	], U = () => [
 		isPercent,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], H = () => [
+	], W = () => [
 		"",
 		"none",
 		"full",
 		d,
 		isArbitraryVariable,
 		isArbitraryValue
-	], U = () => [
+	], G = () => [
 		"",
 		isNumber,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], Kp = () => [
+	], Wp = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], qp = () => [
+	], Gp = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7103,32 +7103,32 @@ var concatArrays = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], W = () => [
+	], K = () => [
 		isNumber,
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], Jp = () => [
+	], Kp = () => [
 		"",
 		"none",
 		_,
 		isArbitraryVariable,
 		isArbitraryValue
-	], G = () => [
+	], q = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], K = () => [
+	], J = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], q = () => [
+	], Y = () => [
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], J = () => [
+	], Z = () => [
 		isFraction,
 		"full",
 		...O()
@@ -7417,12 +7417,12 @@ var concatArrays = (e, t) => {
 			"space-y": [{ "space-y": O() }],
 			"space-y-reverse": ["space-y-reverse"],
 			size: [{ size: L() }],
-			"inline-size": [{ inline: ["auto", ...Up()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...Up()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...Up()] }],
-			"block-size": [{ block: ["auto", ...R()] }],
-			"min-block-size": [{ "min-block": ["auto", ...R()] }],
-			"max-block-size": [{ "max-block": ["none", ...R()] }],
+			"inline-size": [{ inline: ["auto", ...R()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...R()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...R()] }],
+			"block-size": [{ block: ["auto", ...z()] }],
+			"min-block-size": [{ "min-block": ["auto", ...z()] }],
+			"max-block-size": [{ "max-block": ["none", ...z()] }],
 			w: [{ w: [
 				l,
 				"screen",
@@ -7529,15 +7529,15 @@ var concatArrays = (e, t) => {
 				"start",
 				"end"
 			] }],
-			"placeholder-color": [{ placeholder: z() }],
-			"text-color": [{ text: z() }],
+			"placeholder-color": [{ placeholder: B() }],
+			"text-color": [{ text: B() }],
 			"text-decoration": [
 				"underline",
 				"overline",
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...Kp(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...Wp(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				isNumber,
 				"from-font",
@@ -7545,7 +7545,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryLength
 			] }],
-			"text-decoration-color": [{ decoration: z() }],
+			"text-decoration-color": [{ decoration: B() }],
 			"underline-offset": [{ "underline-offset": [
 				isNumber,
 				"auto",
@@ -7627,9 +7627,9 @@ var concatArrays = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: Wp() }],
-			"bg-repeat": [{ bg: B() }],
-			"bg-size": [{ bg: Gp() }],
+			"bg-position": [{ bg: Up() }],
+			"bg-repeat": [{ bg: V() }],
+			"bg-size": [{ bg: H() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -7662,67 +7662,67 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableImage,
 				isArbitraryImage
 			] }],
-			"bg-color": [{ bg: z() }],
-			"gradient-from-pos": [{ from: V() }],
-			"gradient-via-pos": [{ via: V() }],
-			"gradient-to-pos": [{ to: V() }],
-			"gradient-from": [{ from: z() }],
-			"gradient-via": [{ via: z() }],
-			"gradient-to": [{ to: z() }],
-			rounded: [{ rounded: H() }],
-			"rounded-s": [{ "rounded-s": H() }],
-			"rounded-e": [{ "rounded-e": H() }],
-			"rounded-t": [{ "rounded-t": H() }],
-			"rounded-r": [{ "rounded-r": H() }],
-			"rounded-b": [{ "rounded-b": H() }],
-			"rounded-l": [{ "rounded-l": H() }],
-			"rounded-ss": [{ "rounded-ss": H() }],
-			"rounded-se": [{ "rounded-se": H() }],
-			"rounded-ee": [{ "rounded-ee": H() }],
-			"rounded-es": [{ "rounded-es": H() }],
-			"rounded-tl": [{ "rounded-tl": H() }],
-			"rounded-tr": [{ "rounded-tr": H() }],
-			"rounded-br": [{ "rounded-br": H() }],
-			"rounded-bl": [{ "rounded-bl": H() }],
-			"border-w": [{ border: U() }],
-			"border-w-x": [{ "border-x": U() }],
-			"border-w-y": [{ "border-y": U() }],
-			"border-w-s": [{ "border-s": U() }],
-			"border-w-e": [{ "border-e": U() }],
-			"border-w-bs": [{ "border-bs": U() }],
-			"border-w-be": [{ "border-be": U() }],
-			"border-w-t": [{ "border-t": U() }],
-			"border-w-r": [{ "border-r": U() }],
-			"border-w-b": [{ "border-b": U() }],
-			"border-w-l": [{ "border-l": U() }],
-			"divide-x": [{ "divide-x": U() }],
+			"bg-color": [{ bg: B() }],
+			"gradient-from-pos": [{ from: U() }],
+			"gradient-via-pos": [{ via: U() }],
+			"gradient-to-pos": [{ to: U() }],
+			"gradient-from": [{ from: B() }],
+			"gradient-via": [{ via: B() }],
+			"gradient-to": [{ to: B() }],
+			rounded: [{ rounded: W() }],
+			"rounded-s": [{ "rounded-s": W() }],
+			"rounded-e": [{ "rounded-e": W() }],
+			"rounded-t": [{ "rounded-t": W() }],
+			"rounded-r": [{ "rounded-r": W() }],
+			"rounded-b": [{ "rounded-b": W() }],
+			"rounded-l": [{ "rounded-l": W() }],
+			"rounded-ss": [{ "rounded-ss": W() }],
+			"rounded-se": [{ "rounded-se": W() }],
+			"rounded-ee": [{ "rounded-ee": W() }],
+			"rounded-es": [{ "rounded-es": W() }],
+			"rounded-tl": [{ "rounded-tl": W() }],
+			"rounded-tr": [{ "rounded-tr": W() }],
+			"rounded-br": [{ "rounded-br": W() }],
+			"rounded-bl": [{ "rounded-bl": W() }],
+			"border-w": [{ border: G() }],
+			"border-w-x": [{ "border-x": G() }],
+			"border-w-y": [{ "border-y": G() }],
+			"border-w-s": [{ "border-s": G() }],
+			"border-w-e": [{ "border-e": G() }],
+			"border-w-bs": [{ "border-bs": G() }],
+			"border-w-be": [{ "border-be": G() }],
+			"border-w-t": [{ "border-t": G() }],
+			"border-w-r": [{ "border-r": G() }],
+			"border-w-b": [{ "border-b": G() }],
+			"border-w-l": [{ "border-l": G() }],
+			"divide-x": [{ "divide-x": G() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": U() }],
+			"divide-y": [{ "divide-y": G() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...Kp(),
+				...Wp(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...Kp(),
+				...Wp(),
 				"hidden",
 				"none"
 			] }],
-			"border-color": [{ border: z() }],
-			"border-color-x": [{ "border-x": z() }],
-			"border-color-y": [{ "border-y": z() }],
-			"border-color-s": [{ "border-s": z() }],
-			"border-color-e": [{ "border-e": z() }],
-			"border-color-bs": [{ "border-bs": z() }],
-			"border-color-be": [{ "border-be": z() }],
-			"border-color-t": [{ "border-t": z() }],
-			"border-color-r": [{ "border-r": z() }],
-			"border-color-b": [{ "border-b": z() }],
-			"border-color-l": [{ "border-l": z() }],
-			"divide-color": [{ divide: z() }],
+			"border-color": [{ border: B() }],
+			"border-color-x": [{ "border-x": B() }],
+			"border-color-y": [{ "border-y": B() }],
+			"border-color-s": [{ "border-s": B() }],
+			"border-color-e": [{ "border-e": B() }],
+			"border-color-bs": [{ "border-bs": B() }],
+			"border-color-be": [{ "border-be": B() }],
+			"border-color-t": [{ "border-t": B() }],
+			"border-color-r": [{ "border-r": B() }],
+			"border-color-b": [{ "border-b": B() }],
+			"border-color-l": [{ "border-l": B() }],
+			"divide-color": [{ divide: B() }],
 			"outline-style": [{ outline: [
-				...Kp(),
+				...Wp(),
 				"none",
 				"hidden"
 			] }],
@@ -7737,7 +7737,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableLength,
 				isArbitraryLength
 			] }],
-			"outline-color": [{ outline: z() }],
+			"outline-color": [{ outline: B() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
@@ -7745,39 +7745,39 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"shadow-color": [{ shadow: z() }],
+			"shadow-color": [{ shadow: B() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				p,
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"inset-shadow-color": [{ "inset-shadow": z() }],
-			"ring-w": [{ ring: U() }],
+			"inset-shadow-color": [{ "inset-shadow": B() }],
+			"ring-w": [{ ring: G() }],
 			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: z() }],
+			"ring-color": [{ ring: B() }],
 			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
-			"ring-offset-color": [{ "ring-offset": z() }],
-			"inset-ring-w": [{ "inset-ring": U() }],
-			"inset-ring-color": [{ "inset-ring": z() }],
+			"ring-offset-color": [{ "ring-offset": B() }],
+			"inset-ring-w": [{ "inset-ring": G() }],
+			"inset-ring-color": [{ "inset-ring": B() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				m,
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"text-shadow-color": [{ "text-shadow": z() }],
+			"text-shadow-color": [{ "text-shadow": B() }],
 			opacity: [{ opacity: [
 				isNumber,
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...qp(),
+				...Gp(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": qp() }],
+			"bg-blend": [{ "bg-blend": Gp() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7793,39 +7793,39 @@ var concatArrays = (e, t) => {
 				"exclude"
 			] }],
 			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": W() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": W() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": z() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": z() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": W() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": W() }],
-			"mask-image-t-from-color": [{ "mask-t-from": z() }],
-			"mask-image-t-to-color": [{ "mask-t-to": z() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": W() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": W() }],
-			"mask-image-r-from-color": [{ "mask-r-from": z() }],
-			"mask-image-r-to-color": [{ "mask-r-to": z() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": W() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": W() }],
-			"mask-image-b-from-color": [{ "mask-b-from": z() }],
-			"mask-image-b-to-color": [{ "mask-b-to": z() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": W() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": W() }],
-			"mask-image-l-from-color": [{ "mask-l-from": z() }],
-			"mask-image-l-to-color": [{ "mask-l-to": z() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": W() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": W() }],
-			"mask-image-x-from-color": [{ "mask-x-from": z() }],
-			"mask-image-x-to-color": [{ "mask-x-to": z() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": W() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": W() }],
-			"mask-image-y-from-color": [{ "mask-y-from": z() }],
-			"mask-image-y-to-color": [{ "mask-y-to": z() }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": K() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": K() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": B() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": B() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": K() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": K() }],
+			"mask-image-t-from-color": [{ "mask-t-from": B() }],
+			"mask-image-t-to-color": [{ "mask-t-to": B() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": K() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": K() }],
+			"mask-image-r-from-color": [{ "mask-r-from": B() }],
+			"mask-image-r-to-color": [{ "mask-r-to": B() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": K() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": K() }],
+			"mask-image-b-from-color": [{ "mask-b-from": B() }],
+			"mask-image-b-to-color": [{ "mask-b-to": B() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": K() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": K() }],
+			"mask-image-l-from-color": [{ "mask-l-from": B() }],
+			"mask-image-l-to-color": [{ "mask-l-to": B() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": K() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": K() }],
+			"mask-image-x-from-color": [{ "mask-x-from": B() }],
+			"mask-image-x-to-color": [{ "mask-x-to": B() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": K() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": K() }],
+			"mask-image-y-from-color": [{ "mask-y-from": B() }],
+			"mask-image-y-to-color": [{ "mask-y-to": B() }],
 			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": W() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": W() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": z() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": z() }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": K() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": K() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": B() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": B() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
 			"mask-image-radial-size": [{ "mask-radial": [{
 				closest: ["side", "corner"],
@@ -7833,10 +7833,10 @@ var concatArrays = (e, t) => {
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": w() }],
 			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": W() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": W() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": z() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": z() }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": K() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": K() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": B() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": B() }],
 			"mask-mode": [{ mask: [
 				"alpha",
 				"luminance",
@@ -7850,9 +7850,9 @@ var concatArrays = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: Wp() }],
-			"mask-repeat": [{ mask: B() }],
-			"mask-size": [{ mask: Gp() }],
+			"mask-position": [{ mask: Up() }],
+			"mask-repeat": [{ mask: V() }],
+			"mask-size": [{ mask: H() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -7865,7 +7865,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: Jp() }],
+			blur: [{ blur: Kp() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -7883,7 +7883,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"drop-shadow-color": [{ "drop-shadow": z() }],
+			"drop-shadow-color": [{ "drop-shadow": B() }],
 			grayscale: [{ grayscale: [
 				"",
 				isNumber,
@@ -7918,7 +7918,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": Jp() }],
+			"backdrop-blur": [{ "backdrop-blur": Kp() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -8011,18 +8011,18 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"perspective-origin": [{ "perspective-origin": T() }],
-			rotate: [{ rotate: G() }],
-			"rotate-x": [{ "rotate-x": G() }],
-			"rotate-y": [{ "rotate-y": G() }],
-			"rotate-z": [{ "rotate-z": G() }],
-			scale: [{ scale: K() }],
-			"scale-x": [{ "scale-x": K() }],
-			"scale-y": [{ "scale-y": K() }],
-			"scale-z": [{ "scale-z": K() }],
+			rotate: [{ rotate: q() }],
+			"rotate-x": [{ "rotate-x": q() }],
+			"rotate-y": [{ "rotate-y": q() }],
+			"rotate-z": [{ "rotate-z": q() }],
+			scale: [{ scale: J() }],
+			"scale-x": [{ "scale-x": J() }],
+			"scale-y": [{ "scale-y": J() }],
+			"scale-z": [{ "scale-z": J() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: q() }],
-			"skew-x": [{ "skew-x": q() }],
-			"skew-y": [{ "skew-y": q() }],
+			skew: [{ skew: Y() }],
+			"skew-x": [{ "skew-x": Y() }],
+			"skew-y": [{ "skew-y": Y() }],
 			transform: [{ transform: [
 				isArbitraryVariable,
 				isArbitraryValue,
@@ -8033,14 +8033,14 @@ var concatArrays = (e, t) => {
 			] }],
 			"transform-origin": [{ origin: T() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: J() }],
-			"translate-x": [{ "translate-x": J() }],
-			"translate-y": [{ "translate-y": J() }],
-			"translate-z": [{ "translate-z": J() }],
+			translate: [{ translate: Z() }],
+			"translate-x": [{ "translate-x": Z() }],
+			"translate-y": [{ "translate-y": Z() }],
+			"translate-z": [{ "translate-z": Z() }],
 			"translate-none": ["translate-none"],
-			accent: [{ accent: z() }],
+			accent: [{ accent: B() }],
 			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: z() }],
+			"caret-color": [{ caret: B() }],
 			"color-scheme": [{ scheme: [
 				"normal",
 				"dark",
@@ -8164,14 +8164,14 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			fill: [{ fill: ["none", ...z()] }],
+			fill: [{ fill: ["none", ...B()] }],
 			"stroke-w": [{ stroke: [
 				isNumber,
 				isArbitraryVariableLength,
 				isArbitraryLength,
 				isArbitraryNumber
 			] }],
-			stroke: [{ stroke: ["none", ...z()] }],
+			stroke: [{ stroke: ["none", ...B()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
@@ -8427,42 +8427,42 @@ const createSipService = (e, t = {}) => {
 		typeof o.setSinkId == "function" && await o.setSinkId(e);
 	}, L = (e) => {
 		l.value = e;
-	}, Up = (e, t) => {
+	}, R = (e, t) => {
 		let n = !1, i = e.sessionDescriptionHandler;
 		return i?.peerConnection && i.peerConnection.getSenders().forEach((e) => {
 			e.track && e.track.kind === "audio" && (e.track.enabled = t, n = !0);
 		}), n;
-	}, R = (e) => {
+	}, z = (e) => {
 		let t = !1;
 		return d.value && d.value.getAudioTracks().forEach((n) => {
 			n.enabled = e, t = !0;
 		}), t;
-	}, z = (e, t) => {
-		let n = !(t?.isHeld || t?.isMuted), i = Up(e, n), a = R(n);
+	}, B = (e, t) => {
+		let n = !(t?.isHeld || t?.isMuted), i = R(e, n), a = z(n);
 		!i && !a && console.warn("[SipJs] No audio tracks found to apply channel audio state");
-	}, Wp = (t) => {
+	}, Up = (t) => {
 		for (let [n, i] of a.value.entries()) if (i === t) return e.channels.value.find((e) => e.id === n) || null;
 		return e.activeChannel.value || null;
-	}, B = async (e) => {
+	}, V = async (e) => {
 		let t = e.sessionDescriptionHandler?.peerConnection;
 		if (!t) return;
-		let n = Wp(e), i = !(n?.isHeld || n?.isMuted), a = t.getSenders().find((e) => e.track?.kind === "audio");
+		let n = Up(e), i = !(n?.isHeld || n?.isMuted), a = t.getSenders().find((e) => e.track?.kind === "audio");
 		if (a?.track) {
 			a.track.enabled = i, n && M(e, n.id);
 			return;
 		}
 		try {
-			let [a] = (await navigator.mediaDevices.getUserMedia(Gp(!1))).getAudioTracks();
+			let [a] = (await navigator.mediaDevices.getUserMedia(H(!1))).getAudioTracks();
 			if (!a) return;
 			a.enabled = i;
 			let o = new MediaStream([a]);
 			d.value = o;
 			let s = t.getSenders().find((e) => e.track === null);
-			s ? await s.replaceTrack(a) : t.addTrack(a, o), z(e, n), n && M(e, n.id);
+			s ? await s.replaceTrack(a) : t.addTrack(a, o), B(e, n), n && M(e, n.id);
 		} catch (e) {
 			console.warn("[SipJs] Failed to recover outbound audio track:", e);
 		}
-	}, Gp = (e = !1) => {
+	}, H = (e = !1) => {
 		let t = {
 			echoCancellation: { ideal: !0 },
 			noiseSuppression: { ideal: !1 },
@@ -8473,7 +8473,7 @@ const createSipService = (e, t = {}) => {
 			audio: t,
 			video: e
 		};
-	}, V = async () => {
+	}, U = async () => {
 		let t = i.value;
 		t && await t.register({ requestDelegate: {
 			onAccept: () => {
@@ -8483,7 +8483,7 @@ const createSipService = (e, t = {}) => {
 				e.setConnected(!1);
 			}
 		} });
-	}, H = async (t) => {
+	}, W = async (t) => {
 		if (!n.value) {
 			try {
 				(await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop());
@@ -8505,16 +8505,16 @@ const createSipService = (e, t = {}) => {
 					delegate: {
 						onConnect: () => {},
 						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => Jp(e)
+						onInvite: (e) => Kp(e)
 					}
-				}), await n.value.start(), i.value = new Registerer(n.value), await V(), Kp();
+				}), await n.value.start(), i.value = new Registerer(n.value), await U(), Wp();
 			} catch {}
 		}
-	}, Kp = () => {
+	}, Wp = () => {
 		v = new AbortController();
 		let { signal: t } = v, n = Date.now(), i = (e = 1e3) => {
 			y && clearTimeout(y), y = setTimeout(async () => {
-				y = null, await qp();
+				y = null, await Gp();
 			}, e);
 		}, a = () => {
 			if (document.visibilityState === "visible") {
@@ -8537,7 +8537,7 @@ const createSipService = (e, t = {}) => {
 		}, { signal: t }), document.addEventListener("resume", () => {
 			console.log("[SipJs] Page resumed"), n = Date.now(), l(), i(1e3);
 		}, { signal: t }), l();
-	}, qp = async () => {
+	}, Gp = async () => {
 		if (n.value) {
 			if (!navigator.onLine) {
 				console.log("[SipJs] Skipping reconnect, device is offline");
@@ -8549,13 +8549,13 @@ const createSipService = (e, t = {}) => {
 			}
 			try {
 				if (n.value.isConnected() || (console.log("[SipJs] Reconnecting..."), await n.value.reconnect()), i.value && n.value.isConnected()) try {
-					await V();
+					await U();
 				} catch {}
 			} catch (e) {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, W = async () => {
+	}, K = async () => {
 		v?.abort(), v = null, y &&= (clearTimeout(y), null), b &&= (clearInterval(b), null);
 		let e = i.value, t = n.value;
 		if (i.value = null, n.value = null, e) try {
@@ -8568,7 +8568,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] UserAgent stop failed:", e);
 		}
-	}, Jp = (t) => {
+	}, Kp = (t) => {
 		console.log("[SipJs] 📞 Llamada entrante recibida"), console.log("[SipJs] Remote Identity URI:", t.remoteIdentity.uri.toString()), console.log("[SipJs] Remote Identity URI user:", t.remoteIdentity.uri.user), console.log("[SipJs] Remote Identity displayName:", t.remoteIdentity.displayName);
 		let n = e.channels.value.find((e) => e.status === "idle");
 		if (!n) {
@@ -8610,18 +8610,18 @@ const createSipService = (e, t = {}) => {
 						isHeld: !1,
 						hasVideo: !1,
 						hasEarlyMedia: !1
-					}), a.value.delete(i), e.activeChannelId.value === i && nm(), P();
+					}), a.value.delete(i), e.activeChannelId.value === i && tm(), P();
 					break;
 				}
 				case SessionState.Established:
 					m.add(i), e.updateChannelState(i, {
 						status: "connected",
 						startTime: Date.now()
-					}), j(i, "connected"), e.activeChannelId.value === i && (Q(t), B(t).then(() => M(t, i))), P();
+					}), j(i, "connected"), e.activeChannelId.value === i && ($(t), V(t).then(() => M(t, i))), P();
 					break;
 			}
 		});
-	}, G = async (t, i = !1) => {
+	}, q = async (t, i = !1) => {
 		if (!n.value) return;
 		let o = e.activeChannelId.value;
 		if (a.value.has(o)) return;
@@ -8642,7 +8642,7 @@ const createSipService = (e, t = {}) => {
 					m.add(o), e.channels.value.find((e) => e.id === o)?.status !== "connected" && (e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), j(o, "connected"), Q(l), B(l).then(() => M(l, o)), P());
+					}), j(o, "connected"), $(l), V(l).then(() => M(l, o)), P());
 					break;
 				case SessionState.Terminated: {
 					let n = e.channels.value.find((e) => e.id === o);
@@ -8670,41 +8670,41 @@ const createSipService = (e, t = {}) => {
 						startTime: void 0,
 						keypadValue: "",
 						hasVideo: !1
-					}), a.value.delete(o), e.activeChannelId.value === o && nm(), P();
+					}), a.value.delete(o), e.activeChannelId.value === o && tm(), P();
 					break;
 				}
 			}
 		});
 		let u = {
-			sessionDescriptionHandlerOptions: { constraints: Gp(i) },
+			sessionDescriptionHandlerOptions: { constraints: H(i) },
 			requestDelegate: {
 				onProgress: (t) => {
-					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Q(l)), P());
+					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), $(l)), P());
 				},
 				onAccept: (t) => {
 					e.channels.value.find((e) => e.id === o)?.status !== "connected" && (m.add(o), e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), j(o, "connected"), Q(l), B(l).then(() => M(l, o)), P());
+					}), j(o, "connected"), $(l), V(l).then(() => M(l, o)), P());
 				}
 			}
 		};
 		await l.invite(u);
-	}, K = async (t = !1) => {
+	}, J = async (t = !1) => {
 		let n = e.activeChannelId.value, i = a.value.get(n);
 		if (i instanceof Invitation && i.state === SessionState.Initial) {
 			for (let [t, n] of a.value.entries()) if (t !== e.activeChannelId.value && n.state === SessionState.Established && !e.channels.value.find((e) => e.id === t)?.isHeld) try {
-				await Y(n, !0), e.updateChannelState(t, { isHeld: !0 });
+				await qp(n, !0), e.updateChannelState(t, { isHeld: !0 });
 			} catch (e) {
 				console.error(`[SipJs] Failed to hold channel ${t}:`, e);
 			}
-			let o = { sessionDescriptionHandlerOptions: { constraints: Gp(t) } };
+			let o = { sessionDescriptionHandlerOptions: { constraints: H(t) } };
 			e.updateChannelState(n, {
 				status: "connected",
 				startTime: Date.now()
 			});
 			try {
-				await i.accept(o), await B(i), P();
+				await i.accept(o), await V(i), P();
 			} catch (t) {
 				let i = a.value.get(n);
 				throw i instanceof Invitation && i.state === SessionState.Initial && e.updateChannelState(n, {
@@ -8713,7 +8713,7 @@ const createSipService = (e, t = {}) => {
 				}), t;
 			}
 		}
-	}, q = async () => {
+	}, Y = async () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (t) switch (t.state) {
 			case SessionState.Initial:
@@ -8724,35 +8724,35 @@ const createSipService = (e, t = {}) => {
 				await t.bye();
 				break;
 		}
-	}, J = () => {
+	}, Z = () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (!t) return;
 		let n = !e.isMuted.value;
-		e.setMuted(n), z(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
-	}, Y = async (e, t) => {
+		e.setMuted(n), B(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
+	}, qp = async (e, t) => {
 		let n = { sessionDescriptionHandlerOptions: { hold: t } };
 		await e.invite(n);
-	}, Z = async () => {
+	}, Q = async () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (t?.state !== SessionState.Established) return;
 		let n = !e.isHeld.value;
 		try {
-			await Y(t, n), e.setHeld(n), z(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
+			await qp(t, n), e.setHeld(n), B(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 		} catch {}
-	}, Yp = async (t) => {
+	}, Jp = async (t) => {
 		let n = e.activeChannelId.value;
 		if (n === t) return;
 		let i = a.value.get(n), o = a.value.get(t), s = e.channels.value.find((e) => e.id === n), l = e.channels.value.find((e) => e.id === t);
 		if (i && i.state === SessionState.Established && !s?.isHeld) try {
-			await Y(i, !0), e.updateChannelState(n, { isHeld: !0 }), z(i, e.channels.value.find((e) => e.id === n));
+			await qp(i, !0), e.updateChannelState(n, { isHeld: !0 }), B(i, e.channels.value.find((e) => e.id === n));
 		} catch {}
 		if (e.setActiveChannelId(t), P(), o && o.state === SessionState.Established) {
 			if (l?.isHeld) try {
-				await Y(o, !1), e.updateChannelState(t, { isHeld: !1 });
+				await qp(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
-			z(o, e.channels.value.find((e) => e.id === t)), Q(o);
-		} else nm();
-	}, Xp = (t) => {
+			B(o, e.channels.value.find((e) => e.id === t)), $(o);
+		} else tm();
+	}, Yp = (t) => {
 		let n = a.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
 		let i = { requestOptions: { body: {
@@ -8761,10 +8761,10 @@ const createSipService = (e, t = {}) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(i);
-	}, Zp = (t, n) => {
+	}, Xp = (t, n) => {
 		let i = e.channels.value.find((e) => e.id === t);
-		!i || i.status !== "connected" || (Q(n), z(n, i), B(n), o.play().catch(() => {}));
-	}, Qp = async (t) => {
+		!i || i.status !== "connected" || ($(n), B(n, i), V(n), o.play().catch(() => {}));
+	}, Zp = async (t) => {
 		console.log("[SipJs] 🔄 transferCall iniciado"), console.log("[SipJs] Target:", t);
 		let i = e.activeChannelId.value, o = a.value.get(i);
 		if (!o) throw console.error("[SipJs] ❌ No hay sesión activa en el canal", i), Error("No active session to transfer");
@@ -8784,7 +8784,7 @@ const createSipService = (e, t = {}) => {
 					},
 					onReject: (e) => {
 						let t = e.message.statusCode;
-						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Zp(i, o);
+						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Xp(i, o);
 					}
 				},
 				onNotify: (e) => {
@@ -8807,7 +8807,7 @@ const createSipService = (e, t = {}) => {
 									487: "Transferencia cancelada",
 									503: "Servicio no disponible - el destino puede estar fuera de línea"
 								}[t] || `Error en transferencia (código ${t})`;
-								console.warn("[SipJs] 💬", e), Zp(i, o);
+								console.warn("[SipJs] 💬", e), Xp(i, o);
 							} else t >= 100 && t < 200 && console.log("[SipJs] 📞 Transferencia en progreso:", t, n);
 						} else console.warn("[SipJs] ⚠️ No se pudo extraer el código de estado del NOTIFY body");
 					} else console.warn("[SipJs] ⚠️ NOTIFY sin body");
@@ -8816,28 +8816,28 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] ❌ Error en transferCall:", e), console.error("[SipJs] Error type:", e?.constructor?.name), console.error("[SipJs] Error message:", e instanceof Error ? e.message : String(e)), console.error("[SipJs] Error stack:", e instanceof Error ? e.stack : "N/A"), e;
 		}
-	}, $p = async (t) => {
+	}, Qp = async (t) => {
 		console.log("[SipJs] 🔄 startAttendedTransfer iniciado"), console.log("[SipJs] Target:", t);
 		let n = e.activeChannelId.value, i = a.value.get(n);
 		if (console.log("[SipJs] Canal original:", n), console.log("[SipJs] Sesión original:", i?.state), !i || i.state !== SessionState.Established) throw console.error("[SipJs] ❌ No hay llamada establecida para transferir"), Error("No established call to transfer");
 		let o = e.channels.value.find((e) => e.status === "idle");
 		if (console.log("[SipJs] Canal de consulta encontrado:", o?.id), !o) throw console.error("[SipJs] ❌ No hay canales disponibles para llamada de consulta"), Error("No available channel for consultation call");
 		try {
-			console.log("[SipJs] 🔇 Poniendo llamada original en hold..."), await Y(i, !0), e.updateChannelState(n, { isHeld: !0 }), console.log("[SipJs] ✅ Llamada original en hold");
+			console.log("[SipJs] 🔇 Poniendo llamada original en hold..."), await qp(i, !0), e.updateChannelState(n, { isHeld: !0 }), console.log("[SipJs] ✅ Llamada original en hold");
 		} catch (e) {
 			throw console.error("[SipJs] ❌ Failed to hold original call:", e), Error("Failed to put call on hold");
 		}
 		console.log("[SipJs] 🔄 Cambiando al canal de consulta:", o.id), e.setActiveChannelId(o.id);
 		try {
-			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await G(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
+			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await q(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
 				originalChannelId: n,
 				consultationChannelId: o.id,
 				targetNumber: t
 			}), console.log("[SipJs] 📋 Transferencia en progreso registrada");
 		} catch (t) {
-			throw console.error("[SipJs] ❌ Failed to start consultation call:", t), console.log("[SipJs] 🔄 Volviendo al canal original y quitando hold..."), e.setActiveChannelId(n), await Y(i, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
+			throw console.error("[SipJs] ❌ Failed to start consultation call:", t), console.log("[SipJs] 🔄 Volviendo al canal original y quitando hold..."), e.setActiveChannelId(n), await qp(i, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
 		}
-	}, em = async () => {
+	}, $p = async () => {
 		console.log("[SipJs] 🔄 completeAttendedTransfer iniciado");
 		let t = e.transferInProgress.value;
 		if (!t) throw console.error("[SipJs] ❌ No hay transferencia en progreso"), Error("No transfer in progress");
@@ -8880,7 +8880,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, tm = async () => {
+	}, em = async () => {
 		let t = e.transferInProgress.value;
 		if (!t) throw Error("No transfer in progress");
 		console.log("[SipJs] Canceling attended transfer...");
@@ -8891,12 +8891,12 @@ const createSipService = (e, t = {}) => {
 			console.warn("[SipJs] Error ending consultation:", e);
 		}
 		if (n) try {
-			e.setActiveChannelId(t.originalChannelId), await Y(n, !1), e.updateChannelState(t.originalChannelId, { isHeld: !1 }), console.log("[SipJs] Returned to original call");
+			e.setActiveChannelId(t.originalChannelId), await qp(n, !1), e.updateChannelState(t.originalChannelId, { isHeld: !1 }), console.log("[SipJs] Returned to original call");
 		} catch (e) {
 			console.warn("[SipJs] Error resuming original call:", e);
 		}
 		e.setTransferInProgress(null);
-	}, Q = (e) => {
+	}, $ = (e) => {
 		let t = e.sessionDescriptionHandler;
 		if (!t) {
 			console.error("[SipJs] setupRemoteMedia: no sessionDescriptionHandler");
@@ -8909,8 +8909,8 @@ const createSipService = (e, t = {}) => {
 		}
 		if (u.value === n) return;
 		o.pause(), o.srcObject = null, g?.abort(), g = new AbortController(), u.value = n, d.value = t.localMediaStream ?? null;
-		let i = Wp(e);
-		z(e, i), i && M(e, i.id);
+		let i = Up(e);
+		B(e, i), i && M(e, i.id);
 		let a = (e) => {
 			_?.abort(), _ = new AbortController();
 			let { signal: t } = _, n = () => {
@@ -8927,23 +8927,23 @@ const createSipService = (e, t = {}) => {
 		}, { signal: g.signal });
 		let [s] = n.getTracks();
 		s && (o.srcObject = n, a(s), i && M(e, i.id));
-	}, nm = () => {
+	}, tm = () => {
 		_?.abort(), _ = null, g?.abort(), g = null, o.pause(), o.srcObject = null, u.value = null, d.value = null;
 	};
 	return {
-		initUserAgent: H,
-		stop: W,
-		makeCall: G,
-		answerCall: K,
-		hangupCall: q,
-		toggleMute: J,
-		toggleHold: Z,
-		sendDTMF: Xp,
-		transferCall: Qp,
-		startAttendedTransfer: $p,
-		completeAttendedTransfer: em,
-		cancelAttendedTransfer: tm,
-		switchChannel: Yp,
+		initUserAgent: W,
+		stop: K,
+		makeCall: q,
+		answerCall: J,
+		hangupCall: Y,
+		toggleMute: Z,
+		toggleHold: Q,
+		sendDTMF: Yp,
+		transferCall: Zp,
+		startAttendedTransfer: Qp,
+		completeAttendedTransfer: $p,
+		cancelAttendedTransfer: em,
+		switchChannel: Jp,
 		extension: x,
 		setVolume: F,
 		setNotificationVolume: D,
@@ -16273,62 +16273,66 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			if (!t.isConnected) return "wp:text-status-disconnected";
 			let e = p.value;
 			return e && e.status !== "idle" ? e.isHeld || e.status === "held" ? "wp:text-status-hold" : e.status === "incoming" ? "wp:text-status-incoming" : "wp:text-primary" : "wp:text-primary";
-		}), v = ref(!1), y = ref(null), b = ref(null);
+		}), v = ref(!1), y = ref(null), b = ref(null), x = (e) => e.replace(/[^0-9*#]/g, ""), S = (e) => {
+			e.ctrlKey || e.metaKey || e.altKey || e.key.length !== 1 || /[0-9*#]/.test(e.key) || e.preventDefault();
+		}, T = (e) => {
+			e.data && x(e.data) !== e.data && e.preventDefault();
+		};
 		onClickOutside(y, () => {
 			v.value = !1;
 		});
-		let x = computed({
+		let E = computed({
 			get: () => p.value?.keypadValue || "",
 			set: (e) => {
-				p.value && t.updateChannelState(p.value.id, { keypadValue: e });
+				p.value && t.updateChannelState(p.value.id, { keypadValue: x(e) });
 			}
-		}), S = computed(() => /^[+]?[0-9*#]+$/.test(x.value)), T = computed(() => {
-			if (!x.value) return o.contacts.slice(0, 10);
-			let e = x.value.toLowerCase(), t = [];
+		}), D = computed(() => /^[0-9*#]+$/.test(E.value)), O = computed(() => {
+			if (!E.value) return o.contacts.slice(0, 10);
+			let e = E.value.toLowerCase(), t = [];
 			for (let n of o.contacts) if ((n.name.toLowerCase().includes(e) || n.number.includes(e)) && (t.push(n), t.length >= 10)) break;
 			return t;
-		}), E = (e) => {
-			p.value && t.updateChannelState(p.value.id, { keypadValue: e.number }), v.value = !1;
-		}, D = () => {
-			!x.value || !S.value || (v.value = !1, i.makeCall(x.value));
+		}), k = (e) => {
+			p.value && t.updateChannelState(p.value.id, { keypadValue: x(e.number) }), v.value = !1;
+		}, j = () => {
+			!E.value || !D.value || (v.value = !1, i.makeCall(E.value));
 		};
-		watch(x, () => {
+		watch(E, () => {
 			v.value = !0;
 		});
-		let O = () => {
-			x.value && S.value && D();
-		}, k = () => {
+		let M = () => {
+			E.value && D.value && j();
+		}, N = () => {
 			v.value = !1;
-		}, j = () => {
+		}, P = () => {
 			v.value = !0;
-		}, M = () => {
+		}, F = () => {
 			setTimeout(() => {
 				v.value = !1;
 			}, 150);
-		}, N = ref(Date.now());
+		}, I = ref(Date.now());
 		useIntervalFn(() => {
-			N.value = Date.now();
+			I.value = Date.now();
 		}, 1e3);
-		let P = computed(() => {
+		let L = computed(() => {
 			let e = p.value?.startTime, t = p.value?.status || "idle";
 			if (!e || t !== "connected") return "00:00:00";
-			let n = Math.floor((N.value - e) / 1e3);
+			let n = Math.floor((I.value - e) / 1e3);
 			return n < 0 ? "00:00:00" : `${Math.floor(n / 3600).toString().padStart(2, "0")}:${Math.floor(n % 3600 / 60).toString().padStart(2, "0")}:${(n % 60).toString().padStart(2, "0")}`;
-		}), F = computed(() => {
+		}), z = computed(() => {
 			if (!o.isOnline) return "Sin internet";
 			if (!t.isConnected) return "Sin conexión";
 			let e = p.value, n = e?.status || "idle";
 			return n === "idle" ? "Disponible" : n === "calling" ? "Llamando..." : e?.isHeld ? `En espera - ${e.remoteNumber || e.keypadValue || "Unknown"}` : n === "connected" ? "Conectado" : n.charAt(0).toUpperCase() + n.slice(1);
-		}), I = (e) => {
+		}), B = (e) => {
 			if (!e) return "";
 			let t = e.trim(), n = t.startsWith("+"), i = t.replace(/[^\d]/g, "");
 			return n ? `+${i}` : i;
-		}, L = computed(() => {
+		}, H = computed(() => {
 			let e = p.value, t = e?.remoteNumber || e?.keypadValue, n = e?.remoteDisplayName;
 			if (!t) return "Unknown";
-			let i = I(t), a = o.contacts?.find((e) => I(e.number) === i);
+			let i = B(t), a = o.contacts?.find((e) => B(e.number) === i);
 			return a ? a.name : n || t;
-		}), R = computed(() => {
+		}), U = computed(() => {
 			let e = p.value;
 			return e?.remoteNumber || e?.keypadValue || "";
 		});
@@ -16339,11 +16343,11 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			(p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass([_.value, "webphone-display__connected-status wp:w-full wp:flex wp:items-center wp:justify-between wp:gap-2 wp:text-3xl wp:font-light wp:mb-5"])
-			}, [createElementVNode("div", _hoisted_2$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__connected-status-icon wp:w-4 wp:h-4" }), i[3] ||= createElementVNode("span", { class: "webphone-display__connected-status-text wp:text-sm wp:montserrat wp:font-medium" }, "En llamada", -1)]), createElementVNode("span", _hoisted_3$4, toDisplayString(P.value), 1)], 2)) : createCommentVNode("", !0),
+			}, [createElementVNode("div", _hoisted_2$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__connected-status-icon wp:w-4 wp:h-4" }), i[3] ||= createElementVNode("span", { class: "webphone-display__connected-status-text wp:text-sm wp:montserrat wp:font-medium" }, "En llamada", -1)]), createElementVNode("span", _hoisted_3$4, toDisplayString(L.value), 1)], 2)) : createCommentVNode("", !0),
 			o.user ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass([_.value, "webphone-display__user wp:font-bold wp:text-lg wp:flex wp:items-center wp:gap-1 wp:transition-colors wp:duration-300"])
-			}, [createElementVNode("div", _hoisted_4$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__user-icon wp:size-6 wp:shrink-0 montserrat" }), createTextVNode(" " + toDisplayString(o.user), 1)]), createElementVNode("div", { class: normalizeClass(["webphone-display__status-text wp:font-semibold wp:tracking-wider wp:text-sm wp:text-[var(--color-primary)] montserrat", _.value]) }, toDisplayString(F.value), 3)], 2)) : createCommentVNode("", !0),
+			}, [createElementVNode("div", _hoisted_4$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__user-icon wp:size-6 wp:shrink-0 montserrat" }), createTextVNode(" " + toDisplayString(o.user), 1)]), createElementVNode("div", { class: normalizeClass(["webphone-display__status-text wp:font-semibold wp:tracking-wider wp:text-sm wp:text-[var(--color-primary)] montserrat", _.value]) }, toDisplayString(z.value), 3)], 2)) : createCommentVNode("", !0),
 			(p.value?.status || "idle") === "idle" && o.allowInput ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createElementVNode("div", {
 				class: "webphone-display__dialer-container wp:relative wp:w-full wp:max-w-80",
 				ref_key: "containerRef",
@@ -16382,11 +16386,19 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 				createVNode(unref(Input_default), {
 					ref_key: "inputRef",
 					ref: b,
-					modelValue: x.value,
-					"onUpdate:modelValue": i[1] ||= (e) => x.value = e,
-					onFocus: j,
-					onBlur: M,
-					onKeydown: [withKeys(O, ["enter"]), withKeys(k, ["escape"])],
+					modelValue: E.value,
+					"onUpdate:modelValue": i[1] ||= (e) => E.value = e,
+					type: "text",
+					inputmode: "tel",
+					pattern: "[0-9*#]*",
+					onFocus: P,
+					onBlur: F,
+					onKeydown: [
+						S,
+						withKeys(M, ["enter"]),
+						withKeys(N, ["escape"])
+					],
+					onBeforeinput: T,
 					placeholder: "Ingresa el numero a llamar...",
 					class: "p-input webphone-display__input wp:h-10 wp:text-center wp:select-text wp:px-14 wp:text-base hover:wp:border-[var(--p-primary-color)] wp:dark:hover:bg-neutral-900 focus-visible:wp:border-[var(--p-primary-color)] focus-visible:wp:ring-2 montserrat"
 				}, null, 8, ["modelValue"]),
@@ -16394,14 +16406,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					class: "webphone-display__backspace wp:absolute wp:right-1 wp:top-1/2 wp:-translate-y-1/2 wp:z-10 wp:flex wp:h-8 wp:w-8 wp:cursor-pointer wp:items-center wp:justify-center wp:hover:bg-accent wp:rounded-full",
 					onClick: i[2] ||= withModifiers((e) => unref(t).backspaceKeypad(), ["stop"])
 				}, [createVNode(unref(IconDelete_default), { class: "webphone-display__backspace-icon wp:w-[15px] wp:h-[15px] wp:text-black wp:hover:text-status-disconnected wp:dark:text-neutral-100 wp:dark:hover:text-status-disconnected wp:transition-colors" })])
-			]), withDirectives(createElementVNode("div", _hoisted_7$4, [S.value ? (openBlock(), createElementBlock("div", {
+			]), withDirectives(createElementVNode("div", _hoisted_7$4, [D.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "webphone-display__suggestion webphone-display__suggestion--raw wp:cursor-pointer wp:hover:bg-accent wp:flex wp:items-center wp:gap-2 wp:p-2 wp:px-3 wp:text-sm",
-				onPointerdown: withModifiers(D, ["prevent"])
-			}, [createVNode(unref(Phone), { class: "webphone-display__suggestion-icon wp:w-4 wp:h-4 wp:shrink-0" }), createElementVNode("span", null, "Marcar " + toDisplayString(x.value), 1)], 32)) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(T.value, (e) => (openBlock(), createElementBlock("div", {
+				onPointerdown: withModifiers(j, ["prevent"])
+			}, [createVNode(unref(Phone), { class: "webphone-display__suggestion-icon wp:w-4 wp:h-4 wp:shrink-0" }), createElementVNode("span", null, "Marcar " + toDisplayString(E.value), 1)], 32)) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(O.value, (e) => (openBlock(), createElementBlock("div", {
 				key: e.number,
 				class: "webphone-display__suggestion webphone-display__suggestion--contact wp:cursor-pointer wp:hover:bg-accent wp:flex wp:items-center wp:gap-2 wp:p-2 wp:px-3 wp:text-sm",
-				onPointerdown: withModifiers((t) => E(e), ["prevent"])
+				onPointerdown: withModifiers((t) => k(e), ["prevent"])
 			}, [createElementVNode("div", { class: normalizeClass(unref(cn)("webphone-display__contact-badge wp:flex wp:items-center wp:justify-center wp:w-6 wp:h-6 wp:rounded-full wp:shrink-0", e.type === "extension" ? "wp:bg-blue-100 wp:text-blue-600 wp:dark:bg-blue-900/30 wp:dark:text-blue-400" : e.type === "contact" ? "wp:bg-emerald-100 wp:text-emerald-600 wp:dark:bg-emerald-900/30 wp:dark:text-emerald-400" : e.type === "voicemail" ? "wp:bg-purple-100 wp:text-purple-600 wp:dark:bg-purple-900/30 wp:dark:text-purple-400" : e.type === "tool" ? "wp:bg-amber-100 wp:text-amber-600 wp:dark:bg-amber-900/30 wp:dark:text-amber-400" : "wp:bg-neutral-100 wp:text-neutral-600 wp:dark:bg-neutral-800 wp:dark:text-neutral-400")) }, [e.type === "extension" ? (openBlock(), createBlock(unref(Building2), {
 				key: 0,
 				class: "wp:w-3 wp:h-3"
@@ -16417,7 +16429,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			})) : (openBlock(), createBlock(unref(CircleUser), {
 				key: 4,
 				class: "wp:w-3 wp:h-3"
-			}))], 2), createElementVNode("div", _hoisted_9$4, [createElementVNode("span", _hoisted_10$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_11$3, toDisplayString(e.number), 1)])], 40, _hoisted_8$4))), 128))], 512), [[vShow, v.value && x.value && (T.value.length > 0 || S.value)]])], 512)])) : (p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [createElementVNode("div", _hoisted_13$1, [createElementVNode("div", _hoisted_14$1, " En llamada con " + toDisplayString(L.value), 1), L.value === R.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(R.value), 1))])])) : (p.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createElementVNode("div", _hoisted_17$1, [createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, toDisplayString(L.value), 1), L.value === R.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(R.value), 1))]), createVNode(unref(TooltipProvider_default), null, {
+			}))], 2), createElementVNode("div", _hoisted_9$4, [createElementVNode("span", _hoisted_10$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_11$3, toDisplayString(e.number), 1)])], 40, _hoisted_8$4))), 128))], 512), [[vShow, v.value && E.value && (O.value.length > 0 || D.value)]])], 512)])) : (p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [createElementVNode("div", _hoisted_13$1, [createElementVNode("div", _hoisted_14$1, " En llamada con " + toDisplayString(H.value), 1), H.value === U.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(U.value), 1))])])) : (p.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createElementVNode("div", _hoisted_17$1, [createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, toDisplayString(H.value), 1), H.value === U.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(U.value), 1))]), createVNode(unref(TooltipProvider_default), null, {
 				default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
 					default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 						default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t).isKeypadVisible ? "Ocultar" : "Mostrar") + " teclado", 1), createVNode(unref(Kbd_default), null, {
@@ -17329,14 +17341,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		onMounted(() => {
 			o.value = "documentPictureInPicture" in window, document.addEventListener("visibilitychange", y), window.addEventListener("blur", b);
 		}), onUnmounted(() => {
-			document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", b), g &&= (clearTimeout(g), null), S(), R();
+			document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", b), g &&= (clearTimeout(g), null), S(), z();
 		});
 		let _ = () => {
 			let e = i.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return i.autoOpenOnBlur !== !1 && e && o.value && t && !l.value && !u.value;
 		}, v = () => {
 			_() && (g && clearTimeout(g), g = setTimeout(() => {
-				_() && Up();
+				_() && R();
 			}, 120));
 		}, y = () => {
 			v();
@@ -17353,9 +17365,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 		};
 		watch(() => i.callStatus, (e, t) => {
-			e === "connected" && t !== "connected" ? x() : e === "idle" && t !== "idle" && (S(), l.value && R());
+			e === "connected" && t !== "connected" ? x() : e === "idle" && t !== "idle" && (S(), l.value && z());
 		}, { immediate: !0 }), watch(() => i.isConnected, (e) => {
-			!e && l.value && (S(), R());
+			!e && l.value && (S(), z());
 		}), watch(() => [
 			i.callStatus,
 			i.isMuted,
@@ -17429,7 +17441,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					n.className = "pip-btn pip-btn-answer", n.title = "Contestar", n.innerHTML = E.phone, n.onclick = () => a("answer", !1), t.appendChild(n);
 					let o = e.createElement("button");
 					o.className = "pip-btn pip-btn-hangup", o.title = "Rechazar", o.innerHTML = E.phoneOff, o.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(o);
 				} else if (i.callStatus === "connected") {
 					let n = e.createElement("button");
@@ -17440,12 +17452,12 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					s.className = "pip-btn pip-btn-transfer", s.title = "Transferir", s.innerHTML = E.transfer, s.onclick = () => a("transfer"), t.appendChild(s);
 					let l = e.createElement("button");
 					l.className = "pip-btn pip-btn-hangup", l.title = "Colgar", l.innerHTML = E.phoneOff, l.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(l);
 				} else if (i.callStatus === "calling") {
 					let n = e.createElement("button");
 					n.className = "pip-btn pip-btn-hangup", n.title = "Cancelar", n.innerHTML = E.phoneOff, n.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(n);
 				}
 			}
@@ -17461,7 +17473,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}, 1e3));
 		}, L = () => {
 			m &&= (clearInterval(m), null);
-		}, Up = async () => {
+		}, R = async () => {
 			if (!(!o.value || l.value || u.value)) {
 				u.value = !0;
 				try {
@@ -17481,14 +17493,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					u.value = !1;
 				}
 			}
-		}, R = () => {
+		}, z = () => {
 			L(), d.value && (d.value.close(), d.value = null, l.value = !1, a("update:active", !1));
 		};
 		return t({
-			open: Up,
-			close: R,
+			open: R,
+			close: z,
 			toggle: () => {
-				l.value ? R() : Up();
+				l.value ? z() : R();
 			},
 			isActive: l,
 			isSupported: o,
@@ -17574,7 +17586,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		provide("webphone", x), provide("sip", S), t({ stop: S.stop }), watchEffect(() => {
 			o.mode === "webcall" && (o.to || console.error("WebPhone: \"to\" prop is required when mode is \"webcall\""), o.logo || console.error("WebPhone: \"logo\" prop is required when mode is \"webcall\""));
 		});
-		let O = ref(!1), k = ref(!1), j = ref(!1), N = ref(null), F = ref(null), L = ref(null), Gp = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", V = computed(() => o.mode === "webcall"), H = ref(0), U = (e) => !!e && e.getVideoTracks().length > 0;
+		let O = ref(!1), k = ref(!1), j = ref(!1), N = ref(null), F = ref(null), L = ref(null), H = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", U = computed(() => o.mode === "webcall"), W = ref(0), G = (e) => !!e && e.getVideoTracks().length > 0;
 		watch(() => x.callStatus, (e) => {
 			if (e === "idle" && !x.isKeypadVisible) {
 				x.toggleKeypad();
@@ -17582,80 +17594,80 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}
 			e !== "idle" && x.isKeypadVisible && x.toggleKeypad();
 		});
-		let qp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), W = (e) => {
+		let Gp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), K = (e) => {
 			if (!e) return "";
 			let t = e.trim(), n = t.startsWith("+"), i = t.replace(/[^\d]/g, "");
 			return n ? `+${i}` : i;
-		}, Jp = computed(() => {
-			let e = qp.value?.remoteNumber || x.remoteNumber, t = W(e);
-			return o.contacts.find((e) => W(e.number) === t)?.name || e || "Llamada";
-		}), G = computed(() => (H.value, !!qp.value?.hasVideo || U(E.value) || U(D.value))), { isOnline: K } = useNetwork(), q = computed(() => !K.value), J = ref(null), Z = ref(!1), Qp = computed(() => o.enablePictureInPicture), tm = () => {
-			Qp.value && J.value?.toggle();
-		}, Q = async (e, t) => {
+		}, Kp = computed(() => {
+			let e = Gp.value?.remoteNumber || x.remoteNumber, t = K(e);
+			return o.contacts.find((e) => K(e.number) === t)?.name || e || "Llamada";
+		}), q = computed(() => (W.value, !!Gp.value?.hasVideo || G(E.value) || G(D.value))), { isOnline: J } = useNetwork(), Y = computed(() => !J.value), Z = ref(null), Q = ref(!1), Zp = computed(() => o.enablePictureInPicture), em = () => {
+			Zp.value && Z.value?.toggle();
+		}, $ = async (e, t) => {
 			try {
 				t === "blind" ? await S.transferCall(e) : await S.startAttendedTransfer(e);
 			} catch (e) {
 				console.error("[WebPhone] Transfer error:", e), alert(e instanceof Error ? e.message : "Transfer failed. Please try again.");
 			}
-		}, nm = async () => {
+		}, tm = async () => {
 			try {
 				await S.completeAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Complete transfer error:", e), alert(e instanceof Error ? e.message : "Failed to complete transfer.");
 			}
-		}, rm = async () => {
+		}, nm = async () => {
 			try {
 				await S.cancelAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Cancel transfer error:", e), alert(e instanceof Error ? e.message : "Failed to cancel transfer.");
 			}
-		}, im = (e) => {
+		}, rm = (e) => {
 			x.keypadValue = e, S.makeCall(e);
-		}, am = (e) => {
+		}, im = (e) => {
 			if (o.onAnswer) {
 				o.onAnswer(e);
 				return;
 			}
 			S.answerCall(e);
-		}, om = () => {
+		}, am = () => {
 			if (o.onHangup) {
 				o.onHangup();
 				return;
 			}
 			S.hangupCall();
-		}, sm = () => {
+		}, om = () => {
 			if (o.onReject) {
 				o.onReject();
 				return;
 			}
 			S.hangupCall();
+		}, sm = () => {
+			j.value = !0, Z.value?.close(), window.focus();
 		}, cm = () => {
-			j.value = !0, J.value?.close(), window.focus();
-		}, lm = () => {
-			if (!Qp.value) return !1;
+			if (!Zp.value) return !1;
 			let e = x.callStatus !== "idle", t = document.hidden || !document.hasFocus();
-			return e && t && !Z.value;
-		}, $ = () => {
+			return e && t && !Q.value;
+		}, lm = () => {
 			window.setTimeout(() => {
-				lm() && J.value?.open();
+				cm() && Z.value?.open();
 			}, 150);
 		};
 		watchEffect(() => {
-			F.value && (Z.value || !E.value ? F.value.srcObject = null : F.value.srcObject = E.value), L.value && (Z.value || !D.value ? L.value.srcObject = null : L.value.srcObject = D.value);
+			F.value && (Q.value || !E.value ? F.value.srcObject = null : F.value.srcObject = E.value), L.value && (Q.value || !D.value ? L.value.srcObject = null : L.value.srcObject = D.value);
 		});
 		let um = (e) => {
 			if (!e || typeof e.addEventListener != "function" || typeof e.removeEventListener != "function") return () => {};
 			let t = () => {
-				H.value += 1;
+				W.value += 1;
 			};
 			return e.addEventListener("addtrack", t), e.addEventListener("removetrack", t), () => {
 				e.removeEventListener("addtrack", t), e.removeEventListener("removetrack", t);
 			};
 		};
 		watch(E, (e, t, n) => {
-			H.value += 1, n(um(e));
+			W.value += 1, n(um(e));
 		}, { immediate: !0 }), watch(D, (e, t, n) => {
-			H.value += 1, n(um(e));
+			W.value += 1, n(um(e));
 		}, { immediate: !0 });
 		let dm = [
 			"button",
@@ -17708,7 +17720,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		], _m = ref(!1), vm = computed({
 			get: () => x.activeChannelId.toString(),
 			set: async (e) => {
-				if (!q.value && e && !_m.value) {
+				if (!Y.value && e && !_m.value) {
 					_m.value = !0;
 					try {
 						await T(parseInt(e));
@@ -17724,9 +17736,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.isHeld || t.status === "held" : !1;
 		}, xm = (e) => {
-			q.value || (vm.value = e.toString());
+			Y.value || (vm.value = e.toString());
 		}, Sm = (e) => {
-			if (!q.value && ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "h" && (e.preventDefault(), k.value = !0), (e.metaKey || e.ctrlKey) && e.key === "," && (e.preventDefault(), O.value = !0), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), x.toggleKeypad()), (e.metaKey || e.ctrlKey) && [
+			if (!Y.value && ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "h" && (e.preventDefault(), k.value = !0), (e.metaKey || e.ctrlKey) && e.key === "," && (e.preventDefault(), O.value = !0), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), x.toggleKeypad()), (e.metaKey || e.ctrlKey) && [
 				"1",
 				"2",
 				"3"
@@ -17739,14 +17751,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}
 		};
 		watch(() => x.callStatus, () => {
-			lm() && $();
+			cm() && lm();
 		}), watch(() => x.isConnected, (e) => {
 			v.value && a.set(v.value, e);
-		}, { immediate: !0 }), watch(Qp, (e) => {
-			!e && Z.value && J.value?.close();
+		}, { immediate: !0 }), watch(Zp, (e) => {
+			!e && Q.value && Z.value?.close();
 		});
 		let Cm = ref(!1), wm = async () => {
-			Cm.value || q.value || !o.host || !o.extension || !o.password || (await w({
+			Cm.value || Y.value || !o.host || !o.extension || !o.password || (await w({
 				uri: `sip:${o.extension}@${o.host}`,
 				transportOptions: { server: _.value },
 				authorizationUsername: o.extension,
@@ -17760,22 +17772,22 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 				await S.stop(), Cm.value = !1;
 			}
 		}), onMounted(async () => {
-			window.addEventListener("keydown", Sm), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await wm();
-		}), watch(() => K.value, async (e) => {
+			window.addEventListener("keydown", Sm), document.addEventListener("visibilitychange", lm), window.addEventListener("blur", lm), window.addEventListener("pagehide", lm), !(o.mode === "webcall" && (!o.to || !o.logo)) && await wm();
+		}), watch(() => J.value, async (e) => {
 			e && await wm();
 		}), onUnmounted(() => {
-			S.stop(), window.removeEventListener("keydown", Sm), document.removeEventListener("visibilitychange", $), window.removeEventListener("blur", $), window.removeEventListener("pagehide", $);
+			S.stop(), window.removeEventListener("keydown", Sm), document.removeEventListener("visibilitychange", lm), window.removeEventListener("blur", lm), window.removeEventListener("pagehide", lm);
 		}), (e, t) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", {
 				ref_key: "phoneRef",
 				ref: N,
 				style: normalizeStyle(unref(hm)),
-				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-lg wp:shadow-sm wp:inset-shadow-2xs wp:w-[min(92vw,330px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer", q.value ? "wp:opacity-70" : ""]),
+				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-lg wp:shadow-sm wp:inset-shadow-2xs wp:w-[min(92vw,330px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer", Y.value ? "wp:opacity-70" : ""]),
 				"data-mode": o.mode,
 				"data-call-status": x.callStatus,
-				"data-network-status": q.value ? "offline" : "online"
+				"data-network-status": Y.value ? "offline" : "online"
 			}, [
-				G.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
+				q.value && !Q.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
 					ref_key: "remoteVideoRef",
 					ref: F,
 					autoplay: "",
@@ -17790,14 +17802,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					class: "webphone__video-local wp:w-full wp:h-full wp:object-cover"
 				}, null, 512)])])) : createCommentVNode("", !0),
 				createElementVNode("div", _hoisted_4, [
-					V.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
+					U.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
 						createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(gm, (e) => createElementVNode("button", {
 							key: e.value,
 							type: "button",
 							role: "radio",
 							"aria-checked": vm.value === e.value.toString(),
-							disabled: q.value,
-							title: `${e.label} (${unref(Gp)}${e.value + 1})`,
+							disabled: Y.value,
+							title: `${e.label} (${unref(H)}${e.value + 1})`,
 							class: normalizeClass(["webphone__channel-button wp:flex wp:items-center wp:gap-1 wp:px-2 wp:py-2 wp:rounded-lg wp:transition-colors wp:duration-200 wp:outline-none wp:focus-visible:ring-2 wp:focus-visible:ring-[var(--p-primary-color)] wp:focus-visible:ring-offset-2 wp:focus-visible:ring-offset-white wp:dark:focus-visible:ring-offset-neutral-900", bm(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : ym(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : vm.value === e.value.toString() ? "wp:bg-[var(--p-primary-color)]/12" : "wp:hover:bg-neutral-100 wp:dark:hover:bg-neutral-800/80"]),
 							"data-channel-id": e.value,
 							"data-state": vm.value === e.value.toString() ? "active" : "idle",
@@ -17813,9 +17825,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 									default: withCtx(() => [createVNode(unref(Button_default), {
 										variant: "ghost",
 										size: "icon",
-										class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Z.value ? "wp:text-primary" : ""]),
+										class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Q.value ? "wp:text-primary" : ""]),
 										title: "Picture-in-Picture",
-										onClick: tm
+										onClick: em
 									}, {
 										default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "wp:w-4 wp:h-4 wp:text-[var(--color-settings)]" })]),
 										_: 1
@@ -17844,7 +17856,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 									_: 1
 								}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 									default: withCtx(() => [t[9] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
-										default: withCtx(() => [createTextVNode(toDisplayString(unref(Gp)) + ",", 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + ",", 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -17857,9 +17869,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					createElementVNode("div", _hoisted_9, [(openBlock(!0), createElementBlock(Fragment, null, renderList(x.channels, (e) => withDirectives((openBlock(), createBlock(CallDisplay_default, {
 						key: e.id,
 						"channel-id": e.id,
-						"allow-input": !V.value,
-						"is-web-call": V.value,
-						"is-online": unref(K),
+						"allow-input": !U.value,
+						"is-web-call": U.value,
+						"is-online": unref(J),
 						contacts: o.contacts,
 						user: o.extension
 					}, null, 8, [
@@ -17876,15 +17888,15 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					}, [createVNode(KeyPad_default)], 10, _hoisted_10),
 					createVNode(CallActions_default, {
 						class: "webphone__actions",
-						style: normalizeStyle(q.value ? "pointer-events: none;" : void 0),
-						destination: V.value ? o.to : void 0,
+						style: normalizeStyle(Y.value ? "pointer-events: none;" : void 0),
+						destination: U.value ? o.to : void 0,
 						"is-video": o.mode === "video",
 						"on-answer": o.onAnswer,
 						"on-hangup": o.onHangup,
 						"on-reject": o.onReject,
 						onTransfer: t[1] ||= (e) => j.value = !0,
-						onCompleteTransfer: nm,
-						onCancelTransfer: rm
+						onCompleteTransfer: tm,
+						onCancelTransfer: nm
 					}, null, 8, [
 						"style",
 						"destination",
@@ -17894,8 +17906,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 						"on-reject"
 					])
 				]),
-				q.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
-				V.value ? (openBlock(), createElementBlock("div", _hoisted_12, [...t[11] ||= [createElementVNode("div", { class: "webphone__footer-label wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "webphone__footer-content wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
+				Y.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
+				U.value ? (openBlock(), createElementBlock("div", _hoisted_12, [...t[11] ||= [createElementVNode("div", { class: "webphone__footer-label wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "webphone__footer-content wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
 					href: "https://www.nebula123.com",
 					target: "_blank",
 					class: "webphone__footer-link wp:text-[10px] wp:text-primary wp:hover:underline"
@@ -17909,36 +17921,36 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 				visible: k.value,
 				"onUpdate:visible": t[3] ||= (e) => k.value = e,
 				contacts: o.contacts,
-				onCall: im
+				onCall: rm
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(TransferDialog_default, {
 				visible: j.value,
 				"onUpdate:visible": t[4] ||= (e) => j.value = e,
 				contacts: o.contacts,
-				onTransfer: Q
+				onTransfer: $
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: J,
-				active: Z.value,
-				"onUpdate:active": t[5] ||= (e) => Z.value = e,
-				"auto-open-on-blur": Qp.value,
+				ref: Z,
+				active: Q.value,
+				"onUpdate:active": t[5] ||= (e) => Q.value = e,
+				"auto-open-on-blur": Zp.value,
 				"is-connected": x.isConnected,
 				"remote-number": x.remoteNumber,
-				"caller-name": Jp.value,
-				"has-video": G.value ?? !1,
+				"caller-name": Kp.value,
+				"has-video": q.value ?? !1,
 				"remote-stream": unref(E),
 				"local-stream": unref(D),
-				destination: V.value ? o.to : void 0,
+				destination: U.value ? o.to : void 0,
 				"is-video": o.mode === "video",
 				"call-status": x.callStatus,
 				"is-muted": x.isMuted,
 				"is-held": x.isHeld,
-				onTransfer: cm,
-				onTransferRequest: Q,
-				onHangup: om,
-				onReject: sm,
-				onAnswer: am,
+				onTransfer: sm,
+				onTransferRequest: $,
+				onHangup: am,
+				onReject: om,
+				onAnswer: im,
 				onToggleMute: t[6] ||= (e) => unref(S).toggleMute(),
 				onToggleHold: t[7] ||= (e) => unref(S).toggleHold()
 			}, null, 8, [