@webitel/ui-sdk 26.8.127 → 26.8.129

package/dist/ui-sdk.js

@@ -1,7 +1,7 @@
 import { r as e } from "./genClient-CvWlQ0TZ.js";
-import { n as t } from "./wt-icon-CCEttp-t.js";
-import { S as n, _ as r, b as i, c as a, d as o, f as s, g as c, h as l, l as u, m as d, p as f, t as p, u as m, v as h, x as g, y as _ } from "./components-ClBeAarp.js";
-import { l as v, m as y } from "./enums-Xag5PrU-.js";
+import { n as t } from "./wt-icon-oMc-wpjH.js";
+import { S as n, _ as r, b as i, c as a, d as o, f as s, g as c, h as l, l as u, m as d, p as f, t as p, u as m, v as h, x as g, y as _ } from "./components-DTlPLRKR.js";
+import { l as v, m as y } from "./enums-Qt_FgVQw.js";
 import { t as b } from "./useEventBus-B-ZeklLu.js";
 import { computed as x, reactive as S, shallowRef as C, watch as w } from "vue";
 import T from "primevue/autocomplete";
@@ -19267,6 +19267,36 @@ var W = {
 						shadow: "none"
 					}
 				},
+				chat: {
+					background: "{chat.color}",
+					hoverBackground: "{chat.hover.color}",
+					activeBackground: "{chat.active.color}",
+					borderColor: "{chat.color}",
+					hoverBorderColor: "{chat.color}",
+					activeBorderColor: "{chat.color}",
+					color: "{chat.foreground}",
+					hoverColor: "{chat.foreground}",
+					activeColor: "{chat.foreground}",
+					focusRing: {
+						color: "{focus-color}",
+						shadow: "none"
+					}
+				},
+				email: {
+					background: "{email.color}",
+					hoverBackground: "{email.hover.color}",
+					activeBackground: "{email.active.color}",
+					borderColor: "{email.color}",
+					hoverBorderColor: "{email.color}",
+					activeBorderColor: "{email.color}",
+					color: "{email.foreground}",
+					hoverColor: "{email.foreground}",
+					activeColor: "{email.foreground}",
+					focusRing: {
+						color: "{focus-color}",
+						shadow: "none"
+					}
+				},
 				disabled: {
 					color: "{gray.400}",
 					background: "{gray.100}"
@@ -19321,6 +19351,18 @@ var W = {
 					borderColor: "{transfer.color}",
 					color: "{transfer.color}"
 				},
+				chat: {
+					hoverBackground: "{chat.highlight.color}",
+					activeBackground: "{chat.active.color}",
+					borderColor: "{chat.color}",
+					color: "{chat.color}"
+				},
+				email: {
+					hoverBackground: "{email.highlight.color}",
+					activeBackground: "{email.active.color}",
+					borderColor: "{email.color}",
+					color: "{email.color}"
+				},
 				disabled: {
 					hoverBackground: "{transparent}",
 					activeBackground: "{transparent}",
@@ -19368,6 +19410,16 @@ var W = {
 					hoverBackground: "{transfer.hover.color}",
 					activeBackground: "{transfer.active.color}",
 					color: "{transfer.color}"
+				},
+				chat: {
+					hoverBackground: "{chat.hover.color}",
+					activeBackground: "{chat.active.color}",
+					color: "{chat.color}"
+				},
+				email: {
+					hoverBackground: "{email.hover.color}",
+					activeBackground: "{email.active.color}",
+					color: "{email.color}"
 				}
 			},
 			link: {
@@ -19498,6 +19550,36 @@ var W = {
 						shadow: "none"
 					}
 				},
+				chat: {
+					background: "{chat.color}",
+					hoverBackground: "{chat.hover.color}",
+					activeBackground: "{chat.active.color}",
+					borderColor: "{chat.color}",
+					hoverBorderColor: "{chat.color}",
+					activeBorderColor: "{chat.color}",
+					color: "{chat.foreground}",
+					hoverColor: "{chat.foreground}",
+					activeColor: "{chat.foreground}",
+					focusRing: {
+						color: "{focus-color}",
+						shadow: "none"
+					}
+				},
+				email: {
+					background: "{email.color}",
+					hoverBackground: "{email.hover.color}",
+					activeBackground: "{email.active.color}",
+					borderColor: "{email.color}",
+					hoverBorderColor: "{email.color}",
+					activeBorderColor: "{email.color}",
+					color: "{email.foreground}",
+					hoverColor: "{email.foreground}",
+					activeColor: "{email.foreground}",
+					focusRing: {
+						color: "{focus-color}",
+						shadow: "none"
+					}
+				},
 				disabled: {
 					color: "{gray.550}",
 					background: "{gray.850}"
@@ -19546,6 +19628,18 @@ var W = {
 					borderColor: "{transfer.color}",
 					color: "{transfer.color}"
 				},
+				chat: {
+					hoverBackground: "{chat.highlight.color}",
+					activeBackground: "{chat.active.color}",
+					borderColor: "{chat.color}",
+					color: "{chat.color}"
+				},
+				email: {
+					hoverBackground: "{email.highlight.color}",
+					activeBackground: "{email.active.color}",
+					borderColor: "{email.color}",
+					color: "{email.color}"
+				},
 				job: {
 					hoverBackground: "{task.highlight.color}",
 					activeBackground: "{task.active.color}",
@@ -19599,6 +19693,16 @@ var W = {
 					hoverBackground: "{transfer.hover.color}",
 					activeBackground: "{transfer.active.color}",
 					color: "{transfer.color}"
+				},
+				chat: {
+					hoverBackground: "{chat.hover.color}",
+					activeBackground: "{chat.active.color}",
+					color: "{chat.color}"
+				},
+				email: {
+					hoverBackground: "{email.hover.color}",
+					activeBackground: "{email.active.color}",
+					color: "{email.color}"
 				}
 			},
 			link: {
@@ -21919,8 +22023,10 @@ var W = {
 	"error",
 	"transfer",
 	"job",
-	"info"
-], ga = ({ colorName: e, dt: t }) => `
+	"info",
+	"chat",
+	"email"
+], Y = ({ colorName: e, dt: t }) => `
         .p-button-${e} {
             background: ${t(`button.${e}.background`)};
             color: ${t(`button.${e}.color`)};
@@ -21958,7 +22064,7 @@ var W = {
         .p-button-text.p-button-${e}:not(:disabled):active {
             background: ${t(`button.text.${e}.activeBackground`)};
         }
-`, _a = ({ colorName: e, dt: t }) => `
+`, ga = ({ colorName: e, dt: t }) => `
         .p-button--icon-active.p-button-${e} {
             background: ${t(`button.${e}.background`)};
         }
@@ -21978,7 +22084,7 @@ var W = {
         .p-button--icon-active.p-button-${e}:not(:disabled):active svg {
             fill: ${t(`button.${e}.activeColor`)};
         }
-`, va = ({ colorName: e, dt: t }) => `
+`, _a = ({ colorName: e, dt: t }) => `
         .p-button-outlined.p-button-${e} {
             outline: 1px solid ${t(`button.outlined.${e}.borderColor`)};
         }
@@ -21994,7 +22100,7 @@ var W = {
         .p-button-outlined.p-button-${e} svg {
             fill: ${t(`button.outlined.${e}.color`)};
         }
-`, ya = {
+`, va = {
 	root: Bi.sizes,
 	colorScheme: Bi.colorScheme,
 	extend: { transfer: {
@@ -22004,25 +22110,33 @@ var W = {
 		hoverColor: "{black}"
 	} },
 	css: ({ dt: e }) => `
-        ${ga({
+        ${Y({
 		colorName: "transfer",
 		dt: e
 	})}
-        ${ga({
+        ${Y({
 		colorName: "error",
 		dt: e
 	})}
-        ${ga({
+        ${Y({
 		colorName: "job",
 		dt: e
 	})}
+        ${Y({
+		colorName: "chat",
+		dt: e
+	})}
+        ${Y({
+		colorName: "email",
+		dt: e
+	})}
 
-        ${ha.map((t) => _a({
+        ${ha.map((t) => ga({
 		colorName: t,
 		dt: e
 	})).join("")}
 
-        ${ha.map((t) => va({
+        ${ha.map((t) => _a({
 		colorName: t,
 		dt: e
 	})).join("")}
@@ -22100,7 +22214,7 @@ var W = {
             fill: ${e("button.outlined.disabled.color")};
         }
         `
-}, ba = {
+}, ya = {
 	root: Vi.sizes,
 	colorScheme: Vi.colorScheme,
 	css: ({ dt: e }) => `
@@ -22133,7 +22247,7 @@ var W = {
             color: ${e("checkbox.icon.checkedHoverColor")};
         }
         `
-}, Y = ({ colorName: e, dt: t }) => `
+}, X = ({ colorName: e, dt: t }) => `
         .p-chip-${e} {
             background: ${t(`chip.${e}.background`)};
             color: ${t(`chip.${e}.color`)};
@@ -22146,39 +22260,39 @@ var W = {
         .p-chip-${e} .wt-icon:hover {
             fill: ${t(`chip.${e}.iconHoverColor`)};
         }
-`, xa = {
+`, ba = {
 	root: Hi.sizes,
 	colorScheme: Hi.colorScheme,
 	css: ({ dt: e }) => `
-        ${Y({
+        ${X({
 		colorName: "main",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "primary",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "secondary",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "success",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "warning",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "error",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "info",
 		dt: e
 	})}
-        ${Y({
+        ${X({
 		colorName: "transfer",
 		dt: e
 	})}
@@ -22204,13 +22318,13 @@ var W = {
 					text-overflow: ellipsis;
 				}
         `
-}, Sa = {
+}, xa = {
 	root: Ui.sizes,
 	colorScheme: Ui.colorScheme
-}, Ca = {
+}, Sa = {
 	root: Wi.sizes,
 	colorScheme: Wi.colorScheme
-}, wa = {
+}, Ca = {
 	root: Gi.sizes,
 	colorScheme: Gi.colorScheme,
 	css: ({ dt: e }) => `
@@ -22275,14 +22389,14 @@ var W = {
       fill: ${e("galleria.footerIcon.hoverColor")};
     }
   `
-}, Ta = { css: () => "\n    .p-image img{\n      height: auto;\n      width: 100%;\n      object-fit: cover;\n    }\n  " }, X = (e, t, n) => `
+}, wa = { css: () => "\n    .p-image img{\n      height: auto;\n      width: 100%;\n      object-fit: cover;\n    }\n  " }, Z = (e, t, n) => `
   .p-inputtext${e} ~ .p-inputgroupaddon,
   *:has(.p-inputtext${e}) ~ .p-inputgroupaddon,
   .p-inputgroupaddon:has(~ .p-inputtext${e}),
   .p-inputgroupaddon:has(~ * .p-inputtext${e}) {
     ${t}: ${n};
   }
-`, Ea = {
+`, Ta = {
 	...Ki.sizes,
 	colorScheme: Ki.colorScheme,
 	css: ({ dt: e }) => `
@@ -22328,13 +22442,13 @@ var W = {
       padding-right: 0;
     }
 
-    ${X(".p-invalid", "border-color", e("inputtext.invalid.borderColor"))}
-    ${X(".p-invalid:enabled:hover", "border-color", e("inputtext.invalidHoverBorderColor"))}
-    ${X(":enabled:hover", "border-color", e("inputtext.hover.borderColor"))}
-    ${X(":enabled:focus", "border-color", e("inputtext.focus.borderColor"))}
-    ${X(":disabled", "background", e("inputtext.disabled.background"))}
+    ${Z(".p-invalid", "border-color", e("inputtext.invalid.borderColor"))}
+    ${Z(".p-invalid:enabled:hover", "border-color", e("inputtext.invalidHoverBorderColor"))}
+    ${Z(":enabled:hover", "border-color", e("inputtext.hover.borderColor"))}
+    ${Z(":enabled:focus", "border-color", e("inputtext.focus.borderColor"))}
+    ${Z(":disabled", "background", e("inputtext.disabled.background"))}
   `
-}, Da = {
+}, Ea = {
 	...qi.sizes,
 	colorScheme: qi.colorScheme,
 	css: ({ dt: e }) => `
@@ -22346,7 +22460,7 @@ var W = {
       border-radius: 0;
     }
   `
-}, Oa = {
+}, Da = {
 	...Ji.sizes,
 	colorScheme: Ji.colorScheme,
 	css: ({ dt: e }) => `
@@ -22364,27 +22478,27 @@ var W = {
 				border-right: none;
 		}
 	`
-}, ka = ({ slot: e, dt: t }) => `
+}, Oa = ({ slot: e, dt: t }) => `
         .p-menubar-${e} {
           display: flex;
           justify-content: center;
           align-items: center;
           gap: ${t("menubar.gap")};
         }
-`, Aa = {
+`, ka = {
 	root: Yi.sizes,
 	colorScheme: Yi.colorScheme,
 	css: ({ dt: e }) => `
-        ${ka({
+        ${Oa({
 		slot: "start",
 		dt: e
 	})}
-        ${ka({
+        ${Oa({
 		slot: "end",
 		dt: e
 	})}
   `
-}, Z = ({ colorName: e, dt: t }) => `
+}, Q = ({ colorName: e, dt: t }) => `
   .p-message-${e} .p-message-close-button svg {
     fill: ${t(`message.${e}.color`)};
   }
@@ -22400,36 +22514,36 @@ var W = {
   .p-message-${e}.p-message-simple .p-message-close-button svg {
     fill: ${t(`message.${e}.simple.color`)};
   }
-`, ja = {
+`, Aa = {
 	...Xi.sizes,
 	colorScheme: Xi.colorScheme,
 	css: ({ dt: e }) => `
-    ${Z({
+    ${Q({
 		colorName: v.INFO,
 		dt: e
 	})}
-    ${Z({
+    ${Q({
 		colorName: v.ERROR,
 		dt: e
 	})}
-    ${Z({
+    ${Q({
 		colorName: v.SECONDARY,
 		dt: e
 	})}
-    ${Z({
+    ${Q({
 		colorName: v.SUCCESS,
 		dt: e
 	})}
-    ${Z({
+    ${Q({
 		colorName: v.WARN,
 		dt: e
 	})}
-    ${Z({
+    ${Q({
 		colorName: v.CONTRAST,
 		dt: e
 	})}
   `
-}, Ma = {
+}, ja = {
 	...Zi.sizes,
 	colorScheme: Zi.colorScheme,
 	css: ({ dt: e }) => `
@@ -22459,7 +22573,7 @@ var W = {
 			border-color: ${e("multiselect.invalidHoverBorderColor")};
 		}
 	`
-}, Na = {
+}, Ma = {
 	...Qi.sizes,
 	colorScheme: Qi.colorScheme,
 	css: ({ dt: e }) => `
@@ -22471,7 +22585,7 @@ var W = {
       border-color: ${e("inputtext.invalidHoverBorderColor")};
     }
   `
-}, Pa = {
+}, Na = {
 	root: $i.sizes,
 	colorScheme: $i.colorScheme,
 	css: ({ dt: e }) => `
@@ -22487,7 +22601,7 @@ var W = {
 	})}
 		}
 	`
-}, Fa = {
+}, Pa = {
 	root: ea.sizes,
 	colorScheme: ea.colorScheme,
 	css: ({ dt: e }) => `
@@ -22498,7 +22612,7 @@ var W = {
       justify-content: center;
     }
   `
-}, Ia = {
+}, Fa = {
 	...ta.sizes,
 	colorScheme: ta.colorScheme,
 	css: ({ dt: e }) => `
@@ -22525,14 +22639,14 @@ var W = {
 				color: ${e("select.option.selectedFocusColor")};
 		}
 	`
-}, La = {
+}, Ia = {
 	root: na.sizes,
 	colorScheme: na.colorScheme
-}, Ra = {
+}, La = {
 	root: ra.sizes,
 	colorScheme: ra.colorScheme,
 	css: ({ dt: e }) => "\n    .p-toggleswitch {\n      flex-shrink: 0;\n    }\n  "
-}, za = (e, t) => `
+}, Ra = (e, t) => `
   .p-datatable-tbody > tr.row-${e},
   .p-datatable-tbody > tr.row-${e} > td,
   .p-datatable-tbody > tr.row-${e} > td.p-datatable-frozen-column {
@@ -22545,7 +22659,7 @@ var W = {
   .p-datatable-tbody > tr.row-${e}:has(+ .p-datatable-row-expansion:hover) > td {
     background: ${t(`datatable.row.${e}HoverBackground`)};
   }
-`, Ba = {
+`, za = {
 	root: ia.sizes,
 	colorScheme: ia.colorScheme,
 	css: ({ dt: e }) => `
@@ -22563,9 +22677,9 @@ var W = {
           background: ${e("datatable.row.hoverBackground")};
          }
 
-        ${za("error", e)}
-        ${za("warning", e)}
-        ${za("success", e)}
+        ${Ra("error", e)}
+        ${Ra("warning", e)}
+        ${Ra("success", e)}
 
         .p-datatable-scrollable .p-datatable-frozen-column:not(.p-datatable-header-cell) {
             background: ${e("datatable.frozenColumn.background")};
@@ -22626,7 +22740,7 @@ var W = {
           background: ${e("datatable.headerCell.background")};
         }
         `
-}, Va = {
+}, Ba = {
 	root: aa.sizes,
 	colorScheme: aa.colorScheme,
 	css: ({ dt: e }) => `
@@ -22642,43 +22756,43 @@ var W = {
         min-height: ${e("textarea.minHeight")};
       }
   `
-}, Ha = ({ colorName: e, dt: t }) => `
+}, Va = ({ colorName: e, dt: t }) => `
   .p-toast-message-${e} .p-toast-close-button svg {
     fill: ${t(`toast.${e}.icon-color`)};
   }
-`, Ua = {
+`, Ha = {
 	...oa.sizes,
 	colorScheme: oa.colorScheme,
-	css: ({ dt: e }) => Object.values(v).map((t) => Ha({
+	css: ({ dt: e }) => Object.values(v).map((t) => Va({
 		colorName: t,
 		dt: e
 	})).join("")
-}, Wa = {
+}, Ua = {
 	root: sa.sizes,
 	colorScheme: sa.colorScheme
-}, Ga = {
+}, Wa = {
 	autocomplete: Ii,
 	avatar: la,
 	breadcrumb: ma,
-	button: ya,
+	button: va,
 	badge: pa,
-	chip: xa,
-	checkbox: ba,
-	datepicker: Sa,
-	textarea: Va,
-	toast: Ua,
-	toggleswitch: Ra,
-	divider: Ca,
-	image: Ta,
-	inputgroup: Ea,
-	inputnumber: Da,
-	inputtext: Oa,
-	menubar: Aa,
-	message: ja,
-	password: Na,
-	popover: Pa,
-	radiobutton: Fa,
-	slider: La,
+	chip: ba,
+	checkbox: ya,
+	datepicker: xa,
+	textarea: Ba,
+	toast: Ha,
+	toggleswitch: La,
+	divider: Sa,
+	image: wa,
+	inputgroup: Ta,
+	inputnumber: Ea,
+	inputtext: Da,
+	menubar: ka,
+	message: Aa,
+	password: Ma,
+	popover: Na,
+	radiobutton: Pa,
+	slider: Ia,
 	tooltip: {
 		root: ca.sizes,
 		colorScheme: ca.colorScheme,
@@ -22699,12 +22813,12 @@ var W = {
       }
   `
 	},
-	datatable: Ba,
-	toolbar: Wa,
-	galleria: wa,
-	multiselect: Ma,
-	select: Ia
-}, Q = ({ size: e, dt: t }) => `
+	datatable: za,
+	toolbar: Ua,
+	galleria: Ca,
+	multiselect: ja,
+	select: Fa
+}, Ga = ({ size: e, dt: t }) => `
         .controls-group--${e} {
             padding: ${t(`player-control-bar-position-padding-${e}`)};
         }
@@ -22729,21 +22843,21 @@ var W = {
             right: ${t(`player-screenshot-${e}-close-btn-gap`)};
         }
 `, Ka = ({ dt: e }) => `
-    ${Q({
+    ${Ga({
 	size: "sm",
 	dt: e
 })}
-    ${Q({
+    ${Ga({
 	size: "md",
 	dt: e
 })}
-    ${Q({
+    ${Ga({
 	size: "lg",
 	dt: e
 })}
 `, qa = yn(li, {
 	semantic: Fi,
-	components: Ga,
+	components: Wa,
 	extend: ui,
 	css: ({ dt: e }) => `
     ${Ka({ dt: e })}